.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: 50px; }
.topmenu a:hover { text-decoration: none; color: #fff; padding-right: 50px; }



/* ---  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: 77px;
  height: 41px;
  background: transparent url(default/images/en/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: 77px;
height: 41px;
margin: 0 55px 20px 0;
overflow: hidden;
background: transparent url(default/images/en/tovabb_btn.jpg) no-repeat top;
border: none;
}
#reserves button.button3 {float:right;}
#reserves button.button2 {
text-indent: -9999px;
cursor: pointer;
width: 77px;
height: 41px;
margin-right: 15px;
overflow: hidden;
background: transparent url(default/images/en/javit_btn.jpg) no-repeat top;
border: none;
}
#reserves button:hover, #reserves button:focus { background-position: bottom; }

#reserves label.w63{width:83px;}
#reserves label.w81{width:81px;}
#reserves label.w139{width:130px;}
#reserves label.w91{width:80px;}
#reserves label.w140{width:90px;}
#reserves label.w130{width:130px;}
#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:150px;}
#reserves label.w300{width:150px;}
#reserves label.w400{width:150px;}

/*
 * nempiszka
*/
#javit {
clear: both;
width: 77px;
height: 41px;
margin-right: 15px;
padding: 0;
border: 0;
background: transparent url(default/images/en/javit_btn.jpg) no-repeat center top;
cursor: pointer;
/*cursor: hand; */
overflow: hidden;
}
#elkuld {
clear: both;
width: 77px;
height: 41px;
margin-right: 15px;
padding: 0;
border: 0;
background: transparent url(default/images/en/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: 279px;
  margin: 0; padding: 0; height: 40px; }

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

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

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

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

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

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

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

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

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

/*---  HOVER  ---*/

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

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

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

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

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

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