.topmenu {
  position: absolute; top: 333px; left: 60px; width: 240px;
  color: #faf9f4; font-size: 11px; font-family: tahoma;
}

.topmenu a, .topmenu a:visited { text-decoration: none; color: #eff3df; padding-right: 35px; }
.topmenu a:hover { text-decoration: none; color: #fff; padding-right: 35px; }


/* ---  Uj contact form --- */ 

div#contact {
  width:480px;
  margin:0 auto;
}

#contact input {
  position:relative;
  float:left;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #4e4c47;
  background-color: #fff;
  border: 1px solid #d8d1be;
}
#contact textarea {
  font-family:  Verdana, Arial, Helvetica, sans-serif;
  overflow: auto;
  width: 370px;
  height: 72px;
  margin: 2px 0 4px 3px;
  padding: 2px;
  font-size: 12px;
  color: #4e4c47;
  background-color: #fff;
  border: 1px solid #d8d1be;
}
#contact span#contact_sti{
  display: block;
  float:left;
  margin-left:80px !important;
  margin-left:40px;
}
#contact button {
  margin-left:200px;
  text-indent: -9999px;
  cursor: pointer;
  overflow: hidden;
  border: none;
  width: 80px;
  height: 41px;
  background: transparent url(default/images/hu/mehet_btn.jpg) no-repeat top;
}
#contact button:hover, #contact button:focus { background-position: bottom; }

#contact label.wrquied { width:50px; font-weight: bold; color: #45443f; }
#contact label.w { width:50px; }

.empty{}




/*
 *Foglalas urlap
 *
*/
#reserves {
position:relative;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color:#363530;
padding-top:2px;
}
#reserves br, #contact br {
clear:both;
}
#reserves select {   
border: 1px solid #9fa971;
padding: 2px;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #363530;
background-color: #fafaf8; 
}

#reserves input, textarea {
position:relative;
float:left;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #363530;
background: none;
}
#reserves textarea {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
overflow: auto;
width: 275px;
height: 42px;
margin-bottom:4px;
padding:3px 4px;
background:transparent;
}
#reserves label, #contact label {
position:relative;
float: left;
text-align: right;
display: block;
padding:2px 5px;
margin-bottom:3px;
}
#reserves button.button1, #reserves button.button3 {
text-indent: -9999px;
cursor: pointer;
clear: both;
width: 80px;
height: 41px;
margin: 0 55px 20px 0;
overflow: hidden;
background: transparent url(default/images/hu/tovabb_btn.jpg) no-repeat top;
border: none;
}
#reserves button.button3 {float:right;}
#reserves button.button2 {
text-indent: -9999px;
cursor: pointer;
width: 80px;
height: 41px;
margin-right: 15px;
overflow: hidden;
background: transparent url(default/images/hu/javit_btn.jpg) no-repeat top;
border: none;
}
#reserves button:hover, #reserves button:focus { background-position: bottom; }

#reserves label.w63{width:63px;}
#reserves label.w81{width:61px;}
#reserves label.w139{width:100px;}
#reserves label.w91{width:100px;}
#reserves label.w140{width:100px;}
#reserves label.w130{width:150px;}
#reserves label.w167{width:167px;}
#reserves label.w134{width:134px;}
#reserves label.w129{width:129px;}
#reserves label.w331{width:150px;}
#reserves label.w285{width:285px;}

#reserves label.w200{width:100px;}
#reserves label.w300{width:130px;}
#reserves label.w400{width:400px;}

/*
 * nempiszka
*/
#javit {
clear: both;
width: 80px;
height: 41px;
margin-right: 15px;
padding: 0;
border: 0;
background: transparent url(default/images/hu/javit_btn.jpg) no-repeat center top;
cursor: pointer;
/*cursor: hand; */
overflow: hidden;
}
#elkuld {
clear: both;
width: 80px;
height: 41px;
margin-right: 15px;
padding: 0;
border: 0;
background: transparent url(default/images/hu/mehet_btn.jpg) no-repeat center top;
cursor: pointer;
/*cursor: hand; */
overflow: hidden;
}
#reserves button:hover, #reserves button:focus { background-position: bottom; }



/* -----------------------------------  Menü Fent  --- */
#topmenu {
  position: absolute; top: 54px; left: 277px;
  margin: 0; padding: 0; height: 40px; }

#top-nav { 
  margin: 0;  padding: 0; width: 700px; }

#top-nav li {
  margin: 0; padding: 0; display: inline; list-style-type: none; }

#top-nav a {
  margin: 0; padding: 0; float: left; display: block; overflow: hidden;
  text-decoration: none; text-indent: -9999px; height: 40px; }

#top-nav a#hotel {
   background: url(default/images/hu/1-hotel.jpg) top left no-repeat;
   width: 142px; }

#top-nav a#galeria {
   background: url(default/images/hu/2-galeria.jpg) top left no-repeat;
   width: 87px; }

#top-nav a#ajanlatok {
   background: url(default/images/hu/3-ajanlatok.jpg) top left no-repeat;
   width: 124px; }

#top-nav a#arak {
   background: url(default/images/hu/4-arak.jpg) top left no-repeat;
   width: 70px; }

#top-nav a#foglalas {
   background: url(default/images/hu/5-foglalas.jpg) top left no-repeat;
   width: 103px; }

#top-nav a#zalakaros{
   background: url(default/images/hu/6-zalakaros.jpg) top left no-repeat;
   width: 103px; }

/*---  HOVER  ---*/

#top-nav a:hover#hotel, body#hotel-on a#hotel, li#selected_mainmenu a#hotel {
   background: url(default/images/hu/1-hotel.jpg) bottom left no-repeat; }

#top-nav a:hover#galeria, body#galeria-on a#galeria, li#selected_mainmenu a#galeria {
   background: url(default/images/hu/2-galeria.jpg) bottom left no-repeat; }

#top-nav a:hover#ajanlatok, body#ajanlatok-on a#ajanlatok, li#selected_mainmenu a#ajanlatok {
   background: url(default/images/hu/3-ajanlatok.jpg) bottom left no-repeat; }

#top-nav a:hover#arak, body#arak-on a#arak, li#selected_mainmenu a#arak {
   background: url(default/images/hu/4-arak.jpg) bottom left no-repeat; }

#top-nav a:hover#foglalas, body#foglalas-on a#foglalas, li#selected_mainmenu a#foglalas {
   background: url(default/images/hu/5-foglalas.jpg) bottom left no-repeat; }

#top-nav a:hover#zalakaros, body#zalakaros-on a#zalakaros, li#selected_mainmenu a#zalakaros{
   background: url(default/images/hu/6-zalakaros.jpg) bottom left no-repeat; }