/* Be hostels Group */
html { height: 100%; }
* { /* global settings for every element on the site */margin: 0; padding: 0;}
body {margin: 0; padding:0; font-family: geneva,Arial,Helvetica,sans-serif; font-size: 11px; color: #ffffff; background-color: #29406e;}
ul {list-style: none; position: relative;}
img {border:0;}
a {color: #3dbeeb; text-decoration: underline;}
a:hover {text-decoration: underline; color: #a8e9ff;}
h2 {color:#b1c149; font-size: 14px; font-weight:lighter;}
h3 {color:#7b96ce; font-size: 16px; margin-bottom: 10px;font-weight: lighter;}
.clear{clear:both;height:0px;}
.clearfix:after { display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* html #wrapper {height: auto;}
#top {width: 100%;height:30px;position: relative;text-align:center;line-height:12px;font-size: 9px;color: #4568a1;border-bottom: 1px solid #c1e3ff; background: url(images/hostels-top.gif) repeat-x top;}
#barcelona {margin: 0 auto;position:relative;width: 90%;}
#header {width: 770px;height: 70px;margin: 0 auto;position: relative;}
#hwrapper {position:relative; height: 210px;width:100%;background: url(images/hostels-barcelona.gif) repeat-x top;}
#wrafot {height: 210px;width:800px;position:relative; margin: 0 auto;}

/* menu */
#menu {width: 100%;height:30px;position: relative;text-align:center;border-bottom: 1px solid #4c68a1; background: url(images/hostels-top.gif) repeat-x top;}
#menu ul { width: 800px; height:30px; padding: 6px 0 0 0; margin: 0 auto; font-size: 14px; color: #ffffff; text-align: center; background: url(images/pies.gif) no-repeat top;}
#menu li { padding: 0 1em 0 1em; display: inline;}
#menu a {text-decoration: none;}
/* lenguajes */	
#lang {height: 20px;width:770px;margin: 5px auto;position: relative; text-align: right;}
#lang p{position: relative; float:left; padding-top: 3px;}
#lang a{text-decoration: none;}
#lang p a{text-decoration: underline;}
/* menu hostels */
#mhostels { margin: 10px auto 0 auto; width: 798px;height:24px;position: relative;text-align:center; background: url(images/hostels-foot.gif) repeat-x top; border-left: 1px solid #3a4f79;border-right: 1px solid #3a4f79;border-top: 1px solid #3a4f79;}
#mhostels  ul { width: 800px; height:16px; padding: 5px 0 0 0; margin: 0 auto; font-size: 12px; color: #7f97c6; text-align: center;}
#mhostels  li { padding: 0 1em 0 1em; display: inline;}
#mhostels a {color: #334976; text-decoration: none;}
#mhostels a:hover {text-decoration: none; color: #ffffff;}
/* CUERPO */
#wrapper {height: 410px; width:800px;position:relative;margin: 15px auto 10px auto;}
#reserve {height: 420px;width:1000px;position:relative; margin: 10px auto; }
#wgroup {height: 850px;width:800px;position:relative;margin: 15px auto 10px auto; padding-bottom: 10px;}
#hostels {height: 550px;width:800px;position:relative;margin: 15px auto 10px auto; padding-bottom: 10px;}
#contact {height: 480px;width:800px;position:relative;margin: 15px auto 10px auto;}
#left {position:relative; width:300px; float:left; margin: 0 5px 0 0px;}
#right {position:relative; width:430px; float:right; margin: 0 0 0 5px;}
#left  ul {display: block; line-height:20px;margin-bottom: 15px;}
#left  li {padding: 2px 5px 2px 14px;border-bottom: 1px dotted #485f8e;}
#right a{text-decoration: underline;}

#box{ position:relative; padding: 5px; border: 1px solid #4c68a1; background-color:#334976;}
#right ul{display: block; line-height:20px; margin-bottom: 15px;}
#right li{padding: 2px 5px 2px 14px;border-bottom: 1px dotted #485f8e;}

#contact  ul {display: block; line-height:14px; border-top: 1px solid #485f8e; margin-bottom: 10px;}
#contact  li{padding-left:14px; border: 0;}

#wrapper p{ margin: 10px 0 10px 0; color:#cecece;}
#wgroup p{ margin: 10px 0 10px 0; color:#cecece; line-height:16px;}
#hostels p{ margin: 10px 0 10px 0; color:#cecece; line-height:16px;}
strong {color:#72c5e2; font-weight: normal;}

/* albergues */
#albergues {height: 1160px;width:778px;position:relative;margin: 0 auto 15px auto; padding: 10px; border: 1px solid #3a4f79; background-color:#334976;}
#albergues strong {color:#d8f231; font-weight: normal;}
#albergues p{ margin: 10px 20px 10px 20px; color:#cecece; line-height:17px; text-align: justify;}
#fotscroll{ height: 315px;width: 300px;overflow: auto;padding: 3px;border: 1px solid #4c68a1; margin-bottom: 10px;}
div.fotoss{height: 140px;width: 2792px;}
div.fotdream{height: 140px;width: 3302px;}
div.fotsound{height: 140px;width: 3748px;}
div.fotramblas{height: 140px;width: 2894px;}
#albergues h3 {color:#7b96ce; font-size: 16px; margin: 10px 20px 10px 20px;font-weight: lighter;}
.fotis {margin-left: 20px;}

/* zaragoza hostel */
#zaragoza {height: 910px;width:778px;position:relative;margin: 0 auto 15px auto; padding: 10px; border: 1px solid #3a4f79; background-color:#334976;}
#zaragoza  strong {color:#d8f231; font-weight: normal;}
#zaragoza  p{ margin: 10px 20px 10px 20px; color:#cecece; line-height:17px; text-align: justify;}
#fotscroll{ height: 315px;width: 300px;overflow: auto;padding: 3px;border: 1px solid #4c68a1; margin-bottom: 10px;}
#zaragoza  h3 {color:#7b96ce; font-size: 16px; margin: 10px 20px 10px 20px;font-weight: lighter;}
.fotis {margin-left: 20px;}

#mapa{ position:relative; float:left; padding: 3px; border: 1px solid #4c68a1; background-color:#29406e;}

/* 4 columns */
.boxo {position:relative; float:left; border-right: 1px solid #4c68a1;}
#dorm { position:relative; float:left; width:185px; height:400px; display: block; text-align: left; padding: 10px 8px 5px 5px;}
#dorm  p{ margin-bottom: 10px; line-height: 18px;}
#dorm ul {display: block; text-align: left; margin-bottom: 5px; line-height:18px;}
.price{ font-size: 32px; padding-bottom: 4px; line-height:33px;}
.room{ font-size: 19px;}
.double{ font-size: 18px; padding-bottom: 2px; border-top: 1px solid #4c68a1; border-bottom: 1px solid #4c68a1;}
.dobles{ font-size: 18px; padding-bottom: 2px;}
.break{ font-size: 16px;font-weight: bold;line-height:18px;}

/* branch */
#branch {width: 900px; height: 185px;position: relative; margin: 0 auto; }
#branch ul {display: block; text-align: left; margin: 0 30px 0 0; float: left; line-height:18px;}
#branch ul.end {display: block; text-align: left; margin:0; float: right; line-height:18px;}

/* -----------------------------------------------------------------formulario groups*/
#request {height: auto;width: 408px;position:relative;margin: 0 auto 15px auto;padding: 5px 10px 6px 10px;text-align: left; font-size: 12px; border: 1px solid #4c68a1; background-color:#334976;}
#request h3 {color:#7b96ce; font-size: 16px;padding: 5px 0 5px 0; margin-left:15px;}
#request p{	margin: 5px 0 0 15px; text-align:left; font-size: 11px;}
#request fieldset { margin: 0 0 10px 0; padding: 1em .5em .5em 15px; border: 1px dotted #485f8e; font-size: 10px; color:#cecece;}
#request fieldset p{ margin: 0 0 10px 120px; font-size: 10px; color:#cecece;} 
#request legend { padding: 6px; font-size: 12px; color: #ffffff; background-color: #334976;} 
#request input { border: 1px solid #485f8e; margin: 3px 0 3px 0; color: #ffffff;background-color: #29406e;} 
label{float: left;width: 120px;font-size: 12px; color: #3dbeeb;margin: 3px 0 3px 0;}
textarea{border: 1px solid #485f8e;background-color: #29406e; color: #ffffff; font-size: 11px;}
select { background-color: #29406e; font-size: 10px; color: #ffffff;}
br{ clear: left; }

/* thanksgroups */
#thanks{height: 250px;width:770px;position:relative;margin: 10px auto;padding: 20px 0 10px 0;}
#thanks ul {display: block;font-size: 14px;line-height: 30px;padding: 0 10px 0 10px;}
#thanks li {padding: 0 10px 0 40px;border-bottom: 1px dotted #334976;}
/* logos + links */
#extras {margin: 0 auto;width: 100%;height: 15px; margin-top: 10px;text-align:center;padding-top: 5px;padding-bottom: 5px; color: #ffffff; border-top: 1px solid #4c68a1; background: url(images/hostels-foot.gif) repeat-x top;}
#extras a{text-decoration: none;}
#partners {width: 100%;height: 70px;text-align:center;padding: 5px 0 10px 0;border-top: 1px solid #7cb9d4;background: #ffffff url(images/hostels-sponsor.gif) repeat-x top;}
#partners p{color: #999999;font-size: 10px; margin-bottom: 6px;}
#sponsor {margin: 0 auto;width: 100%;height: 60px;position: relative;text-align:center;color: #eae5ce; background-color:#ffffff;}
#sponsor p{color: #999999;font-size: 10px; margin-bottom: 6px;}
/* end + certificados */
#end {width: 100%;height: 20px;position: relative;text-align:center;color: #4568a1;padding: 5px 0 0 0;border-top: 1px solid #4568a1;background: url(images/hostels-foot.gif) repeat-x top;}
#end a {color: #004494;}
#end a:hover {color: #ffffff;}
/* policy ------------------------------------------ */	
#cancellation {width:800px;position:relative;margin: 10px auto;padding: 8px 0 8px 0; text-align: center;border: 1px solid #4c68a1; background-color:#334976;}
.poli { color: #d8f231;}
/* imagenes varias------------------------------------------ */
.logo {float: left;text-align: left;}
.flags {margin-left: 15px;}
.behostel {float: right; margin-top: 5px;}
.metro {margin-top: 10px;}
/* imagenes direccion abajo------------------------------------------ */
.logileft { float: left;}
.book { margin-top: 10px;}
.grup{color: #f55e35;}

/* hostels information links------------------------------------------ */
#wralink {height: auto;	width:800px;position:relative;margin: 10px auto;padding: 0 0 20px 0;}
p.country    {float: right;font-size: 12px;color: #0099ff;}
p.country  a {font-size: 12px;color: #0099ff;text-decoration: underline;}
p.country  a:hover {font-size: 12px;color: #99CC00;text-decoration: underline;}
#board{height: auto;	width:800px;margin: 5px 0 5px 0;text-align: center;font-size: 11px;color:#7D7B69;border-bottom: 1px solid #dad2b3;}
#board a {text-decoration:none;color: #0099ff;}
#board a:hover {color:#99CC00;}
h4 {text-align: center;font-size: 18px;color: #669900;padding: 10px 0 10px 20px;border-bottom: 1px solid #669900;}
#board1 {width: 250px;height: auto;padding: 5px 0 5px 0;float:left;text-align:center;}
#board2 {width: 350px;height: auto;padding: 5px 0 5px 0;float:left;text-align:left;overflow: auto;}
#board3 {width: 200px;height: auto;padding: 5px 0 5px 0;float: left;}
.hostel {border: 0;}

/* fotogaleria============================================*/
#thumb {
margin-bottom: 8px;
height: 82px;
text-align: left;
background-color:#334976;
padding: 5px;
} 
#thumb img{
border: 2px solid #29406e;
float: left;
margin-right: 5px;
}
#thumb a:hover img {border: 2px solid #6378a3;}
.phototitle {
text-align: left;
margin: 0 3px 3px 3px;
}

#thumb  ul {display: block; line-height:15px; border:0;}
#thumb  li {padding: 2px 5px 2px 14px;border:0;}

/* BeHostels Sitemap ------------------------------------------*/
#wramap {height: 600px; width:600px; position:relative; margin: 0 auto 15px auto; border: 1px solid #4c68a1; background-color:#334976;}
#wramap a {color: #717118; text-decoration: underline;}
#wramap a:hover {color: #dad900;}
.con {color: #999999;}
dl {margin: 0 auto;}
.boxmap {border: 1px solid #4c68a1; background-color:#334976; padding: 20px; margin: 10px auto; width: 600px;text-align: left;}
dt  {padding-bottom: 6px;}
dd  {padding-bottom: 5px; text-decoration: none;}
dd {background-image:url(images/sitemapline.gif);background-repeat: no-repeat; padding-left: 23px;}
dd.bottom { background-image:url(images/sitemapline2.gif); background-repeat: no-repeat; padding-left: 23px;}
#wramap .title{font-size: 14px;line-height:18px;color: #a09f8c;padding: 5px 5px 5px 10px;background: #e3e2d5;border-bottom: 1px dotted #717118;}