/* Barcelona cheap Hostel */
html { height: 100%; }
* { /* global settings for every element on the site */margin: 0; padding: 0;}
body {margin: 0; padding:0; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #a09f8c;}
ul {list-style: none; color: #949494; position: relative; }
.offer {color: #4871af;}
img {border:0;}
a {color: #4e662b;}
a:link, a:visited {text-decoration: none; color: #63630c;}
a:hover {text-decoration: none; color: #dad900;}
.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: 25px;position: relative;text-align:center;line-height:12px;font-size: 9px;color: #717118;padding: 5px 0 5px 0;border-bottom: 1px solid #717118;background-color: #dad900;}
#barcelona {margin: 0 auto;position:relative;width: 75%;}
#hwrapper {position:relative; height: 70px;width:100%;border-bottom: 1px solid #e3e2d5;}
#header {width: 770px;height: 70px;margin: 0 auto;position: relative;}
/* menu */
#menu ul { width: 800px;height: 28px; padding: 5px 0 0 0; margin: 0 auto; font-size: 13px; color: #03346e; text-align: center; background-image:  url(images07/barcelona-menu.gif);background-position: top center;background-repeat: no-repeat;}
#menu li { padding: 0 1em 0 1em; display: inline;}
#menu a {color: #a09f8c; text-decoration: none;}
#menu a:hover  {color: #ffffff;}
/* lenguajes */	
#lang {height: 20px;width:770px;margin: 5px auto;position: relative;text-align: right;}
#lang p{position: relative; float:left; padding-top: 3px;}
#lang p a {text-decoration: underline;}
/* CUERPO */
#wrafot {height: 414px; width:1000px; padding: 15px; position:relative; margin: 0 auto;}
/*#wrafot {height: 414px; width:1000px; padding: 15px; position:relative; margin: 0 auto; background:url(images07/barcelona-travellers02.jpg) no-repeat 100% 0;}*/
#wrapper {height: auto; width:800px;position:relative;margin: 10px auto 15px auto;}
#reserve {height: 550px;width:800px;position:relative; margin: 10px auto; }
#wgroup {height: 910px;width:800px;position:relative;margin: 10px auto 10px auto;}
#video {height: auto; width:800px;position:relative;margin: 10px auto 15px auto; text-align: center;}
#videotop {height: auto; width:auto;position:relative;margin: 0 auto; text-align: right; float:right;}

/*arrive*/
#contenedor {height: auto;width:800px;position:relative;margin: 10px auto 15px auto;}
#izquierda{position:relative; float:left;width:300px; height:auto; border: 1px solid #e3e2d6; display: block; text-align: left; padding: 10px 5px 10px 5px; margin-right:10px;}
#derecha {position:relative; float:left;width:450px; height:auto; display: block; text-align: left; padding: 5px 0 5px 10px;}
h2 {font-size: 14px; line-height: 18px; border-bottom: 1px solid #a09f8c; padding-bottom: 10px; margin-bottom:10px;}
h3 {font-size: 13px; line-height: 18px; background-color: #e3e2d6; padding: 5px; height: 18px; color: #777561;}
ul.arrive {width: 230px; border: 1px solid #e3e2d6; padding: 5px; margin: 10px; float:left}
li.tit {font-size: 14px; color: #a0a060;border-bottom: 1px solid #e3e2d6; padding-bottom: 8px; margin: 5px 0 5px 0;}
li.how {line-height: 20px;}
#contenedor p {line-height: 18px; color: #5f6752; margin: 10px 0 10px 0;}
#izquierda p{background-color: #f5f4e2; color: #605d3b; padding: 5px 10px; margin: 3px 3px 3px 0;}
#izquierda h4 {font-size: 13px; color: #a0a060;border-bottom: 1px solid #e3e2d6; padding:0 0 8px 10px; margin: 5px 0 5px 0;}
#izquierda ul {margin-left: 10px;}
.metro {margin-top:10px;}
/* 4 columns */
.boxo {position:relative; float:left;}
#dorm { width:185px; height:auto; display: block; text-align: right; padding: 10px 5px 10px 5px; border-right: 1px solid #e3e2d5;}
#dorm  p{ margin-bottom: 10px; line-height: 18px;}
#dorm ul {display: block; text-align: right; margin-bottom: 5px;}
#dorm .price{ font-size: 34px; font-weight: bold;}
#dorm .room{ font-size: 22px;line-height:18px; padding-bottom: 5px;}
#dorm .double{ font-size: 18px; padding-bottom: 2px; border-bottom: 1px solid #e3e2d5; border-top: 1px solid #e3e2d5;}
#dorm .break{ font-size: 16px;font-weight: bold;line-height:18px;}
.barna {line-height:18px;}
#dorm  a {color: #4e662b;}
#dorm  a:link, a:visited {text-decoration: none; color: #63630c;}
#dorm  a:hover {text-decoration: underline; color: #a1a680;}
/* estilo de hostales*/		
.mar{color: #00a9e2;}
.dream{color: #00b544;}
.sound{color: #ffb300;}
.ramblas{color: #8d0202;}
/* thanksgroups */
#thanks{height: 160px;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 #99cc00;}
/* logos + links */
#partners {margin-top: 20px;width: 100%;height: 90px;text-align:center;padding: 10px 0 10px 0;border-top: 1px solid #DBDBDB;background: url(images07/barcelona-down.gif) repeat-x top;}
#partners p{color: #999999;font-size: 11px;}
#sponsor {margin: 0 auto;width: 900px;height: 40px;position: relative;text-align:center;padding-bottom: 0;color: #eae5ce;font-size: 10px;}
#extras {margin: 0 auto;width: 300px;height: 20px;text-align:center;padding-top: 15px;}
#extras p{margin: 4px 0 0 0;color: #999999;}
#extras a {color: #999999;}
#extras a:hover {color: #dad900;}
/* LINKS */
#links {float: left; font-size: 10px;}	
select { background-color: #ffffff; font-size: 10px; color: #999999;}
input.blue{ background-color: #dad900; font-size: 10px; color: #000000;}
/* end + certificados */
#end {width: 100%;height: 20px;position: relative;text-align:center;color: #717118;padding: 5px 0 0 0;border-top: 1px solid #717118;background-color: #dad900;}
#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 #e3e2d5;}
.poli { color: #ec001b;}
/* 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;}
.wifi {margin: 0 0 -2px 0;}

/* Barcelona Cheap Hostel Sitemap ------------------------------------------*/
#wramap {height: auto; width:600px; position:relative; margin: 0 auto 20px auto; font-size: 11px;}
#wramap a {color: #717118; text-decoration: underline;}
#wramap a:hover {color: #dad900;}
.con {color: #999999;}
dl {margin: 0 auto;}
.boxmap {border: 1px solid #f2f2f2; padding: 20px; margin: 0 auto;width: 558px;text-align: left;}
dt  {padding-bottom: 6px;}
dd  {padding-bottom: 5px; text-decoration: none;}
dd {background-image: url(images07/sitemapline.gif);background-repeat: no-repeat; padding-left: 23px;}
dd.bottom { background-image: url(images07/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;}
/* tamaņos de logos y aplicaciones ------------------------------------------ */
#wralog {height: auto;width:850px;position:relative;margin: 10px auto;padding: 0 0 20px 0;color:#11671d;}
div.thumb {margin: 3px;height: auto;float: left;text-align: center;}	
.thumb img{	display: inline;margin: 5px 5px 0 5px;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {text-align: center;  font-weight: normal; width: 150px; margin: 0 3px 0 3px;}

#calendar span, #searchbox .title-en span, #searchbox .title-es span{position:absolute; left:-9999px;}
#searchbox {position:absolute; width:230px; margin:7px 0px 0px 0px; 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(images07/bg-top-search.gif) no-repeat; height:37px;}
#searchbox .center{background:url(images07/bg-search.gif) repeat-y;}
#searchbox .content{margin:0 15px; padding-top:23px; font-size:13px;}
#searchbox .bottom{background:url(images07/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(images07/reservation-en.gif) no-repeat;}
#searchbox .title-es{background:url(images07/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(images07/icon-calendar.gif) no-repeat; position:relative;}
#searchbox .guestbox{margin-left:3px;}

#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(images07/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(images07/button-left.gif) no-repeat; padding:7px 0 6px 10px; margin-left:-2px;}
.link-button a:hover,.link-button a:focus{background:url(images07/button-right-hover.gif) no-repeat right; color:#000;}
.link-button a:hover span, .link-button a:focus span{background:url(images07/button-left-hover.gif) no-repeat;}
.link-button a:active{background:url(images07/button-right-click.gif) no-repeat right; color:#fff;}
.link-button a:active span{background:url(images07/button-left-click.gif) no-repeat;}