/* 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: 12px; color: #696969; background: #eff5f8 url(images08/trama.gif) repeat-x top;}
ul {list-style: none; position: relative;}
img {border:0;}
a { text-decoration: underline; color: #0a75ff;}
a:hover { text-decoration: none; color: #002e79;}
h1 {color:#004494; margin: 30px 0 20px 0; font-size:20px;}
h2 {color:#004494; font-size: 18px; margin: 10px;}
h3 {color:#db9704; font-size: 18px; margin-bottom: 10px;font-weight: lighter;}
h4 {color:#0a75ff; font-size: 14px;}
.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;}
#header {width: 770px;height: 70px;margin: 0 auto;position: relative;}
#hwrapper {position:relative; height: 115px;width:100%;}
#wrafot {height: 115px;width:935px;position:relative; margin: 0 auto; background: url(images08/travel.gif) no-repeat top;}
#video {height: auto; width:750px;position:relative;margin: 15px auto 0 auto; text-align:center;}

.clima {display:none;}
/* menu */
#menu {width: 100%;height:30px;position: relative;text-align:center; }
#menu ul { width: 935px; height:30px; padding: 6px 0 0 0; margin: 0 auto; font-size: 16px; color: #92c6e0; text-align: center; background: url(images08/fondomenu.gif) no-repeat top;}
#menu li { padding: 0 1em 0 1em; display: inline;}
#menu a { text-decoration: none; color: #002e79;}
#menu a:hover { text-decoration: none; color: #00b3ff;}
/* lenguajes */	
#lang {height: 20px;width:936px;margin: 5px auto;position: relative; text-align: left;}
#lang a{text-decoration: none; color: #cfcfcf;}
#lang a:hover { text-decoration: none; color: #5171a5;}
/* 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;}

/** NUEVO Menu mapa**/
#zarbcn {margin: 0 auto;width: 936px;height: 124px; text-align:center; color: #ffffff; background: url(images08/europe-hostels.gif) no-repeat top;}
#zarbcn  ul { width: 600px; height:16px; padding: 80px 0 0 0; margin: 0 auto; font-size: 18px; color: #7f97c6; text-align: center;}
#zarbcn  li { padding: 0 3em 0 0; display: inline;}
#zarbcn  li.bcn { padding: 0 0 0 3em; display: inline;}
#zarbcn a {color: #ffcc1f; text-decoration: none;}
#zarbcn a:hover {text-decoration: none; color: #00b3ff;}

/** Menu mapa HOME**/
#espanola {margin: 0 auto;width: 936px;height: 105px; text-align:center; color: #ffffff; background: url(images08/europe-hostelshome.gif) no-repeat top;}
#espanola  ul { width: 600px; height:16px; padding: 80px 0 0 0; margin: 0 auto; font-size: 18px; color: #7f97c6; text-align: center;}
#espanola  li { padding: 0 3em 0 0; display: inline;}
#espanola  li.bcn { padding: 0 0 0 3em; display: inline;}
#espanola a {color: #ffcc1f; text-decoration: none;}
#espanola a:hover {text-decoration: none; color: #00b3ff;}
/*======================home=====================================*/
#spain {position:relative;height: 597px; width: 936px; padding: 0; margin: 0 auto; background: url(images08/fondohome.gif) no-repeat top;}
/* CUERPO */
#continentes {height: auto;width:926px;position:relative; padding: 15px 4px 4px 4px; margin: 0 auto 0 auto; border-left: 1px solid #0c4d99; border-right: 1px solid #0c4d99;background-color: #ffffff;}
#continent {display:block; position:relative; width:926px;  padding: 15px 4px 4px 4px; margin: 0 auto; border-left: 1px solid #0c4d99; border-right: 1px solid #0c4d99;background:  #ffffff url(images08/spanish-country.gif) no-repeat top;}
#izq{ position:relative; float:left; width:230px; height: auto; display: block; text-align: left; padding:180px 5px 5px; margin:0 2px 0 0;}
#izquir{ position:relative; float:left; width:230px; height: auto; display: block; text-align: left; padding:5px 5px 5px; margin:0 2px 0 0;}
#cen{position:relative; float:left;width:450px; height: auto; display: block; text-align: left; padding: 10px; margin:0 2px 0 2px; font-size:13px;}
#der {position:relative; float:right;width:182px; height: auto; display: block; text-align: left; padding: 5px; margin:0 0 0 2px; border-left: 1px solid #e8e8e8;}
#cen  p{ margin: 10px 0 10px 0; color:#38506f; line-height:17px; text-align: justify;}
.ultimo{ margin: 10px 0 10px 0; padding-bottom: 10px; border-bottom: 1px dotted #c7d6e2;}
#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;}
#cen  ul {display: block; line-height:20px;margin-bottom: 15px;}
#cen  li {padding: 2px 5px 2px 14px;border-bottom: 1px dotted #b0cef2;}
#cen a{text-decoration: underline;}

/**-----comments----------------**/
#comments {position:relative; margin: 0 0 10px 0; padding: 3px 3px 2px 3px;text-align: left; border-bottom: 1px solid #b0cef2; border-left: 1px solid #b0cef2; border-right: 1px solid #b0cef2;} 
#comments ul.com{display: block; line-height:16px; font-size:11px; padding: 5px; margin-bottom: 7px;}
#comments ul.bot{display: block; line-height:15px; font-size:10px; text-align: right; margin:2px 8px 0 0;}
#comments a { text-decoration: underline; color: #0a75ff;}
#comments a:hover { text-decoration: none; color: #5171a5;}
#comments strong {color:#002e79; font-weight: normal;}
#comments b {color:#002e79; font-weight: normal;}

/**---------------------------------------------------booking central-------------------------------------------**/

#box{display:block; width:926px; margin:0 auto;  z-index:1; position:relative; padding:5px;}


/* -----------------------------------------------------------------list hostels-----------------*/
div.titleft{height: 14px; font-size: 13px;color: #ffffff;text-align:left;padding: 4px 0 4px 5px;border: 1px solid #063775;background-color:#2159a0;}
#hostleft{position:relative; margin: 0 0 10px 0; padding: 3px 3px 2px 3px;text-align: left; border-bottom: 1px solid #b0cef2; border-left: 1px solid #b0cef2; border-right: 1px solid #b0cef2;} 
#thumb {position:relative; margin-bottom: 3px;height: 82px; color: #696969;}
#thumb>a{position:relative; display:block; z-index:1;}
div.line{border-bottom: 1px dotted #b0cef2;}
#thumb  ul {display: block; line-height:14px;}
#thumb  li {padding: 2px 5px 2px 5px;}
#thumb img{float: left;margin-right: 5px;}

/*fotogallery*/
div.thumb {margin: 5px 5px 10px 5px;border: 1px solid #E6E6E6;height: auto;text-align: center;}	
.thumb img{display:inline;margin: 3px;}
.phototitle {text-align: center;margin: 3px; letter-spacing: 1px; font-size: 10px;}

/**---------derecha columna---------**/
#activities {position:relative; margin: 0 0 10px 0; padding: 3px 3px 2px 3px;text-align: left; border-bottom: 1px solid #b0cef2; border-left: 1px solid #b0cef2; border-right: 1px solid #b0cef2;}
#activities a { text-decoration: none; color: #696969;}
#activities a:hover { text-decoration: none; color: #00aaff;}

/*general fotogallery*/
div.thumbix {margin: 5px 5px 10px 5px;border: 1px solid #E6E6E6;height: auto;float: left;text-align: center;}	
.thumbix img{display:inline;margin: 3px;}
.phototitle {text-align: center;margin: 3px auto 3px auto; letter-spacing: 1px; font-size: 10px;}

#right ul{display: block; line-height:20px; margin-bottom: 15px;}
#right li{padding: 2px 5px 2px 14px;border-bottom: 1px dotted #b0cef2;}

#der  ul {display: block; line-height:20px;margin-bottom: 2px;}
#der  li {padding: 2px 5px 2px 5px;border-bottom: 1px dotted #b0cef2;}
#der  li.end {padding: 2px 5px 0 5px; border: 0;}

#contact  ul {display: block; line-height:14px; border-top: 1px solid #b0cef2; 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:#0a75ff; font-weight: normal;}
b {color:#0a75ff; 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 b {color:#d8f231; font-weight: normal;}
#albergues p{ margin: 10px 20px 10px 20px; color:#cecece; line-height:17px; text-align: justify;}
#fotiscroll{ height: 315px;width:450px;overflow: auto;padding: 3px;border: 1px solid #E6E6E6; 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  b {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;}

#mapa{ position:relative; float:left; padding: 3px;}

/* 4 columns */
.boxo {position:relative; float:left; border-right: 1px solid #e8e8e8; padding: 10px 12px 5px 12px;}
.boxing {position:relative; float:left; border-right: 1px solid #e8e8e8; margin: 0 0 0 55px; padding: 10px 12px 5px 12px;}
#dorm { position:relative; float:left; width:185px; height:400px; display: block; text-align: left; padding: 10px 12px 5px 12px;}
#dorm  p{ margin-bottom: 10px; line-height: 18px;}
#dorm ul {display: block; text-align: left; margin-bottom: 5px; line-height:18px;}
.price{ font-size: 40px; font-weight: bold;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 #b0cef2;}
#request h3 {color:#0c4d99; 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 dashed #c0c0c0; font-size: 10px; color:#cecece;}
#request fieldset p{ margin: 0 0 10px 120px; font-size: 10px; color:#cecece;} 
#request legend { padding: 6px; font-size:13px; color: #485f8e; background-color: #ffffff;} 
#request input { border: 1px solid #485f8e; margin: 3px 0 3px 0; color: #ffffff;background-color: #0c4d99!important;} 
#request label{float: left;width: 120px;font-size: 12px; color: #696969; margin: 3px 0 3px 0;}
#request textarea{border: 1px solid #485f8e;background-color: #29406e; color: #ffffff; font-size: 11px;}
#request select { background-color: #29406e!important; 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;}

/* 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; margin: 5px 10px 5px 0px;}
.fotleft { float: left; margin-bottom: 10px;}
.logiright { float: right;}
.book { margin-top: 10px;}
.grup{color: #0c4d99;}
.wifi {margin: 0 0 -2px 0;}
.book {margin: 5px 0 5px 0;}

/* 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;}
#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============================================*/
.phototitle {text-align: center;margin: 0 3px 3px 3px;}

/* 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 {padding: 10px; margin: 10px auto; width: 450px;text-align: left;}
dt  {padding-bottom: 6px;}
dd  {padding-bottom: 5px; text-decoration: none;}
dd {background-image:url(images08/line.gif);background-repeat: no-repeat; padding-left: 23px;}
dd.bottom { background-image:url(images08/linee.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;}

/* footer en general: end + certificados logos + links */
#footer {width: 100%;height:93px;position: relative;text-align:center;background: url(images08/footback.gif) repeat-x top;}
#footer a {text-decoration: underline; color: #89d2f1;}
#footer a:hover {text-decoration: none; color: #00b3ff;}
#extras {margin: 0 auto;width: 966px; height: 93px; text-align:center; /*padding-top:5px;*/ color: #ffffff; background: url(images08/european-hostels.gif) no-repeat top;}
#extras a{text-decoration: none;}
#extras .content{padding:5px 0;}
#partners {text-align:center; background:#fff url(images08/hostels-foot.gif) repeat-x top; padding-bottom:10px;}
#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;}
.youthhostels {color:#3572bc; margin-top: 25px; font-size: 10px;}
hr {border: 0; color: #e3e2d5;background-color: #e3e2d5;height: 1px; width: 100%;text-align: center;margin: 10px 0 5px 0;}

/* policy ------------------------------------------ */	
#cancellation {width:90%;position:relative;margin: 10px auto;padding: 8px; text-align: center;border: 1px solid #00aaff; background-color:#eff5f8;}
#cancellation strong { color: #e20075;}
#cancellation b { color: #e20075;}

/* texto pie de pagina--------------------*/
#bottom {width: 100%;height:50px;padding-top: 15px;position: relative;text-align:center;line-height:12px;font-size: 9px;color: #b9b9b9; background-color: #ffffff;}
#barcelona {margin: 0 auto;position:relative;width: 900px;}
#bottom strong{color:#8a8a8a;}
#bottom b{color:#8a8a8a;}

/* -----------------------------------------------------------------formulario groups*/
#wgroup {height: auto;width:926px;position:relative; padding: 15px 4px 4px 4px; margin: 0 auto 0 auto; border-left: 1px solid #0c4d99; border-right: 1px solid #0c4d99;background:  #ffffff url(images08/spanish-country.gif) no-repeat top;}
#lefttt {position:relative; width:440px; float:left; margin: 0 10px 0 10px;}
#righttt {position:relative; width:440px; float:right; margin: 0 10px 0 5px;}
#wgroup ul {display: block; line-height:20px;margin-bottom: 15px;}
#wgroup li {padding: 2px 5px 2px 14px;border-bottom: 1px dotted #b0cef2;}
#wgroup a{text-decoration: underline;}
#wgroup p{ margin: 10px 0 10px 0; color:#38506f; line-height:17px; text-align: justify;}

#groups {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 #0c4d99; background-color:#eff5f8;}
#groups h3 {color:#7b96ce; font-size: 16px;padding: 5px 0 5px 0; margin-left:15px;}
#groups fieldset { margin: 0 0 10px 0; padding: 1em .5em .5em 15px; border: 1px dotted #485f8e; font-size: 10px; color:#cecece;}
#groups fieldset p{ margin: 0 0 10px 120px; font-size: 10px; color:#334976;} 
#groups legend { padding: 6px; font-size: 14px; color: #0a75ff; background-color: #eff5f8;} 
#groups input { border: 1px solid #0c4d99; margin: 3px 0 3px 0; color: #0c4d99;background-color: #ffffff;} 
label{float: left;width: 120px;font-size: 12px; color: #0c4d99; margin: 3px 0 3px 0;}
textarea{border: 1px solid #0c4d99;background-color: #29406e; color: #ffffff; font-size: 11px;}
select { background-color: #29406e; font-size: 10px; color: #ffffff;}
br{ clear: left; }

.hide{display:none;}
#winter{display:block; position:absolute; background:url(images/free-banner.gif) no-repeat; width:390px; height:83px; margin:15px 0 0 380px;}
.es #winter{background:url(images/free-banner.jpg) no-repeat;}

/*
#booking{display:block; position:absolute; height:157px; width:230px; margin:202px 0 0 6px; padding:10px; background:url(images/book-now.gif) no-repeat;}  
#booking.es{background:url(images/book-now-es.gif) no-repeat;}
#booking select {background-color:#fff; font-size:13px; color:#144d99; margin:94px 0 0 8px;}
*/
#calendar span, #searchbox .title-en span, #searchbox .title-es span{position:absolute; left:-9999px;}
#searchbox {position:absolute; width:230px; margin:160px 0px 0px 7px; font-family:verdana, arial, helvetica, sans-serif; line-height:1.3em; font-size:105%;}
#searchbox select{background-color:#fff; font-size: auto; color:#036;}
#searchbox .top{background:url(images/bg-top-search.gif) no-repeat; height:37px;}
#searchbox .center{background:url(images/bg-search.gif) repeat-y;}
#searchbox .content{margin:0 15px; padding-top:23px;}
#searchbox .bottom{background:url(images/bg-bottom-search.gif) no-repeat; height:37px;}
#searchbox .title-en, #searchbox .title-es{position:absolute; width:200px; height:40px; margin:17px 0 0 15px;}
#searchbox .title-en{background:url(images/reservation-en.gif) no-repeat;}
#searchbox .title-es{background:url(images/reservation-es.gif) no-repeat;}
#searchbox label{font-weight:bold; color:#049; font-size:95%; width:auto; float:none;}
#searchbox .left{float:left; width:auto; height:auto; text-align:left;}
#searchbox select{margin-right:5px; font-size:95%; padding:1px;}
#searchbox select{border:1px solid #06a8da;}
#searchbox #hostel{width:198px; margin-bottom:12px;}
#searchbox #arrival, #searchbox #nights{margin-bottom:12px;}
#calendar{float:right; margin-top:-1px; display:block; width:27px; height:23px; background:url(images/icon-calendar.gif) no-repeat; position:relative;}

#check-availibility{margin-top:12px; position:relative; z-index:1; text-align:center;}
#check-availibility a{position:relative;}

.link-button{text-align:center;}
.link-button a{background:url(images/button-right.gif) no-repeat right; color:#246f9d; text-decoration:none; padding:7px 10px 6px 0; font-weight:bold;}
.link-button a span{position:relative; left:auto; background:url(images/button-left.gif) no-repeat; padding:7px 0 6px 10px; margin-left:-2px;}
.link-button a:hover,.link-button a:focus{background:url(images/button-right-hover.gif) no-repeat right; color:#000;}
.link-button a:hover span, .link-button a:focus span{background:url(images/button-left-hover.gif) no-repeat;}
.link-button a:active{background:url(images/button-right-click.gif) no-repeat right; color:#fff;}
.link-button a:active span{background:url(images/button-left-click.gif) no-repeat;}