/*  :::::::::::: Kezmuvesekhaza.hu :::::: CSS ::::: szerk.: KVM - 2010  |  kvm@m7design.hu ::::::::::::: */

html { height: 100%; margin:0; padding:0; }
body {
	background-image:url("../_kepek/hatter.gif");
	background-repeat: repeat;
	background-color: #E1D9C2;
	margin: 3px 0;
}



#kezmuvesekhaza-1024,
#kezmuvesekhaza-1280plusz,
#kezmuvesekhaza-1024z,
#kezmuvesekhaza-1280z-plusz { 
	width:832px;
}

#kezmuvesekhaza-1024 { 
	margin-left:81px;
}
#kezmuvesekhaza-1280plusz { 
	margin-left:195px;
}





/*
---------------------------------------------------------------------------
########## HÁTTÉRZENE #####################################################
---------------------------------------------------------------------------
*/
#kezmuvesekhaza-1024z { 
	margin-left:-4px;
	position:absolute;
}
#kezmuvesekhaza-1280z-plusz { 
	margin-left:110px;
	position:absolute;
}

#zene-info {
	position:absolute; 
	visibility:visible; 
	left:545px; 
	top:4px; 
	width:31px; 
	height:15px; 
	z-index:2;
}

#zene-bezaras {
	position:absolute; 
	visibility:visible; 
	left:874px; 
	top:4px; 
	width:31px; 
	height:15px; 
	z-index:2;
}

#zene-mp3 {
	 position:absolute; 
	 left:572px; 
	 top:-20px; 
	 width:385px; 
	 height:80px; 
	 z-index:1; 
	 visibility: visible;
}


/*
---------------------------------------------------------------------------
########## FEJ ###########################################################
---------------------------------------------------------------------------
*/
#fej {
	width:832px; 
	height:174px; 
	clear:both;
}

#fej-logo {
	width:832px; 
	height:119px;
	background-position:0 0; 
	background-image: url(../_kepek/fej_logo.png);
	background-repeat: no-repeat;
	float:left;
	clear:both;
}

#fej-logo-gombok {
	margin: 50px 53px 0 0;
	text-align:right;
}

#fej-menu {
	width:832px; 
	height:55px;
	background-position:0 0; 
	background-image: url(../_kepek/fej_menu-hatter.jpg);
	background-repeat: no-repeat;
	float:left;
	clear:both;	
}

#fej-kep {
	width:832px; 
	height:264px;
	background-position:0 0; 
	background-image: url(../_kepek/fej_alap-hatter.jpg);
	background-repeat:repeat-y;
	background-color:#FAF6C7;
	float:left;
	clear:both;
}

#fej-kep_belso {
	margin-top:1px;
	margin-left:7px;
	background-image: url(../_kepek/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}





/*
---------------------------------------------------------------------------
########## TÖRZS #########################################################
---------------------------------------------------------------------------
*/
#torzs {
	width:832px;
	background-image:url(../_kepek/torzs_alap-hatter.gif); 
	background-position:0 0; 
	background-repeat:repeat-y;	
	float:left;
	clear:both;
}

/*  ::::: Baloldal ::::: */
#torzs-csik {
	width:267px;
	float:left;
	clear:both;
}


#torzs-csik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #212121;
}

#torzs-csik_fotogal {
	margin: 1px 25px 15px 81px;
}

#torzs-csik_hirlevel { /* teljes szélesség */
	margin: 10px 12px 10px 36px;
	height:190px;
	background-image:url(../_kepek/torzs_csik-hirlevel-alap.jpg); 
	background-position:0 0; 
	background-repeat: no-repeat;	
}

#torzs-csik_hirlevel-szoveg {
	margin: 40px 20px 20px 20px;
	text-align:center;
}

#torzs-csik_cim { /* teljes szélesség */
	margin: 30px 12px 1px 36px;
}

#torzs-csik_szoveg {
	margin: 0 25px 30px 52px;
}



/*  ::::: Jobboldal - tartalom ::::: */
#torzs-tartalom {
	width:565px;
	float:right;
}

#torzs-tartalom-belso {
	margin: 0 7px 0 40px;
}


#torzs-tartalom_datum {
	margin-right: 8px;
	height:26px;
	background-image:url(../_kepek/torzs_datum-hatter.jpg); 
	background-position:top right; 
	background-repeat: no-repeat;

	text-align:right;
	padding-top: 7px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #757575;
}

#torzs-tartalom_cim { /* belső méret max518px */
	margin-top: 30px; 
	margin-bottom: 25px;
}


/* Betűtípusok */
#torzs-tartalom_szoveg {
	margin-right: 25px;
	
	text-align:left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	color: #212121;
}

#torzs-tartalom_szoveg .apro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: normal;
}



#torzs-tartalom_program, 
#torzs-tartalom_program-reszletek {
	clear:both; /* !!! */
}

#reszletek-btn {
	float:right;
	clear:both;
}



.reszletek, .reszletekAKTIV {
	width:auto;
	margin-right: 40px;
	border:1px solid #CBBE93; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px 7px 4px 7px;
	cursor: pointer;
	
	font-style: bold;
	font-weight: bold;
}
	
.reszletek_txt {
	/*border-width: 1px;
	border-color: #CBBE93;
	border-style:solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px 7px 4px 7px;*/
}


h1, h2 h3 {
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	

}

h1 {
	font-size: 18px;
	color: #BB6D29;
	margin-top:50px;
}

h2 {
	font-size: 12px;
	color: #BB6D29;
}

h3 {
	font-size: 12px;
	color: #212121;
}


a.link, 
a.link:hover, 
a.link:visited {
	border-bottom:1px dashed #BB6D29; 
	text-decoration: none;
	cursor:pointer;
}

a, a.link-reszletek {
	text-decoration: none;
	cursor:pointer;
}

a,
a:visited, 
a.link, 
a.link:visited,
a.link-reszletek,
a.link-reszletek:visited {
	color: #212121;
}

a:hover,
a.link:hover, 
a.link-reszletek:hover {
	color: #BB6D29;
}




#torzs-tartalom_szdoboz-barna, 
#torzs-tartalom_szdoboz-vbarna, 
#torzs-tartalom_szdoboz-narancs {
	background-position:0 0; 
	background-repeat: repeat;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	padding: 3px 10px 3px 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:left;
}

#torzs-tartalom_szdoboz-barna {	
	background-image:url(../_kepek/torzs_szdoboz-barna.gif); 
}
#torzs-tartalom_szdoboz-vbarna {	
	background-image:url(../_kepek/torzs_szdoboz-vbarna.gif); 
}
#torzs-tartalom_szdoboz-narancs {
	background-image:url(../_kepek/torzs_szdoboz-narancs.gif);
	color: #FFFFFF;
}


#alkotoink td:hover {
	font-style: bold;
	font-weight: bold; 
}

#torzs-zaras {
	width:832px;
	height:75px;
	background-image:url(../_kepek/torzs_alap-zaras.png);
	background-position:0 0; 
	background-repeat:no-repeat;
	float:left;
	clear:both;
}

#torzs-zaras-belso {
	margin: 25px 32px 0 0;
	text-align:right;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	color: #757575;

}


/*
---------------------------------------------------------------------------
########## LÁB ###########################################################
---------------------------------------------------------------------------
*/
#lab {
	width:832px; 
	height:109px; 
	background-image:url(../_kepek/lab_alap-hatter.png);
	background-position:0 0; 
	background-repeat:no-repeat;
	float:left;
	clear:both;
}

#lab-belso { 
	margin: 1px 25px 10px 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	position:relative;	
}

#lab-belso-nomenu { 
	margin-top: 5px;
}
/* LÁBrész menü */
#lab-belso .lab_cim,
#lab-belso .lab_cim_b {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
}

#lab-belso .lab_almenu {
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	color: #212121;
}

a.lab_cimlink:link {
	color:#BB6D29;
	text-decoration: none;
}
a.lab_cimlink:visited { 
	color:#BB6D29;
	cursor:pointer;
	text-decoration:none
}
a.lab_cimlink:hover { 
	color:#B14D2D; 
	cursor:pointer;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #B14D2D;
}
a.lab_cimlink:active {
	color:#333333;
	text-decoration: none;
}



#m7design {
	top:34px; left:688px; width:86px; height:28px; 
	position:absolute; 
	z-index:1; 
	visibility: visible;
} 

#labm1 {
	left:210px; top:38px; width:83px; height:18px; 
	position:absolute; 
	z-index:1; 
	visibility: visible;
}

#labm1b {
	left:210px; top:38px; width:83px; height:18px; 
	position:absolute; 
	z-index:1; 
	visibility: hidden;
}

#labm2 {
	left:295px; top:38px; width:115px; height:18px; 
	position:absolute; 
	z-index:1; 
	visibility: visible;
}

#labm2b {
	left:295px; top:38px; width:115px; height:18px; 
	position:absolute; 
	z-index:1; 
	visibility: hidden;
}

#labm3{
	left:406px; top:38px; width:78px; height:18px;
	position:absolute; 
	z-index:1; 
	visibility: visible;
}

#labm3b {
	left:406px; top:38px; width:78px; height:18px;
	position:absolute; 
	z-index:1; 
	visibility: hidden;
}

#labm4 {
	left:476px; top:38px; width:78px; height:18px;
	position:absolute; 
	z-index:1; 
	visibility: visible;
}

#labm4b {
	left:476px; top:38px; width:78px; height:18px;
	position:absolute; 
	z-index:1; 
	visibility: hidden;
}



#labm1a {
	left:9px;
	width:719px;
	top:58px;
	height:18px;
	position:absolute;
	z-index:2;
	visibility: hidden;
}
#labm2a {
	left:98px; width:580px;
	top:58px;
	height:18px;
	position:absolute; 
	z-index:2;
	visibility: hidden;
}
#labm3a {
	left:2px; width:776px;
	top:58px;
	height:18px;
	position:absolute; 
	z-index:2;
	visibility: hidden;
}
#labm4a {
	left:274px;
	width:400px;
	top:58px;
	height:18px;
	position:absolute;
	z-index:2;
	visibility: hidden;
}



/*  ::::: Honlaptérkép :::::::::::  */
.hterkep_cim {
	font-size: 13px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	color: #BB6D29;
	text-indent: 35px;
}
.hterkep_almnu {
	line-height: 16px;
	padding-left: 75px;
}
.hterkep_mnu {
	line-height: 15px;
}



/*  ::::: KÉP elhelyezés :::::::::::  */

div.kep { }
div.kepAKTIV  	{
	width: 100%; background-color: silver;opacity:.85;filter: alpha(opacity=85); -moz-opacity: 0.85; cursor:pointer;
	}

.kep_balra, .kep_balrateto, .kep_jobbra, .kep_jobbrateto  {
	background-image: url(../_kepek/ajax-loader2.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.kep_balra {
	float: left;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 3px;
	margin-left: 0px;
}

.kep_balrateto {
	float: left;
	clear:left;
	margin-top: 3px;
	margin-right: 15px;
	margin-left: 0px;
	margin-bottom: 10px;
}


.kep_jobbra {
	float: right;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 15px;
}

.kep_jobbrateto {
	float: right;
	margin-top: 3px;
	margin-right: 0px;
	margin-left: 15px;
	margin-bottom: 3px;
}