/*////////////////////////////PRIMAL CONSTRUCTION///////////////////////////*/
html *{
  padding:0;
  margin:0;
  border:0;
  text-decoration:none;
}


body{
  background:#1e4a66 url('../images/body_bg.png');
  background-attachment:fixed;
}

#container{
  position:absolute;
  left:50%;
  margin:0 0 10px -500px;
  width:990px;
  border:5px solid #fff;
  background:#addecf url('../images/cont_bg.png') 0 0 repeat-y;
}

#head{
  position:absolute;
  top:0px;
  left:0px;
  width:990px;
  z-index:2;
}

#winter_invitation{
  position: absolute;
  top:0;
  left:208px;
  width:115px;
  height:130px;
  border:0;
  outline: none;
  z-index:10;
}

#winter_invitation img{
  border:0 !important;
  float:left;
  margin:0;
  padding:0;
}

#left{
  position:absolute;
  top:175px;
  left:0px;
  width:199px;
  z-index:2;
  margin-top:10px;
  padding:0;
  background:transparent url('../images/leftside_bg.png');
}

#content{
  position:absolute;
  top:185px;
  left:200px;
  width:590px;
  padding:0 0 70px 0;
  z-index:2;
  background:#fff;
}

#right{
  position:absolute;
  top:175px;
  right:0px;
  width:199px;
  z-index:2;
  padding:0;
  margin-top:10px;
}

#foot{
  position:absolute;
  text-align:center;
  bottom:0px;
  left:0px;
  width:990px;
  z-index:2;
  margin:0;
}

#pagebottom{
  float:left;
  position:absolute;
  left:-5px;
  bottom:-6px;
  z-index:1;
}

#cont_bottom{
  position:absolute;
  left:5px;
  top:-51px;
  z-index:0;
}

#head{
  float:left;
  border-bottom:1px solid #fff;

}

#barosslogo{
  float:left;
  border:0;
}

#flash{
  float:left;
  border-left:1px solid #fff;
}

#mmglogo, #chlogo{
  float:right;
  position:relative;
  overflow:hidden;
  width:73px;
  height:73px;
  border-bottom:2px solid #fff;
  border-left:2px solid #fff;  
}

#chlogo{
  border-bottom:0;
}

#mmglogo img, #chlogo img{
  border:0;
}

#mmglogo a, #chlogo a{
  float:left;
  width:73px;
  height:146px;
  position:relative;
  top:0;
  left:0;
}

#mmglogo a:hover, #chlogo a:hover{
  top:-73px;
  background:transparent;
}

.head_menu{
  float:left;
  height:34px;
  width:990px;
  background:#058d81 url('../images/head_menu_bg.png') 0 0 no-repeat;
  color:#fff;
  border-top:2px solid #fff;
}

.head_menu a{
  color:#fff;
  font-weight:bold;
}

#head #bph{
  float:left;
  width:200px;
  text-align:center;
  font:normal 20px Times;
  padding-top:6px;
  height:28px;
  background:transparent;
} 

#head address{
  float:left;
  font:normal 12px Arial;
  height:24px;
  padding:10px 10px 0 4px;
  background:url('../images/head_menu_style.png') right 1px no-repeat;
}

.backwards{
  unicode-bidi:bidi-override;
  direction:rtl;
  background:transparent;
  text-decoration:underline;
  padding:0 4px;
}

.backwards:hover{
  color:#30bda6;
}

.langs{
  float:right;
  padding:0 0 0 10px;
}

.langs a, .langs span{
  float:left;
  padding:9px 5px 0 6px;
  height:25px;
  color:#fff;
  background:url('../images/lang_li.png') right -1px no-repeat;
  width:25px;
  font:normal 12px Arial;
  text-decoration:none;
}

.langs a:hover{
  font-weight:bold;
}
/*/////////////////////////////////CONTENT/////////////////////////////////////////*/

.path{
  float:left;
  height:25px;
  width:580px;
  padding:8px 0 0 10px;
  background:#007869;
  font:bold 15px Arial;
  color:#fff;
}

.path a, .path span{
  padding:0 5px;
  font:bold 12px Arial;
  color:#fff;
}

.path a:hover{
  color:#13405c;
}

#center_menu a, #center_menu span{
  float:left;
  width:181px;
  height:20px;
  padding:5px 0 0 15px;
  border:1px solid #fff;
  border-left:0;
  font:bold 12px Arial;
  color:#fff;
  background:url('../images/center_menu_bg.png') 0 0 no-repeat;
  text-decoration:none;
}

#center_menu .last_item{
  border-right:0;
}

#center_menu a:hover, #center_menu #active{
  background-position:0 -25px;
  color:#fff;
}

/*////////////////////////////// TEMPLATE 1 /////////////////////////////////*/
.template_1{
  float:left;
  width:522px;
  padding:0 34px;
  font-family:Arial;
  font-weight:normal;
  font-size:12px;
  color:#333;
}

.template_1 a{
  color:#d95c2b;
}

.template_1 a:hover{
  color:#27516a;
}

.template_1 img{
  border:0px solid #048c80;
}

.template_1 .fullwidth{
  width:100%;
}

.template_1 p{
  line-height:20px;
  text-align:justify;
  padding:5px 0;
}

.template_1 h1{
  font:bold 20px Arial;;
  color:#058d81;
  margin:10px 0;
}

.template_1 h1 a{
  color:#123f5b;
}

.template_1 h1 a:hover{
  color:#007c6f;
}

.template_1 h2{
  font: bold 17px Arial;;
  color:#058d81;
  margin:5px 0;
}

.template_1 h2 a{
  color:#d95c2b;
}

.template_1 h3{
  font-size:13px;
  font-weight:bold;
  margin:5px 0;
}

.template_1 ul{
  padding:0;
  margin:0;
  list-style:none;
  width:50%;
}

.template_1 ul li{
  padding:4px 0 4px 15px;
  background:transparent url('../images/template_list_style.png') 0 3px no-repeat;
}

.template_1 .sitemap{
  width:520px !important;
}
/*---------------------------------TABLES ----------------------------------------------*/
table{
  background:#fff;
  width:100%;
  padding:1px;
  margin:10px 0 10px 0;

}

tbody{
  background:#16B399;
  color:#fff;
}

.thead td{
  background:#FF9100;
}

td, th{
  border:0px solid #777;
  padding:2px 5px;
}

table th{
  background:#BAE6DE;
  color:#003831;
}

/*------------------------------/tables--------------------------------*/


.sidebox{
  float:left;
  width:199px;
  padding-bottom:20px;
  border-bottom:1px solid #fff;
  background:transparent url('../images/sidebox_unit_bottom.png') 0 bottom no-repeat;
}

.sidebox form, .sidebox center{
  background:transparent;
}

#left h1, #right h1{
  float:left;
  width:199px;
  padding:15px 0 0 0;
  margin:0;
  height:34px;
  font:normal 17px Arial;
  text-align:center;
  color:#fff;
  background:#007f72 url('../images/sidebox_title.png') 0 0 no-repeat;
}

#left1st{
  background:#007f72 url('../images/sidebox_title_left.png') 0 0 no-repeat;
}

#right1st{
  background:#007f72 url('../images/sidebox_title_right.png') 0 0 no-repeat;
}

#left h1 a, #right h1 a{
  color:#fff;
}

#left h1 a:hover, #right h1 a:hover{
  text-decoration:underline;
}

.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:normal 14px Arial;
  text-decoration:none;
  background:transparent;
  color:#fff;
}

.sidebox ul li a:hover,.sidebox ul li span{
  color:#00405e;
}

.left_menu{

}

.left_menu ul{
  width:199px;
  list-style:none;
  padding:0;
  margin:0;
  float:left;
}

.left_menu ul li{
  width:199px;
  float:left;
  padding:0;
}

.left_menu ul li a{
  cursor:pointer;
}

.left_menu ul li a, .left_menu ul li span{
  font:normal 12px Arial;
  color:#fff;
  margin-top:5px;
  height:19px;
  padding:4px 0 0 0;
  width:199px;
  float:left;
  text-align:center;
}

.left_menu ul li a:hover{
  background:transparent url('../images/left_menu_hover.png') 0 0 no-repeat;
  color:#00423B;
}

.left_menu ul li span{
  background:transparent url('../images/left_menu_active.png') 0 0 no-repeat;
  color:#fff;
}

.onlinebooking span{
  font:normal 11px Arial;
}

.onlinebooking input, .onlinebooking select{
  margin:3px 0;
}

.onlinebooking button{
  margin:3px 0;
  width:180px;
  cursor:pointer;
  background:#007e71;
  color:#fff;
  border:1px solid #00405e;
}

.onlinebooking button:hover{
  background:#00405e;
  border:1px solid #007e71;
} 

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

.foot{
  position:relative;
  z-index:4;
  width:100%;
  margin:0;
  padding:0; 
  height:33px;
  list-style-type:none;
  text-align:center;
  background:transparent url('../images/content_bottom.png') 0 0 no-repeat;
}

.foot li, .foot span{
  background:url('../images/bottom_menu_li.png') right 0 no-repeat;
  display:inline;
  position:relative;
  padding:8px 10px 8px 0;
  margin:0;
  font:normal 12px Arial;
  white-space:nowrap;
}

.foot a{
  color:#fff;
  display:inline;
}

.foot a:hover{
  text-decoration:underline;
}

#container .last{
  background:none;
  border:none;
}

#welcomepics{
  float:left;
  width:522px;
  text-align:center;  
}

#welcomepics img{
  border:0;
  margin:0;
  padding:0;
}

#welcomepics h1{
  font:normal 18px Arial;
  color:#fff;
  background:#d95c2b;
  border:0;
  margin:10px 41px;
  padding:0;
}

#welcomepics p{
  font:normal 12px Arial;
  color:#444;
  border:0;
  margin:10px 0;
  padding:0 41px;
}

.onlinebooking{
  font:bold 12px Arial;
  color:#fff;
}

.guestbook{
  float:left;
  margin:10px 0 10px 0;
  border:1px solid #bbb;
  padding:5px;
}

.guestbook table{
  border-collapse:collapse;
  border:1px solid #666;
  background:#fff;
  color:#444;
  margin:0 !important;
}

.guestbook .left_td{
  width:250px;
  text-align:left !important;
}

.guestbook .right_td{
  text-align:right !important;
}

.guestbook td, .guestbook th{
  text-align:center;
  border:1px solid #666;
  padding:2px 5px;
}

.guestbook .inputbg{
  background:#fff;
  border:1px solid #007566;
}

.guestbook .bbuttonn{
  padding:5px 0;
}

.guest_th{
  width:12%;
}

.template_1 .fact_sheets a{
  float:left;
  line-height:20px;
  width:512px;
  padding:5px;
  margin-top:10px;
  background:transparent;
  cursor:pointer;
}

.template_1 .fact_sheets a:hover{
  text-decoration:underline;
}

.template_1 .fact_sheets a:hover img{
  border:1px solid #d95c2b;
}

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

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

.validate{
  position:relative;
  float:left;
  width:100%;
  bottom:0;
  text-align:center;
  margin:5px 0px 0px 0px;
}

.copyright{
  font:normal 10px Arial;
  color:#fff;
}

.validate p, .validate a{
  display:inline;
  padding:2px;
}

/*//////////////////////////////FORMS///////////////////////////////////////////*/

.form_div input{
  border:1px solid #777;
  background:#e4dac4;
  float:left;
}

.form_div img{
  border:0 !important;
} 

#send_book, #subid{
  float:left !important;
  width:80px !important;
  height:20px !important;
}

.form_div{
  float:left;
  color:#fff;
}

.form_sor{
  float:left;
  margin:3px;
}

.form_sor input, .form_sor .empty{
  float:left;
  width:200px;
}

fieldset{
  padding:3px;
  border:1px solid #333;

}

.form_div b{
  float:left;
  width:200px;
}

select, textarea{
  border:1px solid #777;
}


/*************************  NEW FORM         *******************************/

#formerror{
  position:absolute;
  float:left;
  display:none;
  width:197px; 
  font:bold 11px Times;
  border:0px solid #df7a0b;
  z-index:10;
}

#formerror span{
  padding:25px 8px 0px 14px;
  text-align:center;
  color:#000;
  float:left;
  width:175px;
  background:transparent url('http://ddaattaa.mellowmood.hu/formcheck/images/helpbubble.png') 0px 0px no-repeat;
}

#formerror div{
  float:left;
  width:197px;
  height:26px;
  background:transparent url('http://ddaattaa.mellowmood.hu/formcheck/images/helpbubbleb.png') 0px 0px no-repeat;  
}

#validate img{
  border:0;
}

#validate{
  position:absolute;
  display:inline;
  margin:5px 0;
  width:99%;
  text-align:center;
  font:normal 10px Arial;
}

#validate p{
  margin:0;
  padding:2px 0;
}

#validate a{
  text-decoration:none;
}

/*///////////////////////////////////// WEATHER ////////////////////////////////////////*/
.weather{
  background:transparent url('http://www.barosshotel.hu/images/weathericons/weather_bg.png') 0px 0px no-repeat;
  width:199px;
  height:150px;
  float:left;
  color:white;
  font:bold 12px Arial;
  position:relative;
}

.weather .inweather{
  position:relative;
  top:0px;
  left:24px;
  /*background:#aaa url('../images/weathericons/weather_inside.png') 0px 0px repeat-y;*/
  width:151px;
  height:148px;
  float:left;
  overflow:hidden;
}

.weather .navimg{
  position:absolute;
  float:left;
  top:0px;
  width:30px;
  height:15px;
  z-index:10;
  margin:0px;
  cursor:pointer;
}

.weather .wbl{
  left:0px;
}

.weather .wbr{
  left:169px;
}

.weather ul{
  float:left;
  margin:0px;
  padding:0px;
  width:151px;
  height:1364px;
  overflow:hidden;
  list-style-type:none;
}

.weather ul li{
  width:70px;
  height:132px;
  margin:0px;
  padding:5px 0px 0px 5px;
  float:left;
}

.weather ul .wdate{
  color:#fff;
  width:151px;
  height:15px;
  margin:0px;
  padding:0px;
  float:left;
  text-align:center;
  background:transparent;
}

.weather b{
  float:left;
  width:50px;
  height:21px;
  line-height:21px;
  padding-left:16px;
}

.weather img{
  float:left;
  margin:0px 4px 0px 0px;
  padding:0px;
}

.weather ul li span{
  padding:0 !important;
  margin:0 !important;
}
/*//////////////////////////////// VALUTAVÁLTÓ /////////////////////////////*/

.exchange{
  margin-top:0px;
  float:left;
  width:199px;
  height:56px;
  position:relative;
  /*background: #000 url('../images/money_exchange_bg.jpg') center center no-repeat;*/
}

.exchange div{
  width:166px;
  height:56px;
  left:50%;
  margin-left:-83px;
  position:absolute;
}

.exchange div #mit{
  position:absolute;
  left:3px;
  bottom:3px;
}

.exchange div #mirol{
  position:absolute;
  left:3px;
  top:3px;
}

.exchange div #mire{
  position:absolute;
  right:3px;
  top:3px;
}

.exchange div #eredm{
  position:absolute;
  right:3px;
  bottom:3px;
  background:#eee;
}

/*------------------------ PHOTO GALLERY-----------------------*/
.template_1 .photo_gallery{
  float:left;
  margin:0;
  padding:5px;
  float:left;
  width:510px;
  text-align:center;
  background:#3ABEA9;
}


/*.template_1 .photo_gallery a:hover img{
  border:2px solid #FEF3E7;
} */

.template_1 .photo_gallery a{
  background:#008578;
  float:left;
  width:92px;
  height:92px;
  border:1px solid #fff;
  margin:4px;
  padding:0;
  font-size:1px;
  line-height:92px;
  filter:alpha(opacity=70);
  opacity:0.7;
}

.template_1 .photo_gallery a:hover{
  border:1px solid #ddd;
  filter:alpha(opacity=100);
  opacity:1;
}


.template_1 .photo_gallery a img{
  vertical-align:middle;
  margin:0;
  padding:0;
  border:0px solid #000;
}