@charset "utf-8";

html, body	{width: 100%; margin: 0; padding: 0; border: 0;}

.thetable		{
position: relative;
display: table; 
width: 100%;
margin: 0;
padding: 0;
border: 0; 
clear: both;
border-spacing: 0; /* required by Opera 6 */
background:#52646d url(/images/bg.jpg) repeat-x;
}

 /* hide this from opera6 */
head:first-child+body div.thetable {height: 100%;}

.tablerow		{display: table-row;}

.tablecell	{

border: 0;
padding: 0;
margin: 0; 

vertical-align: top;


}

 /* hide this from opera6 */
head:first-child+body div.tablecell {height: 100%;}
/* added for mozilla which worked for others too, but op6 still needed min-height so hide this rule */

.one				{
width: 50%; 

background:url(/images/left1.jpg) no-repeat;
background-position: top right;


}
.two				{
width: 969px; 

background: url(/images/main_bg.jpg) repeat-y;
background-position: top;
height:100%;
padding-bottom:80px;



}
.three			{
width: 50%; 
background:  url(/images/right1.jpg) no-repeat;
background-position:top left;


}

.main_m{

background:url(/images/main_center.jpg) no-repeat top;
padding-top:160px;
padding-left:20px;
padding-right:18px;
width:970px;



}



#footer			{
clear: both; 
position: relative; 
height: 123px; 
color: white; 
background:#52646d url(/images/bottom_bg.jpg) repeat-x;
margin-top: -123px;
z-index: 15;
}

#footer	 .footer_belso{
background: url(/images/bottom.jpg) no-repeat;
background-position:center;
padding-top:37px;

height:86px;
text-align:center;


}

 /* hide this from opera6 */
head:first-child+body div#footer {margin-bottom: 0;}


/* some general formatting styles */
body {
font-family:Tahoma, Arial;
	font-size: 11px;
	background:#889aa4;
	
	
}


a:link, a:visited	{
color: #fff;
background: transparent;
text-decoration: underline;
}

a:hover	{
color: lime;
background: transparent;
}

.thetable a:link, .thetable a:visited	{
color: #009;
!background: transparent;
text-decoration: underline;
}

.thetable a:hover	{
color: #f00;
background: transparent;
}


/* Menu */
#menu{
background:url(/images/menu_bg.jpg) repeat-x;
height:34px;
padding-left:40px;
}

ul#smenu{list-style-type:none;position:relative;height:31px;margin:0;padding:0 30px 0 0;}
ul#smenu li{display:block;float:left;margin:0 10px 0 4px;height:31px;}
ul#smenu li.left{margin:0;}
ul#smenu li a, .fomenunormal{display:block;float:left;color:#555555;line-height:31px;text-decoration:none;height:31px; width:80px;
text-align:center;}

ul#smenu li a:hover, .aktivfomenu{color:#FFFFFF; background:url(/images/menu_bg_over.jpg) repeat-x;}

.aktivfomenu {color:#FFFFFF; background:url(images/menu_bg_over.jpg) repeat-x;}



ul#smenu2 li a:hover{color:#FFFFFF; font-weight:bold;
background:url(/images/menu_bg_over.jpg) repeat-x;}

#submenu{
background:url(/images/submenu_bg.jpg) repeat-x;
height:36px;

}

#submenu a{
display:block;

height:26px;
background:url(/images/spont.jpg) no-repeat left center;
color:#FFFFFF;
text-decoration:none;
padding-top:10px;
padding-left:10px;


}

#submenu a:hover{

color:#eeeeee;

}



#tartalom{
width:635px;
min-height:280px;
background:url(/images/main_kocka_Bg.jpg) no-repeat;
background-position:0 3px;
padding-left:20px;
padding-right:30px;
padding-top:20px;
color:#6c6b6b;
padding-bottom:60px;

}

.tartalom_ny{

background:url(/images/main_nyit_bg.jpg) no-repeat bottom};
}

#tartalom h1{
color:#ff7928;
font-size:14px;

}

h1{
color:#ff7928;
font-size:14px;

}

#tartalom p{
line-height:150%;
text-align:justify;

}

#tartalom a{
color:#ff7928;

}

#tartalom .jobboldali_kep{
float:right;
padding-left:30px;
}


#tartalom .sortav200{
line-height:150%;
font-size:10px;
}



.jobbobg{
background:url(/images/jobbo_bg.jpg) right repeat-y;



}

.jobboldal_alul{
background:url(/images/jobbo_kocka_bg.jpg) right bottom no-repeat; width:215px;  min-height:460px;
  height:auto !important;
}

#face{
background:url(/images/face.jpg) no-repeat;
width:180px;
height:61px;
padding-top:17px;
padding-left:70px;
}

#kereso .mezo{
width:120px;
border:#CCCCCC solid 1px;
font-size:11px;
}

.padding-top{padding-top:10px;}

#nyito{
position:absolute;
background:url(/nyito/bg.jpg) no-repeat ;
width:681px;
height:309px;
}

#mask{
background:url(/nyito/mask.png) no-repeat ;

height:309px;
}

#nyito .flekk{
background:url(/nyito/flekk.png) no-repeat;
height:95px;
padding-left:10px;
padding-top:5px;
}

#cszoveg{
font-size:16px;
color:#b9b9b9;
padding-right:30px;
}

fieldset{
padding:10px;
}

legend{
color:#ff7928;
font-size:14px;
padding:10px;
}

#rights{
background: #FFFFFF;
background-position:8px 8px;
border:#bbbbbb dotted 1px;
width:70%;
padding:8px;

margin-left:auto;
margin-right:auto;
}

 .dolt{
font-style:italic;
}

.vastag{
font-weight:bold;
}

.jobbra{
float:right;
padding-left:10px;
padding-bottom:10px;
}

#referenciak {
text-align:center;
}

#referenciak img{
border:#ababab solid 1px;
}

a.aa{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/a.jpg');
	outline: none;
}
a.ab{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/b.jpg');
	outline: none;
}
a.ac{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/c.jpg');
	outline: none;
}
a.ad{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/d.jpg');
	outline: none;
}
a.ae{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/e.jpg');
	outline: none;
}
a.af{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/f.jpg');
	outline: none;
}
a.ag{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/g.jpg');
	outline: none;
}
a.ah{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/h.jpg');
	outline: none;
}

a.aa:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/1.jpg');
}
a.ab:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/2.jpg');
}
a.ac:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/3.jpg');
}
a.ad:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/4.jpg');
}
a.ae:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/5.jpg');
}
a.af:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/6.jpg');
}
a.ag:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/7.jpg');
}
a.ah:hover{
	display: block;
	width: 83px;
	background-image: url('/images/buttons/8.jpg');
}