html *{
  margin:0;
  padding:0;
}

a{
  cursor:pointer !important;
}

body{
  background:#444 url('./images/body_bg.png') 0 0 repeat;
}

.bodydiv{
  position:relative;
  margin:0px auto;
  width:1000px;
}

.maindiv{
  float:left;
  width:992px;
  border:4px solid #ac9a67;
  background:transparent url('./images/maindiv_bg.png') 0 0 repeat-y;
}

#load{
  display:none;
  background:#fff;
  position:absolute;
  z-index:1000;
  width:162px;
  height:13px;
  left:50%;
  margin:0px 0px 0px -100px;
  padding:18px 19px 18px 19px;
}

.ajaxos{
    float:left;
}
/*////////////////////////////////HEAD//////////////////////////////////////*/

.head{
  float:left;
  border:1px solid #fff;
  border-left:0;
  border-top:0;
  background:#dfd5b8;
}

.head img{
  float:left;
  border:1px solid #fff;
  border-right:0;
}

.head .fejlec{
  float:right;
  border:1px solid #fff;
  border-right:0;
 }

.head .bphun{
  float:left;
  font:normal 18px Arial;
  color:#a39a7f;
  padding:13px 0 0 18px;
  height:33px;
  background:#fff;
  width:182px;
  border:1px solid #fff;
  border-left:0;
}

.topmenu{
  position:relative;
  float:left;
  height:35px;
  overflow:hidden;
  padding:0;
  border-left:1px solid #fff;
}

.topmenu img{
  float:right;
}

.topmenu .flag img{
  position:relative;
  float:left;
  border:0px;
}

.topmenu .flag{
  position:relative;
  float:left;
  top:0px;
  height:35px;
  width:23px;
  margin:0 0 0 9px;
  padding:0;
}

.topmenu .flag:hover{
  top:-35px;
  background:none;
}

.topmenu em{
  font:normal 13px Arial;
}

.topmenu div{
  float:left;
  margin:0;
  padding:0 0 0 135px;
  list-style-type:none;
  height:35px;
}

.topmenu a, .topmenu span{
  float:left;
  background:url('./images/vertical_li_line.png') left 0 no-repeat;
  padding:8px;
  display:inline;
  height:27px;
  line-height:27px;
  text-decoration:none;
  font:normal 13px Arial;
  color:#777;
}

.topmenu span{
  padding-right:1px;
}

.topmenu .backwards{
  unicode-bidi:bidi-override;
  direction:rtl;
  float:left;
  background:transparent;
  height:27px;
  padding:8px 0 0 0;
  text-decoration:none;
  font:normal 13px Arial;
  color:#777;
}

.topmenu a:hover{
  color:#444;
}

/*/////////////////////////////CONTENT////////////////////////////////////*/

.leftdiv{
  float:left;
  width:199px;
  border-left:1px solid #fff;
  border-right:1px solid #fff;
}

.rightdiv{
  float:right;
  width:199px;
  border-right:1px solid #fff;
  border-left:1px solid #fff;
}

.centerdiv{
  float:left;
  width:590px;
  margin:0 0 10px 0;
  background:#fff;
}

.content{
  float:left;
  width:590px;
}

.backwards{
  unicode-bidi:bidi-override;
  direction:rtl;
  background:transparent;
  text-decoration:none;
}

.path{
  float:left;
  width:578px;
  height:25px;
  padding:4px 0 0 10px;
  color:#fff;
}

.path a, .path i{
  text-decoration:none;
  font:bold 12px Arial;
  background:transparent;
}
/*-----------------------------TEMPLATE 1----------------------------------------*/
.template_1, .template_4{
  float:left;
  width:522px;
  padding:10px 34px 0 34px;
  font:normal 12px Arial;
  color:#888;
}

.template_1 p{
  font:normal 12px Arial;
  color:#888;
  line-height:18px;
  padding:0;
  margin:0 0 10px 0;
  width:100%;
  clear:both;
}

.template_1 img{
  padding:0;
  margin:5px;
}

.template_1 h1, .template_4 h1{
  font:bold 17px Arial;
  padding-bottom:0px;
  margin:6px 0;
}

.template_1 h2{
  font:bold 15px Arial;
  padding:0;
  margin:6px 0;
  clear:both;
}

.template_4 h2{
  font:bold 15px Arial;
  padding:0;
  margin:6px 0;
}

.template_4 h3{
  font:bold 14px Arial;
}

.template_4 h4{
  font:bold 13px Arial;
}

.template_4 h5{
  font:bold 12px Arial;
}

.template_4 h6{
  font:bold 11px Arial;
}

.template_1 ul, .template_1 p ul, .template_4 ul, .template_4 p ul{
  margin:0;
  padding:0 0 10px 5px;
  list-style:none;
}

.template_1 ul li, .template_1 p ul li, .template_4 ul li, .template_4 p ul li{
  margin:0;
  padding:0 0 0 10px;
  font:normal 12px Arial;
  color:#777;
}

.template_1 .sitemap ul{
  margin:0;
  padding:0 0 0 10px;
}

.template_1 table *{
  padding:3px;
}

.template_1 .akcio_form img{
  border:0;
}
.template_1 .akcio p{
 line-height:15px;


}

.template_1 .akcio_form table,.template_1 .akcio_form table td, .template_1 .akcio_form table th{
  border:0 !important;
}

.template_1 .photo_gallery h2 a{
  text-decoration:none;
  float:left;
  padding:3px;
  color:#fff;
}

.template_1 .photo_gallery h2{
  float:left;
  width:520px;
  margin:0;
  padding:0;
}

.template_1 .photo_gallery p{
  margin:0 0 15px 0;
  padding:0;
  width:514px;
  text-align:center;
}

.template_1 .photo_gallery p img{
  margin:5px 0 7px 5px;
  padding:0;
  vertical-align:middle;
}

.template_1 .etlap{
  float:left;
  padding:5px 0 15px 0;
  width:522px;
}

.template_1 .etlap li{
  float:left;
  padding:1px 0 1px 7px;
  position:relative;
  width:515px;
}

.template_1 .etlap li em{
  float:left;
  position:relative;
  width:380px;
  padding:0 50px 0 0;
}

.template_1 .etlap li cite{
  position:absolute;
  bottom:0;
  right:0;
}

.template_1 .etlap li i{
  position:absolute;
  float:left; 
  text-align:left;
  bottom:0;
  right:0;
}

.template_1 .full{
  float:left;
  width:522px;
  text-align:center;
  border-collapse:collapse;
}

.template_1 .full th{
  width:262px;
}

.template_1 .full td{
  width:130px;
}

.template_1 .fact_sheets a{
  font:bold 12px Arial;
  text-decoration:none;
  float:left;
  color:#666;
  line-height:20px;
  width:555px;
  padding:0 0 0 5px;
  margin:0 0 8px 0;
  border:1px solid #dfd5b8;
  background:#f7f2e3;
}

.template_1 .fact_sheets a:hover{
  background:#c8bb95;
}

.template_1 .fact_sheets a b{
  float:left;
  line-height:90px;
}

.template_1 .fact_sheets a img{
  float:right;
}

/*---------------------------TEMPLATE 2-----------------------------------------*/

.template_2{
  float:left;
  width:590px;
  font:normal 12px Arial;
  color:#888;
}

.template_2 h1{
  font:bold 20px Arial;
  padding:0;
  margin:10px 0;
  text-align:center;
}

.template_2 .ajanl{
  float:left;
  width:295px;
  margin-bottom:10px;
}

.template_2 h2{
  font:bold 17px Arial;
  padding:0 5px;
  margin:10px 0;
}

.template_2 ul, .template_2 p ul{
  margin:0;
  padding:0 0 10px 5px;
  list-style:none;
 
}

.template_2 .miniphotos{
  float:left;
  margin:10px 0;
  width:590px;
  text-align:center;
  
}

.template_2 .miniphotos p{
  padding:0;
  width:590px;
  text-align:center;
  display:block;
}

.template_2 .miniphotos p img{
  margin:5px 0 5px 5px;
  padding:0;
  clear:both;
  display:inline;
  vertical-align:middle;
}

.template_2 ul li{
  margin:0;
  padding:0 0 0 10px;
  font:normal 12px Arial;
  color:#777;
  height:18px;
}

.template_2 .plan{
   float:right;
   margin:5px 0;
}

.template_2 center{
  display:block;
}

.template_2 table{
  width:100%;
  margin:10px 0; 
  float:left;
}

.template_2 table td, .template_2 table th{
  padding:3px;
}

.sidebox{
  float:left;
  width:199px;
  border-bottom:1px solid #fff;
}

.sidebox .title{
  float:left;
  width:185px;
  height:23px;
  margin:0;
  padding:6px 0 0 12px;
  font:bold 15px Arial;
  color:#fff;
}

.sidebox .title a{
  color:#fff;
  text-decoration:none;
}

.sidebox ul{
  float:left;
  list-style:none;
  margin:0;
  padding:0;
}

.sidebox ul li{
  float:left;
}

.sidebox ul li a,.sidebox ul li span{
  float:left;
  width:159px;
  padding:16px 15px 16px 23px;
  font:bold 14px Arial;
  text-decoration:none;
  background:transparent;
  color:#fff;
}

.sidebox form{
  width:197px;
}

.sidebox form span{
  color:#fff;
  background:transparent;
}

.sidebox form *{
  font:normal 11px Arial;
  color:#555;
  margin:2px;
  padding:0;
}

.sidebox form b{
  font:bold 14px Arial;
  color:#fff;
  line-height:40px;
  background:#959d56;
}

.sidebox{
  border-bottom:1px solid #fff;
}

#chm{
  background:url('./images/city_hotel_matyas_point.png');
}

#chp{
  background:url('./images/city_hotel_pilvax_point.png');
}

#chr{
  background:url('./images/city_hotel_ring_point.png');
}

#mpe{
  background:url('./images/matyas_restaurant_point.png');
}

#pe{
  background:url('./images/pilvax_restaurant_point.png');
}

#atl{
   background:url('./images/city_hotel_atlas_point.png');
}

#bar{
   background:url('./images/city_hotel_baross_point.png');
}

#deli{
    background:url('./images/city_hotel_delibab_point.png');
}

#prom{
    background:url('./images/city_hotel_promenade_point.png');
}

#for{
  background:url('./images/city_hotel_fortuna_point.png');
}

#str{
  background:url('./images/city_hotel_star_point.png');
}


#chm,#chp,#chr,#mpe,#pe,#atl,#bar,#deli,#prom,#for,#str {
  background-position:10px 21px;
  background-repeat:no-repeat;
}

#chm:hover,#chp:hover,#chr:hover,#mpe:hover,#pe:hover,#atl:hover,#bar:hover,#deli:hover,#prom:hover,#for:hover,#str:hover{
  background-position:-10px -10px;
}

.ajanlo ul li a, .ajanlo ul li span{
  font:normal 13px Arial;
  background:transparent;
  color:#fff;
  text-decoration:none;
}

.menu ul li a,.menu ul li span{
  float:left;
  width:159px;
  padding:5px 15px 5px 23px;
  font:normal 11px Arial;
  color:#fff;
  text-decoration:none;
}

/*//////////////////////////////FOOT//////////////////////////////////////*/

.foot{
  float:left;
  background:#ece5d0;
  border:1px solid #fff;
  padding:0;
  width:990px;
}

.foot img{
  float:left;
  margin:0;
  padding:0;
  border-bottom:1px solid #fff;
}

.foot center{
  margin-top:10px;
  padding:0;
  height:20px;
  display:block;
  text-align:center;
}

.foot a, .foot span{
  background:url('./images/foot_li_line.png') left 0 no-repeat;
  display:inline;
  height:21px;
  padding:7px 8px 0 8px;
  text-decoration:none;
  font:normal 13px Arial;
  color:#777;
}

.foot .last{
  background-position: -20px 0 !important;
}


.foot a:hover{
  color:#444;
}
/*//////////////////FOGLALÁS////////////////////////////////////////////////*/

.template_3{
  float:left;
}

.f_body{
  float:left;
  padding:0;
  margin:0;
  color:#eee;
  width:600px;
}

.f_body{
  position:relative;
}

.f_body .template_3 form, .template_1 form{
  float:left;
}

.template_3 h1{
  position:absolute;
  padding:0 10px 0 0;
  float:left;
  width:380px;
  top:55px;
  left:200px;
  color:#000;
  font:bold 22px Times;
  z-index:100000;
  font:bold 15px Arial;
  color:#555;
  text-align:right;
}

.f_body .template_3 .table, .template_1 .table{
  float:left;
  width:600px;
  padding:10px 5px 60px 5px;
  font:normal 12px Arial;
} 

.f_body .template_3 .table span, .template_1 .table span{
  float:left;
  padding:3px;
  width:600px;
}

.f_body .template_3 .table span b, .f_body .table span i, .template_1 .table span b, .template_1 .table span i{
  float:left;
  width:200px;
  
}

.f_body .template_3 input, .f_body .template_3 textarea, .template_1 input, .template_1 textarea{
  float:left;
}

.template_2 .maps{
  width:550px;
  height:550px;
  margin:0px 20px;
}

.hr {
    float:left;
    border-bottom:2px solid #ddd;
    margin-bottom:15px;
    width:100%;
    height:1px;
}

.template_2 .maps table, .template_2 .maps table *{
    border:0px !important;
}


.template_2 .sidebar{
  font:normal 12px Arial;
  color:#666;
  line-height:20px;
  margin:10px 20px;
  width:548px;
  border:1px solid #dfd5b8;
  background:#f7f2e3;
}

/*############################ RSS LINKEK #######################################*/

.rssbox{
  float:left;
  margin:0px;
  padding:10px 0px 10px 0px;
  width:540px;
}

.rssbox a{
  float:left;
  margin:0px 0px 0px 10px;
  padding:0px;
  font:bold 11px Arial;
  text-align:left;
  text-decoration:none;
  color:black;
}

.rssbox a span{
  float:left;
  margin:0px;
  padding:0px;
  white-space:nowrap;
  cursor:pointer;
}

.rssbox a b{
  padding:0px 5px 3px 5px;
  float:left;
  color:#555555;
  width:500px;
  background:white;
}

.rssbox a b:hover{
  color:#ac9a67;
}

.rssbox a img{
  margin:2px 4px 0px 0px;
  padding:0px;
  border:0px;
  float:left;
}


/**********/
/*  POPUP */
/**********/

.img_alja{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/alja.png', sizingMethod='scale');
	background-color: transparent;
	position: relative;
	width: 300px;
	height: 14px;
	bottom: 0px;
	/*Notice I'm defining the image width and height here*/
}
.img_teteje{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/teteje.png', sizingMethod='scale');
	background-color: transparent;
	position: relative;
	width: 300px;
	height: 14px;
	top:0px;
	/*Notice I'm defining the image width and height heres*/
}


html>body .img_teteje{background: url('images/teteje.png') 0 top no-repeat;}
html>body .img_alja{background: url('images/alja.png') 0 bottom no-repeat;}

    .promotion_layer{
      display: none;
      position:absolute;
      left:50%;
      top:50%;
      margin:-150px 0px 0px -150px;
      width:330px;
//      height:240px;
      border:1px solid #555;
      background-color: #F7F2E3;     
    }
   
    .promotion_layer .pl_header{
      width: 300px;
      top: 0px;
      height: 14;
    }

    .pl_header .pl_footer{
      bottom: 0px;
    }

    
    .promotion_layer .pl_bg{
      position:absolute;
      width:100%;
      height:172px;
      /*background-irgb(153,153,153)mage: url('images/pr_bg.png');*/
      background:#ff8500;
      filter:alpha(opacity=80);
      -moz-opacity:0.80;
    }
    .promotion_layer a{
      color:#ac9a67;
    }
    
    .promotion_layer a h1{
      font:bold 28px Arial;
      color:#990000;     
    }
    .promotion_layer a h2{
      font:bold 18px Arial;
      color:#990000;
    }

    .promotion_layer h1{
      text-decoration: none;
      font-family: Arial;
      font-style: normal;
      font-variant: normal;
      font-weight: bold;
      font-size: 14px;
      padding-top: 5px;
      padding-right: 0px;
      padding-bottom: 5px;
      padding-left: 5px;
      background:url('./images/navigation_bg.png') 0 0 no-repeat;
      color:#555555;      
    }
    .promotion_layer h2{
      font:bold 14px Arial;
      color:#555;
      padding:10px;
    }
    .promotion_layer p{
      font:11px Arial;
      color:#555;
      padding:10px;     
    }

    
    .promotion_layer a h3{
      font:bold 14px Arial;
      color:#ffffff;
      text-align: justify;
      
    }
    
    .promotion_layer img{
      float:right;
      border:0px;
      position: absolute;
      top: 0px;
      right: 0px;
      z-index: 20;
    }
    
    .promotion_layer span{
      float:left;
      text-align:left;
     
      color:#fff;font:bold 13px Arial;
    }
  
.fooldal_span{
  float:left;
  text-align:left;
  width:540px;
  padding:0px 10px;
  margin:0 0 15px 0;
}