/*
	Interkerám CSS
	Készítette: Artcél Stúdió
	Tartalom:
		layout
		tipografia
		felsorolás
		3 hasáb
		tablazatok
		formok
*/

/* layout
----------------------------------------------- */
html, body {
		height: 100%;
		width: 100%;
		}
body {
		margin: 0;
		padding: 0;
		background: #000;
		Xbackground: #EBEBEB url(../layout/main_bg.jpg) repeat-x;
		text-align: center;
		}
		
#logo{
	background-image:url(../img/logo_nagy.jpg);
	background-repeat:no-repeat;
	width:267px;
	height:225px;
	float:left;
}	

#logo2{
	background-image:url(../img/logo_kicsi.jpg);
	background-repeat:no-repeat;
	width:267px;
	height:150px;
	float:left;
}		
	
#pic{
	float:left;
	height:225px;
	width:633px;
}

#pic_kicsi{
	float:left;
	height:150px;
	width:633px;
}

a.zlink{
	font-family:Tahoma;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	color:#90A531;
}

a.zlink:hover{
	text-decoration:underline;
}		

#interkeram {
		width: 900px;
		background: #FFF;
		margin: 0 auto;
		padding: 10px;
		text-align: left;
		}
#top {
		width: 900px;
		Xheight: 338px;
		}
#topmenu_tarto {
		height: 34px;
		background: url(../layout/topmenu_bg.gif) repeat-x;
		}
#topmenu {
		width: 500px;
		height: 34px;
		float: left;
		Xbackground: #123;
		background: url(../layout/topmenu_bg_2b.gif) no-repeat left top;
		}
#kereso {
		width: 380px;
		height: 34px;
		float: right;
		background: url(../layout/topmenu_bg_2j.gif) no-repeat right top;
		text-align: right;
		font: normal 9px/31px Verdana, Arial, Helvetica, sans-serif;
		color: #FFF;
		padding: 0 20px 0 0;
		}


#flash, #flashcontent {
		height: 225px;
		}
#alflash, #flashtartalom {
		height: 150px;
		}
#fomenu {
		height: 35px;
		}
#almenu {
		height: 30px;
		}
#mainflash, #flashcontent2 {
		height: 141px;
		}

#bal,
#almenu1,
#almenu2,
#almenu3,
#almenu4 {
		width: 267px;
		float: left;
		padding: 30px 0px 0px 0px;
		border-right: 3px solid #FFF;
		border-bottom: 3px solid #FFF;
		clear: left;
		}

#bal  {		background: #7B8C2D url(../layout/almenu_bg.gif) no-repeat;
		}
#almenu1 {	background: #AD8D26 url(../layout/almenu1_bg.gif) no-repeat;
		}
#almenu2 {	background: #8A6D29 url(../layout/almenu2_bg.gif) no-repeat;
		}
#almenu3 {	background: #6F542F url(../layout/almenu3_bg.gif) no-repeat;
		}
#almenu4 {	background: #963C22 url(../layout/almenu4_bg.gif) no-repeat;
		}

#bal_alja  {
		width: 170px;
		padding: 10px 55px 20px 70px;
		float: left;
		clear: left;
		background: url(../layout/bal_alja_bg.gif) no-repeat 70px 0px;
		Xheight: 600px;
		}
#tartalom {
		width: 570px;
		float: right;
		padding: 0 30px 20px 30px;

		background: url(../layout/tartalom_bg.gif) no-repeat;

		}
#titile {
		width: 100%;;
		float: right;
		

		background: url(../layout/tartalom_bg.gif) no-repeat;

		}

#tartcim {
		Xbackground: url(../layout/cim_bg.gif) no-repeat 0px 30px;
		width: 570px;
		padding: 5px 0 2px 0;
		border-bottom: 1px solid #FFF;
		}
#info {
		widht: 570px;

		xbackground: #567;
		}
#sizer {
		width: 50px;
		float: right;
		text-align: right;
		
		}


#txtmeret img {
		padding: 0;
		margin: 0;
		}

#also_nav {
		width: 570px;
		float: right;
		padding: 10px 30px 20px 30px;
		Xbackground: #aef;
		font: normal 10px/12px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		background: url(../layout/also_nav_bg.gif) no-repeat center top;
		color: #4A4C3F;
		}
#also_nav_bal {
		width: 305px;
		float: left;
		padding: 0 0 0 15px;
		background: url(../layout/also_nav_nyil1.gif) no-repeat;
		}
#also_nav_jobb {
		width: 235px;
		float: right;
		text-align: right;
		position: relative;
		padding: 0 15px 0 0;
		background: url(../layout/also_nav_nyil2.gif) no-repeat right top;
		}



#partner {
		width: 900px;
		Xheight: 85px;
		background: url(../layout/footer_bg.gif);
		clear: both;
		}


#footer {
		width: 840px;
		height: 31px;
		padding: 0 30px;
		background: url(../layout/footer_bg.gif);
		clear: both;
		}
#foot_bal {
		float: left;
		}
#foot_jobb {
		float: right;
		}
/*---------------save#hasab_1  {
		width: 560px;
		xheight: 360px;
		Xbackground: #431;
		float: left;
		Xbackground: url(../layout/cim_2.gif) no-repeat;
		padding: 0px 20px 20px 0px;
		xtext-align: right;
		xtext-align: left;
		font: normal 12px/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		color: #626C6E;
		}----- */
#hasab_1 {
		width: 290px;
		float: left;
		padding: 0px 0px 20px 0px;
		}
.jobbtext {text-align: right;}
#hasab_2  {
		width: 260px;
		float: left;
		padding: 0px 20px 20px 20px;
		color: #626C6E;
		}
#hasab_2 p  {
		font: normal 11px/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}
#hasab_2 p.elso  {
		margin-top: 0;
		}
#hasab_3 {
		width: 290px;
		float: left;
		padding: 0px 0px 20px 0px;
		}
#hasab_1 ul {
		list-style: none;
		padding: 15px 0 0 0;	
		margin: 5px 0 0 0;
		background: #E4E1C1 url(../layout/has1_ul_bg.gif) no-repeat;
		}
#hasab_1 ul li{
		font: normal 11px/21px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 0 20px;
		background:  url(../layout/has1_li_bg.gif) repeat-x;
		color: #827F54;
		}
#hasab_1 ul li.utso {
		margin: 0;
		background:  url(../layout/has1_li_utso_bg.gif) no-repeat left bottom;
		height: 30px;
		}

#hasab_3 ul {
		list-style: none;
		padding: 15px 0 0 0;
		margin: 5px 0 0 0;
		background: #D2DFDC url(../layout/has3_ul_bg.gif) no-repeat;
		}
#hasab_3 ul li{
		font: normal 11px/21px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 0 20px;
		background:  url(../layout/has3_li_bg.gif) repeat-x;
		color: #84968F;
		}
#hasab_3 ul li.utso {
		margin: 0;
		background:  url(../layout/has3_li_utso_bg.gif) no-repeat left bottom;
		height: 30px;
		}
#hasab_1 h1,
#hasab_2 h2,
#hasab_3 h3 {
		font: bold 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		padding: 0px 0 7px 0;
		margin: 0;
		}
#hasab_1 a {
		text-decoration: none;
		color: #827F54;
		}
#hasab_3 a {
		text-decoration: none;
		color: #84968F;
		}
#hasab_1 a:hover,
#hasab_3 a:hover {
		text-decoration: underline;
		}

/* tipografia
----------------------------------------------- */

#footer {
		font: normal 9px/30px Verdana, Arial, Helvetica, sans-serif;
		color: #767771;
		}
#tartalom {
		color: #4A4C3F;
		}
#tartalom h1,
#tartalom h2,
#tartalom h3,
#tartalom h4 {
		padding: 0;
		margin: 0;
		}

#tartalom h1 {
		font: normal 24px Arial, Helvetica, sans-serif;
		xtext-transform: uppercase;
		Xwidth: 530px;
		Xpadding: 7px 0;
		color: #585A51;
		}
#tartalom h2 {
		font: normal 16px Arial, Helvetica, sans-serif;
		padding: 7px 0;
		}
#tartalom h3 {
		font: bold 12px/1.6em Arial, Helvetica, sans-serif;
		clear: both;
		padding: 5px 0;
		}
#tartalom h4 {
		font: normal 11px/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		text-decoration: underline;
		text-align: left;
		clear: both;
		padding: 5px 0;
		}
#tartalom p {
		font: normal 11px/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		}
#tartalom a,
#also_nav a {
		text-decoration: none;
		color: #90A531;
		}
#footer a {
		text-decoration: none;
		color: #767771;
	}
#tartalom a:hover,
#footer a:hover,
#also_nav a:hover {
		text-decoration: underline;
		}




/* felsorolás
----------------------------------------------- */
#tartalom ul {
		list-style: none;
		padding: 0;
		margin: 10px 20px;
		
}
#tartalom ul li {
		font: normal 11px/20px Tahoma, Verdana, Arial, Helvetica, sans-serif;
		padding: 0;
		}

#tartalom ul li a {
		padding: 0 0 0 15px;
		background: url(../layout/tart_felsor_dot.gif) no-repeat;
		
		
		}
#tartalom ul li a:hover {
		background: url(../layout/tart_felsor_dot_akt.gif) no-repeat;
		}



/* 2 hasáb felsor
------------------------------------------------*/





#tartalom ul.col {
		list-style: none;
		float: left;
		padding: 0;
		margin: 20px 0 20px 20px;
		width: 275px;
		}
#tartalom ul.col li {
		padding: 0;
		}
#tartalom ul#firstcol {
		margin-left: 0px;
		}
.clearer {
		clear: both;
		}

/* tablazatok
----------------------------------------------- */
#tartalom table {
		width: 100%;
		color: #4A4C3F;
		Xborder-right: 1px solid #999;
		Xborder-bottom: 1px solid #999;
		font: normal 11px/1.6em Tahoma, Verdana, Arial, Helvetica, sans-serif;
		margin: 25px 0;
		}
#tartalom table th	{
		xborder-top: 1px solid #999;
		Xborder-left: 1px solid #999;
		padding: 5px 10px;
		background: #eee;
		text-align: left;
		background:  url(../layout/th_bg.gif) repeat left bottom;
		}
#tartalom table td {
		Xborder-top: 1px solid #999;
		Xborder-left: 1px solid #999;
		padding: 3px 10px;
		Xtext-align: center;
		Xbackground:  url(../layout/td_bg.gif) no-repeat left bottom;
		border-bottom: 1px solid #D7D8D4;
}


/* formok
----------------------------------------------- */