
/* CSS Document */
body {
color:#504F53;
  background: url(../images/eurohostel_background.png) #E2E1DF repeat-x top center;
}               

a {} 

h1 {
 color:white;
}

h2 {}

h3{}

.room_h{
}

#page { }

#header {}
#header img {}
#header #hotel_menu {display: none;}
#header #hotel_menu a {color:white;}

#header #hotel_menu #hotel_first {
 background-image: url('../images/eurohostel_button_3star.png');
 background-position: 0px 45px;
}
#header #hotel_menu #hotel_second{
 background-image: url('../images/eurohostel_button_4star.png');
 background-position: 0px 45px;

}
#header #hotel_menu #hotel_third{
 background-image: url('../images/eurohostel_button_2star.png');
 background-position: 0px 45px;

}
#header #hotel_menu #hotel_first:hover{
background-position: 0px 0px;
}
#header #hotel_menu #hotel_second:hover{
 background-position: 0px 0px;
}
#header #hotel_menu #hotel_third:hover{
 background-position: 0px 0px;
}

#header #hotel_menu #hotel_second.active{
 background-position: 0px 45px;
}

#header #hotel_menu #hotel_first.active:hover{
background-position: 0px 0px;
}

#header #hotel_menu #hotel_second.active:hover{
 background-position: 0px 92px;
}
#header #hotel_menu #hotel_third.active:hover{
 background-position: 0px 0px;
}


#header #lang_menu {top: -50px}

#header #lang_menu a {
color:#504F53;
}

#header #lang_menu a:hover {
color:#FD9304;
}
#header #lang_menu a.active {
color:#FD9304;
}


#header #main_menu {
padding-left: 0px;
 background-image:url('../images/eurohostel_main_menu_space.png');
 background-repeat: repeat-x;
 width:990px
 
}


#header #main_menu a {
width:165px;
color: white;
 background-image:url('../images/eurohostel_main_menu.png');
 background-position: 0 0;
 
}




#header #main_menu a:hover {}

#header #main_menu a.active {}

#banner_reserve img {
float:right;
}

#banner_reserve {
 width:990px;
}

#banner_reserve #reserve_article{
background-color:#005698;
width:301px;
height:102px;
float:left;
padding: 0px 20px 0px 40px;
padding\**\: 0px 16px 0px 40px;
}

#banner_reserve #reserve_article a img {
 border:none;
}


#banner_reserve #reserve_article #banner_button {
 position:relative;
 left:-10px;
 text-decoration: none;
 margin: 13px 0 0 0;
*margin-top:33px;
 text-align: center;
 font-weight: bold;
 color:white;
 vertical-align: top;
 width:299px;
 height:30px;
 height\**\:38px; 
 background-image:url('../images/eurohostel_article_banner_button.png');
 background-position: 0px 38px;
  
 float:left;
 padding:8px 0 0 0;
 
 }

 
#banner_reserve #reserve_article #banner_button:hover {
 background-position: 0px 0px; 
}


#banner_reserve #reserve_main{
color:white;
background-color:#005698;
width:290px;
width\**\:350px;

height:215px;\
height:220px;
&height:205px;
height\**\:220px;



float:left;
padding: 5px 30px 0px 40px;\
padding: 0px 30px 0px 40px;
&padding: 15px 30px 0px 40px;

}

#banner_reserve #reserve_main a img {
 border:none;
}

#banner_reserve #reserve_main select{
height:20px;
 vertical-align: middle;
 margin: 0 10px 0 0;\
margin: 0px 8px 0px 0px;
}                      

#banner_reserve #reserve_main .day{
width:40px;
} 

#banner_reserve #reserve_main .month{
width:70px;
} 

#banner_reserve #reserve_main .year{
width:55px;
} 

#banner_reserve #reserve_main .hotel{
margin-left: 8px;
width:128px;\
width:122px;
} 
 
#banner_reserve #reserve_main .night{
width:30px;\
width: 60px;
width\**\:40px;
} 
    

#banner_reserve #reserve_main #reserve {
 text-decoration: none;
 display:block;
 margin: 10px 0 0 0;
 text-align: center;
 font-size: 12px;
 font-weight: bold;
 color:white;
 vertical-align: top;
 width:105px;
 height:19px;
 height\**\:25px;
 background-image:url('../images/eurohostel_reserve.png');
 background-position: 0px 24px;
  
 float:left;
 padding:5px 0 0 0;
 
 }
 
#banner_reserve #reserve_main #reserve:hover {
 background-position: 0px 0px; 
}

#banner_reserve #reserve_main input{
   vertical-align: middle;
}

#banner_reserve #reserve_main .calendar{

cursor: pointer;

position:relative;
left: -00px;\
left: -10px;


top:-3px;
&top:-23px;
top\**\:-23px;

}


#content {
 background-color: #D0CFCD;
}


#content #left_col { 
 float:left;
 width: 355px;
 height: 100%;
 padding:15px 0 0 0;

}

#content #left_col .box a img{
 border:none;     

}


#content #left_col .box_banner a img{
 position:relative;
 left:-5px;
 border:none; 
     
}

#content #left_col .box .text a{
 color:white;
 text-decoration: underline;
 
}

#content #left_col .box .text h2{
padding:0;
padding-bottom: 10px;
margin:0;
 color:white;
}
#content #left_col .box .text {
 color:white;
}

#content #left_col .box .text .data{
 padding-left: 20px;
 color:white;
 font-weight: bold;
 
}

#content #left_col .box a{ 
 text-decoration: none;
}         

      
#content #left_col .box a.contact{
display:block;
 text-align: center;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
width: 145px;
height: 18px;
height\**\:24px;
background-image: url('../images/eurohostel_contact_form.png');
background-position: 0px 24px;
margin: 10px 0 10px 0px;
padding:6px 0 0 0;

}

#content #left_col .box .contact:hover{ 
background-position: 0px 0px;
}

#content #left_col .box_banner {
 width:343px;
 margin: 0px 0px 15px 20px ;
}

#content #left_col .box {
 width:343px;
background-color:#005698;
color:#005698;
 margin: 0px 0px 15px 15px ;
}

#content #left_col .box .text {
padding:10px 5px 10px 30px;
}

#content #left_col .box .text a:hover{
 text-decoration: none;
}


#content #left_col .accepted {
 width:343px;
 margin: 0px 0px 50px 30px ;
}

#content #left_col .accepted .text{
color: #005698;
padding-top: 10px;
padding-left:25px;
}

#content #left_col .accepted img{
 float:left;
 margin:10px 0 40px 20px;
}

#content #main_col {
float:left;
padding:20px 0px 0px 35px;
width: 560px;
line-height: 20px;
}
#content #main_col h1, #content #main_col h2,#content #main_col h3{
color:#59585C;
}
#content #main_col .article table td{
vertical-align: top;
}

#content #main_col .article .more{
text-decoration: none;
}
#content #main_col .article .send{
text-decoration: none;
}

#content #main_col .more {
display:block;
 text-align: center;
 font-size: 12px;
 vertical-align: top;
width: 63px;
height: 21px;
height\**\:25px;
background-image: url('../images/eurohostel_more.png');
background-position: 0px 25px;
margin: 10px 0 10px 0px;
padding:4px 0 0 0;
}


#content #main_col .more:hover {
background-position: 0px 0px;

}

#content #main_col .article a.send {
 color:white;
 display:block;
 margin: 10px 0 10px 0;
 text-align: center;
 font-size: 12px;
 vertical-align: top;
 width:105px;
 height:21px;
 height\**\:25px;
 background-image:url('../images/eurohostel_send.png');
 background-position: 0px 0px;
  
 float:left;
 padding:3px 0 0 0;
 

}
#content #main_col .article a.send:hover {
background-position: 0px 24px;

}

#content #main_col .article a.contact{
display:block;
 text-align: center;
 text-decoration: none;
 font-size: 12px;
 font-weight: bold;
width: 145px;
height: 21px;
height\**\:25px;
background-image: url('../images/eurohostel_contact_form_main.png');
background-position: 0px 0px;
margin: 10px 0 10px 0px;
padding:4px 0 0 0;

}

#content #main_col .article{
 margin:0 0 50px 0;
}

#content #main_col .article a{
 text-decoration: underline;
color:#504F53;
 
}

#content #main_col .article a:hover{
  text-decoration: none;

}


#content #main_col .article .reference{
background-color:#C2C2C2;
 padding: 00px 20px 00px 50px;
 font-size: 15px;
 margin-top: 50px;

}
#content #main_col .article .reference .comma_down{
  display:block;
  position:relative;
  left:-130px;
  top:-14px;

}
#content #main_col .article .reference img.comma_up{
   display:block;
   position:relative;
   left:450px;
   top:14px;
}

#content #main_col .article .reference .sign{
 display:block;
 margin: 20px 0px 2px 10px;
 font-style: italic;
}


#content #main_col .article a.contact:hover{ 
background-position: 0px 25px;
}



#content #main_col .article .reference .comma_down{
  display:block;
  position:relative;
  left:-30px;
  top:-14px;

}
#content #main_col .article .reference img.comma_up{
   display:block;
   position:relative;
   left:450px;
   top:14px;
}

#content #main_col .bordered {
border: 5px #9F9E9D solid;
}

#content #main_col img{
border:none;
margin: 5px 10px 0px 0px;
}

#content #main_col .new{

font-size: 15px;
padding: 3px 5px 3px 15px;
border: 2px #005698 double;
background-color:#C2C2C2;

}

#content #main_col .new .new_title{
padding-right: 30px;
font-size: 18px;
}




#content #main_col .room_desc{
line-height: 18px;
margin: 0 10px 15px 0;

}

#content #main_col .room_prize{

font-size: 18px;
padding-top:20px; 
margin: 0px 10px 0 0;


}

#content #main_col a.room_reserve{
 display:block;
 position:relative;
 left:70px;
 top:10px;
 text-align: center;
 text-decoration: none;
 font-size: 12px;
 width:105px;
 height:22px;
 height\**\:25px;
 background-image:url('../images/eurohostel_send.png');
 background-position: 0px 0px;
 padding:2px 0 0 0;
 color:white;
 
}



#content #main_col .room_reserve:hover{
background-position: 0px 24px;
}

#content #main_col .gallery img{
border: 4px #9F9E9D solid;
margin:5px 9px 0px 0px;
}

#content #main_col .article #map_canvas{
 border: 5px #9F9E9D solid;
}




#footer {
 background-image:url('../images/eurohostel_background_footer.png');
 background-repeat: repeat-x;

}

#footer #foot_space {}

#footer #footer_menu {}
#footer #footer_menu a { color: #0885E5;}
#footer #footer_menu a:hover {color: white;}

#footer #footer_menu a.active {color: white;}

#footer #copyright { color: white;}
#footer #copyright a { color: white;}


#footer img{
position: relative;
top: -181px;
left: 796px;
}
                
.cleaner{}

.err{color:red;}

