html { 
	height:100%; 
	height: auto; 
	}

body
 {
 background-color: #F6F6EB repeat; 
 font-family:verdana,tahoma,sans-serif;font-size:11px;color:#535353;
 top: 0px;
 left: 0px;
 width:100%;
 min-height: 100%;
 height:auto; 
 height:100%; 
 margin: 0 auto 0 auto;
 }

div#container
 {
 position: absolute;
 left: 0px;
 top: 0px;
 width: 100%;
 min-height: 700px;
 height:auto; 
 height: 100%; 
 margin: 0 auto 0 auto;
 background-color: white repeat;
 }

div#main
 {
 background: url(../images/f.jpg) repeat 0 0; 
 position: relative;
 top: 0px;
 left: 0px;
 width: 100%;
 min-height: 800;
 }

div#belso { padding: 20px; }

div#header
{
	position: relative;
/*	background: url(../images/fh.png) repeat-x; */
	width: 100%;	
	height: 80px; 
}

#logo2
{
	position: relative;
	top: -225px;
	z-index: 0;
}

div#ures
{
	position: relative;
	background-color:#FFFFFF;	
	float: right;
}

#footer { margin: 0 auto; width: 100%; height: auto; background: url(../images/lh.png) repeat 0 0; left: 0; position: relative; bottom: 0; }
#footer-content { text-align: left;  position: relative; width: 1004px; height: 70px; font-size:10px; }
#ft {  position: absolute; top: 0px; left: 550px; }

#transparent { width: auto; height: auto;  margin: 0 auto; position: fixed; top: 0; left: 1004px; z-index: 1; }

a{color:#355984; text-decoration: none; font-size:10px; font-weight:bold; }
a:hover{color:#4C7EB9; text-decoration: none; font-size:10px;}
a.belso{font-size:11px;}

a.marka img{border: 2px #355984 solid;}
a.marka:hover img{border: 2px #4C7EB9 solid;}

span.displaynone { display:none; } 
span.textfej { font-size:10px; } 

p.masfel {
	line-height: 150%;
	text-align: justify;
	width: 740px;
}

div.bemutato {
	position:absolute;
    background: url(../images/fopanel_h.jpg) no-repeat 0 0; 
	line-height: 150%;
	text-align: justify;
	width: 600px;
}

div.bemutato2 {
	position:absolute;
	line-height: 150%;
	text-align: justify;
	width: 500px;
}

div.alatet {position:relative; background: url(../images/alatet.jpg) no-repeat 0 0; width: 500px;height: 100px;}
div.alatet2 {position:relative; background: url(../images/alatet2.jpg) no-repeat 0 0; width: 400px;height: 100px;}

div.bemutato_kicsi {
	position:relative;
    background: url(../images/panel_h.jpg) no-repeat 0 0; 
	line-height: 150%;
	left: 650px;
	width: 300px;
	top: 25px;
	height: 70px;
}

div.menu {
	position:relative;
    background: url(../images/panel_h2.jpg) no-repeat 0 0; 
	line-height: 165%;
	left: -10px;
	width: 200px;
	top: -83px;
}

.inputbox {
	padding:2;
	border: 1px solid #AFB090;
	border-left-color: #AFB090;
	border-top-color: #AFB090;
	background: white url(../images/input.png) 0px 0px repeat-x;
}

.inputbox2 {
	padding:2;
	border: 1px solid #AFB090;
	border-left-color: #AFB090;
	border-top-color: #AFB090;
	background: white url(../images/input2.png) 0px 0px repeat-x;
}

div.shots {
	position:absolute;
	line-height: 150%;
	left: 800px;
	width: 300px;
	top: 35px;
}

div.projektor { width: 100%; height: 100%;  margin: 0 auto; position: fixed; top: 0; left: 0px; z-index: 10; }