
body{
  background:#777 url('../images/body_bg.png') 0 0 repeat;
}

body img{
  border:0;
}

#container .first, #container .last{
  background:transparent !important;
}

#container{
  position:absolute;
  margin:11px 0 0 -508px;
  top:0;
  left:50%;
  width:1016px;
  background:transparent url('../images/page_bg2.png') center center repeat-y;
}
/*///////////////////////////////FEJLÉC////////////////////////////////////*/



#head{
  position:absolute;
  width:990px;
  top:0;
  left:13px;
  height:176px;
  background:#fff;
}

#pagetop{
  position:absolute;
  float:left;
  width:1016px;
  height:11px;
  top:-11px;
  left:-13px;
  z-index:1;
}

#flash_and_logos{
  position:absolute;
  width:990px;
  height:146px;
  left:0;
  top:-5px;
  z-index:2;
  float:left;
}

#flash_video{
  position:absolute;
  float:left;
  width:914px;
  height:146px;
  left:0;
  z-index:3;
}

#mmg_logo, #top_logo{
  float:left;
  position:absolute;
  top:0;
  right:0;
  width:73px;
  height:72px;
  overflow:hidden;
  z-index:3;
}

#top_logo{
  top:74px;
}

#mmg_logo a, #top_logo a{
  position:absolute;
  left:0;
  float:left;
   width:73px;
}

#mmg_logo img, #top_logo img{
  float:left;
}

#mmg_logo a:hover, #top_logo a:hover{
  top:-72px;
  background:transparent;
}

.head_menu{
  position:absolute;
  z-index:5;
  top:141px;
  border-top:1px solid #fff;
  float:left;
  left:0;
  height:34px;
  width:990px;
  background:url('../images/address_line.png') 0 0 repeat-x;
  color:#fff;
}

.head_menu a{
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

#head strong{
  float:left;
  width:200px;
  text-align:center;
  font:normal 20px Times;
  padding-top:4px;
  height:30px;
} 

#head i{
  float:left;
  font:normal 12px Arial;
  padding:10px 5px 0 5px;
  background:transparent url('../images/top_bottom_menu_li.png') right 0 no-repeat;
}

#container .backwards{
  unicode-bidi:bidi-override;
  direction:rtl;
  background:transparent;
  text-decoration:underline;
  padding:0 4px;
}

#container .backwards:hover{
  color:#333;
}

.langss{
  float:right;
  position:relative;
  height:35px !important;
  right:10px;
  width:110px;
}

#lright{
  border:0;
  position:absolute;
  right:0px;
  top:0px;
}

#lleft{
  position:absolute;
  border:0;
  left:0px;
  top:0px;
}

#langdiv #langs li a, #langdiv #langs li span{
  float:left;
  padding:10px 0px 0px 0px;
  height:25px;
  width:35px;
  text-align:center;
  color:#fff;
  background:url('../images/top_menu_li.png') right 0 no-repeat;
  font:normal 12px Arial;
}

#langdiv #langs li a:hover{
  font-weight:bold;
}

#langdiv{
  width:82px;
  height:35px;
  overflow:hidden;
  position:absolute;
  left:14px;
}

#langdiv #langs{
  position:absolute;
  height:35px !important;
  top:0px;
  left:0px;
  margin:0;
  padding:0;
  list-style:none;
  float:left;
}

#langdiv #langs li{
  float:left;
  height:35px;
  margin:0px;
  padding:0px;
  text-align:center;
}
#left{
  position:absolute;
  top:176px;
  left:13px;
  width:199px;
}

.sidebox{
  float:left;
  width:199px;
  padding:0 0 10px 0;  
}

.search{
  height:77px;
  padding-top:10px;
  background:#fff;
}

#left h2, .sidebox h2{
  float:left;
  width:199px;
  padding-top:6px;
  height:25px;
  font:bold 15px Arial;
  text-align:center;
  color:#fff;
}

#left img{
  margin:0;
}

#left h2 a, .sidebox h2 a{
  color:#fff;
  text-decoration:none;
}

#left h2 a:hover, .sidebox h2 a:hover{
  color:#fff;
}

.sidebox ul{
  float:left;
  list-style:none;
  padding:5px 0 0 0;
  margin:0;
}

.sidebox ul li{
  float:left;
}

.sidebox ul li a, .sidebox ul li span{
  float:left;
  width:163px;
  padding:0 12px 0 21px;
  margin:7px 0 7px 0;
  font:bold 11px Arial;
  background:transparent;
  color:#3d8e05;
  text-decoration:none;
}

.sidebox ul li b{
  font:bold 14px Arial;
  color:#fff;
  letter-spacing:-1px;
}

.sidebox ul li a:hover{
  color:#28a527;
}

.sidebox ul li a:hover b{
  color:#333333;
}

.no1{
  background:transparent url('../images/domino_1point.png') 0 0 no-repeat;
}

.no2{
  background:transparent url('../images/domino_2point.png') 0 0 no-repeat;
}

.lw h2{
  padding-bottom:0px !important;
  margin-bottom:0px !important;
}

.no3{
  background:transparent url('../images/domino_3point.png') 0 0 no-repeat;
}

.no4{
  background:transparent url('../images/domino_4point.png') 0 0 no-repeat;
}

.no5{
  background:transparent url('../images/domino_5point.png') 0 0 no-repeat;
}
.no6{
  background:transparent url('../images/domino_6point.png') 0 0 no-repeat;
}

.left_menu img{
  float:left;
}

.left_menu ul{
  width:199px;
  list-style-type:none;
  padding:0;
  margin:1px 0 10px 0;
  float:left;
}

.left_menu ul li{
  float:left;
  width:100%;
}

.left_menu ul li a, .left_menu ul li span{
  font:normal 12px Arial;
  color:#fff;
  width:100%;
  height:16px;
  float:left;
  text-decoration:none;
  padding:2px 0 0 25px;
  background:transparent url('../images/domino_hostel_left_menu_li.png') 0 -18px no-repeat;
}

.left_menu ul li span, .left_menu ul li a:hover{
  color:#555;
  background-position: 0px 0px;
  text-decoration:none;
}

.left_menu ul li span{
  background-image:url('../images/left_menu_active.png');
}

#content{
  position:absolute;
  top:176px;
  left:213px;
  width:590px;
  padding:31px 0 100px 0;
  z-index:5;
}

#dominoman{
  position:absolute;
  bottom:0;
  left:213px;
  z-index:1;
}

.bp{
  float:left;
  margin:5px 0;
  padding:0;
  width:199px;
  text-align:center;
  font:normal 12px Arial;
  color:#fff;
}

.path{
  float:left;
  position:absolute;
  top:0;
  left:0;
  height:24px;
  width:580px;
  padding:7px 0 0 10px;
  background:url('../images/path_bg.png') 0 0 repeat-x;
  font:bold 15px Arial;
  color:#fff;
}

.path a{
  padding:0 5px;
  font:bold 12px Arial;
  color:#fff;
  text-decoration:none;
}

.path a:hover, .path i{
  font:bold 12px Arial;
  color:#fdb700;
}

.template_1{
  width:550px;
  position:relative;
  z-index:4;
  float:left;
  display:inline;
  font-size:12px;
  font-family:arial;
  margin:5px 0 0 10px;
  padding:0 10px;
  color:#333;
  background:transparent url('../images/transparent_box.png') 0 0 repeat;
}

#map{
  font-family:arial !important;
}

.template_1 h1{
  font-size:20px;
  margin:5px 0;
  padding:0 0 3px 32px;
  line-height:32px;
  background:transparent url('../images/dominocska.png') 0 0px no-repeat;
}

.template_1 h2{
  font-size:16px;
  margin:5px 0;
}

.template_1 h3{
  font-size:14px;
  margin:5px 0;
}

.template_1 p{
  padding:5px 0;
}

.template_1 .booktable td{
  padding:5px;
}

.template_1 .booktable .btr{
  background:#99ee3d;
}

.template_1 ul{
  width:50%;
  padding:5px;
  list-style-type:none;
  margin:0;
}

.template_1 ul li{
  padding:0 0 0 10px;
  background:transparent url('../images/list_style.png') 0 5px no-repeat;
}

.template_1 img{
  margin:5px;
  border:1px solid #f9a300;
}

.template_1 input{
  padding:0px;
  margin:5px;
}

.template_1 a{
  color:#cc6600;
}

.template_1 a:hover{
  color:#336600;
}

.template_1 .photo_gallery{
    float:left;
    width:550px;
    margin-bottom:10px;
}

.template_1 .photo_gallery h2{
  float:left;
  width:550px;
  margin:0;
  padding:0;
  font:bold 13px Arial;
}

.template_1 .photo_gallery h2 a{
  text-decoration:none;
  float:left;
  padding:3px;
  color:#fff;
  background:#868f4b url('./images/title_bg.png') 0 0 no-repeat;
  border:1px solid #fff;
  border-bottom:0;

}

.template_1 .photo_gallery p{
  margin:0 0 15px 0;
  padding:0;
  width:548px;
  text-align:center;
  float:left;
  border:1px solid #FFF;
  background:#FFAF00;
}

.template_1 .photo_gallery p img{
  margin:5px 0 7px 5px;
  height:65px;
  padding:0;
  border:1px solid #FFF;
  vertical-align:middle;
}

#bookings{
  width:500px;
  padding:25px;
  height:113px;
}

#bookings img, .template_1 form img{
  margin:0;
  padding:0;
  border:0px;
}

#emailbooking_big, #onlinebooking_big{
  float:right;
  position:relative;
  width:230px;
  height:120px;
  overflow:hidden;
}

#onlinebooking_big{
  float:left;
}

#emailbooking_big a, #onlinebooking_big a{
  position:absolute;
  float:left;
  width:230px;
  height:240px;
  top:0;
  left:0;
}

#emailbooking_big a:hover, #onlinebooking_big a:hover{
  top:-120px;
  background:transparent;
}


#right{
  position:absolute;
  top:176px;
  right:13px;
  width:199px;
}

#foot{
  position:absolute;
  bottom:0;
  left:0px;
  width:1016px;
  height:36px;
}

#foot .footmenu{
  position:absolute;
  z-index:10;
  width:990px;
  left:0px;
  bottom:-22px;
}

#foot center ul{
  list-style-type:none;
  margin:0;
  padding:0;
}


#foot center ul li{
  display:inline;
  height:21px;
  background:transparent url('../images/foot_menu_bg.png') 0 0 no-repeat;
}

#foot center ul li a{
  font:normal 13px Arial;
  color:#fff; 
  margin:0 3px;
  padding:2px 5px 6px 5px;
  line-height:21px;
  text-decoration:none;
}

#foot center a:hover{
  color:#333;
  /*background:transparent url('../images/foot_menu_bg.png') 0 0 no-repeat;*/
}

#pagebottom{
  position:absolute;
  bottom:-36px;
  left:0;
  width:1016px;
  height:36px;
}

.copy{
  position:absolute;
  bottom:-70px;
  width:100%;
}

.foot_techs{
  position:absolute;
  bottom:-50px;
  width:100%;
}

/*/////////////////////////////////       FROM ERROR           //////////////////////////////*/

#formerror{
  position:absolute;
  float:left;
  display:none;
  width:197px; 
  font:bold 11px Arial;
  border:0px solid #df7a0b;
  z-index:6;
}

#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') 0 0 no-repeat !important;
}

#formerror div{
  float:left;
  width:197px;
  height:26px;
  background:transparent url('http://ddaattaa.mellowmood.hu/formcheck/images/helpbubbleb.png') 0 0 no-repeat !important;
}

/*/////////////////////////////// WEATHER ///////////////////////////*/

.weather{
  background:transparent url('../images/weathericons/weather_bg.png');
  width:166px;
  height:152px;
  float:left;
  color:white;
  font:bold 12px Arial;
  position:relative;
  margin:0;
  padding:0 17px 0 16px; 
}

.weather .inweather{
  position:relative;
  top:0px;
  left:8px;
  /*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{
  width:150px;
  height:15px;
  margin:0px;
  padding:0px;
  float:left;
  text-align:center;
  background:#444;
}

.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;
}

.copy{
  color:#fff;
  font:normal 10px Verdana;
  padding-bottom:10px;
}

/*----------------------------FASTBOOK ------------------------------------*/
.fastbook{
  padding-top:5px;
  font:bold 11px Arial;
  text-align:center;
}

.fastbook span{
  font-weight:bold;
  line-height:20px;
}

.fastbook .fbutton{
  width:160px;
  display:block;
  overflow:hidden;
  margin-top:2px;
  padding:2px 0px;
  background:transparent url(../images/fb_button.png) 0px 0px repeat-x;
  font:bold 11px Arial;
  color:#333;
  border:1px solid #d08700;
  text-decoration:none;
}

.fastbook .fbutton:hover{
  background:transparent url(../images/fb_button3.png) 0px 0px repeat-x;
  color:white;
  border:1px solid #3c8c05;
}

/*-----------------------google map --------------------------------------*/
.template_1 .map{
  width: 546px;
  height: 546px; 
  border: 2px solid #e4dac4;
  float:left;
}

.sidebar{
  float:left;
  width:550px;
  margin-bottom:10px;
}

.sidebar h2{
  text-decoration:none;
  padding:3px;
  color:#fff;
  background:#868f4b url('./images/title_bg.png') 0 0 no-repeat;
  border:1px solid #fff;
  border-bottom:0;
  float:left;
  width:542px;
  margin:0;
  font:bold 13px Arial;
}

.sidebar p{
  margin:0 0 15px 0;
  padding:0;
  padding-left:3px;
  width:545px;
  text-align:left;
  float:left;
  border:1px solid #FFF;
  background:#FFAF00;
}

.sidebar p a{
  color:#fff;
  text-decoration:none;  
}
.sidebar p a:hover{
  color:green;  
}

/************************************** linkexchange *********************************************************/
.alert{
  width:190px;
  height:40px;
  background:transparent url(http://www.mellowmood.hu/formcheck/bubi2.png) left top no-repeat;
  font:bold 9px Verdana;
  color:#fff;
  text-align:center;
  position:absolute;
  display:inline;
  visibility:hidden;
  padding:3px 2px 3px 10px;
}

.linkexchange_body ul, .linkexchange_body ul li, .linkexchange_body span, .linkexchange_body div{
  width:500px;
  margin:0;
  padding:0;
}

.linkexchange_body ul li{
  padding:0 0 0 13px;
}


/*/////////////////////////////////GUESTBOOK//////////////////////////////////*/

.guestform{
  float:left;
  margin:10px;
}

.guestform b{
  float:left;
  padding-top:4px;
  width:150px;
}

.guestform #YellowS{
  float:left;
  width:500px;
}


/*///////////////////////////////////////SITEMAP/////////////////////////////////*/

.sm, .pl, .gb{
  width:540px;
}

.lnk{
  width:500px !important;
}

.sm li{
  width:440px;
}

.sm a, .pl a, .gb a, .lnk a{
  text-decoration:none;
}

.sm a:hover, .pl a:hover, .gb a:hover, .lnk a:hover{
  text-decoration:underline;
}

.sm h2,.pl h2,  .gb h2 , .lnk h2{
  font-size:16px;
  margin:0;
}

.sm h3,.pl h3, .gb h3, .lnk h3{
  font-size:14px;
  margin:0;
}

.sm h4, .pl h4, .gb h4, .lnk h4{
  font-size:12px;
  margin:0;
}

/*///////////////////////////////////////PROGRAM LISTA/////////////////////////////////*/

.pl li,  .gb li{
  width:530px;
}

.pl li div{
  width:530px;
  padding-bottom:3px;
  border-bottom:1px solid #999 !important;
  margin-bottom:10px;
}

.gb li div{
  width:520px;
  border:0px;
  padding:5px;
  margin-bottom:10px;
  border-bottom:1px solid #999 !important;
}

.lnk li div{
  background:#d6f59d;
  border:0px;
  padding:5px;
  margin-bottom:10px;
}

/*############################ 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;
}

.rssbox a b:hover{
  color:#ffffff;
}

.rssbox a img{
  margin:2px 4px 0px 0px;
  padding:0px;
  border:0px;
  float:left;
}

