/* Barcelona Youth 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,Verdana,Helvetica,sans-serif; font-size:12px; color: #373232;}
.yellow {background-color:#ffec00;}
ul {list-style: none; position: relative;}
h1 {color: #af7d03; font-size: 18px; margin-bottom:12px;}
h2 {color: #f6a916; font-size: 16px; margin-bottom:12px;}
h3 {color: #f6a916; font-size: 12px; margin:10px; text-align:right;}
.offer {color: #d28a01;}
img {border:0;}
a {color: #f6a916;}
a:hover {text-decoration: none; color:#a5451a;}
strong {color: #d28a01;}
.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: #ffffff;padding: 5px 0 5px 0;border-bottom: 1px solid #e69c11;background-color:#f4a713;}
#barcelona {margin: 0 auto;position:relative;width: 75%;}
#hwrapper {position:relative; width:100%;border-bottom: 1px solid #e3e2d5;}
#header {width: 800px;height: 108px;margin: 0 auto;position: relative;}
/* menu */
#header ul {float: right; height: 28px; padding: 5px 0 0 0; margin: 45px 0; font-size: 16px; color: #392004; text-align: right;}
#header li {padding: 0 12px 0 12px; display: inline;}
#header a {color: #f6a916; text-decoration: none;}
#header a:hover {color: #a5451a; text-decoration: underline;}
/* lenguajes */	
#lang {height: 20px;width:800px;margin: 5px auto 10px auto;position: relative;}
#lang p{position: relative; float:left; padding-top: 3px;}
#lang p a {text-decoration: underline;}
#lang ul {float: right; margin-top: 0;text-align: right;}
#lang li {padding: 0 1em 0 1em; display: inline;}
#lang a {color: #f6a916; text-decoration: none;}
#lang a:hover {color: #a5451a; text-decoration: underline;}
/* CUERPO */
#wra {height: 260px;width:100%;position:relative; background: url(file:///C|/Documents%20and%20Settings/ivan/Escritorio/webs/sound/html/images08/backpacker.gif) repeat-x top;}
#wrafot {height: 260px;width:800px;position:relative; margin: 0 auto;  background: url(file:///C|/Documents%20and%20Settings/ivan/Escritorio/webs/sound/html/images08/backpacker.gif) repeat-x top;}
#wra ul {display: block; text-align: left; margin: 25px 0 0 14px; float:left;}
#right ul.bed {display: block; text-align: right; margin: 25px 0 0 14px;}
.price{ font-size: 48px; font-weight: bold;}
.room{ font-size: 28px;line-height:20px; padding-bottom: 5px;}
.break{ font-size: 18px;line-height:20px;}
.person{ font-size: 14px;line-height:20px;}
.offer a {text-decoration: none; color: #a5451a;}
.offer a:hover {text-decoration: none; color: #f6a916;}
/*contenedor de contenido*/
#wrapper {height: auto;width:800px;position:relative;margin: 10px auto 15px auto;}
#gallery {height: auto;width:900px;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;}
#comments {height: 377px;width:285px;padding: 5px 5px 0 5px;position:relative; background: url(file:///C|/Documents%20and%20Settings/ivan/Escritorio/webs/sound/html/images08/comments.jpg) no-repeat;}
#comments ul.com{display: block; line-height:16px; font-size:11px; border-bottom:1px dotted #d28a01; padding-bottom: 10px; margin-bottom: 10px;}
#comments ul.bot{display: block; line-height:15px; font-size:10px; text-align: right; margin-top: 26px;}
/* 4 columns */
.boxo {position:relative; float:left;}
#left { width:300px; height:auto; display: block; text-align: left; padding: 10px 5px 10px 5px; margin-right:10px;}
#left ul{display: block; line-height:20px;margin-bottom: 15px;}
#left li.groups {border-bottom: 1px dotted #f6a916; font-size: 11px;}
.free{padding: 2px 5px 2px 14px;border-bottom: 1px dotted #f6a916;}
div.title{height: 18px;width: 252px;font-size: 14px;color: #525251;text-align:left;padding: 14px 3px 2px 45px;background-image:   url(file:///C|/Documents%20and%20Settings/ivan/Escritorio/webs/sound/html/images08/topaddress.gif);}
#address{border: 1px solid #e3e2d5; padding: 5px; background-color:#f9f7e3;}
#address ul{display: block; line-height:16px;}
#address li{padding: 2px 5px 2px 0;}
#address a{ text-decoration: none;}
#right {width:450px; height:auto; display: block; text-align: left; padding: 5px 0 5px 10px;}
#right ul{display: block; line-height:20px;margin-bottom: 15px;}
#right  p{ margin-bottom: 10px; line-height: 20px;}
/* estilo de hostales*/	
.sound{color: #ffb300;}
.small{font-size: 10px;}
/* 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 #e9a000;}
/* logos + links */
#partners {width: 100%;height: 90px;text-align:center;padding: 10px 0 10px 0;border-top: 1px solid #DBDBDB;background:   url(file:///C|/Documents%20and%20Settings/ivan/Escritorio/webs/sound/html/images08/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; font-size: 11px; text-align:center;padding-top: 15px;padding-bottom: 15px;}
#extras p{float:left;margin: 4px 10px 0 25px;color: #999999;}
#extras a {color: #999999; text-decoration: none;}
#extras a:hover {color: #a5451a;}
/* LINKS */
#links {float: left; font-size: 10px;}	
select { background-color: #ffec00; font-size: 10px; color: #999999;}
input.blue{ background-color: #d28a01; font-size: 10px; color:#ffffff;}
/* end + certificados */
#end {width: 100%;height: auto;position: relative;text-align:center; font-size: 11px; color:#c7870c;padding: 5px 0 5px 0;border-top: 1px solid #e69c11;background-color:#f6a916;}
#end p{margin-bottom:5px;}
#end a {color:#c7870c; text-decoration: underline;}
#end a:hover {color: #a5451a;}
/* 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------------------------------------------ */
.behostel {float: right;}
.logo {float: left;text-align: left;}
.flags {margin-left: 15px;}
.behostel {float: right;}
.map {margin-bottom: 15px;}
.wifi {margin: 0 0 -2px 0;}
/* imagenes direccion abajo------------------------------------------ */
.logileft { float: left;}
.book { margin-top: 10px;}
.grup{color: #f55e35;}
/* Barcelona Cheap Hostel Sitemap ------------------------------------------*/
#sitemap {height: 500px; width:600px; position:relative; margin: 0 auto 15px auto; font-size: 11px;}
#sitemap a {color: #f6a916; text-decoration: underline;}
#sitemap a:hover {color: #b77800;}
.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; font-size: 12px;color: #b77800;}
dd  {padding-bottom: 5px; text-decoration: none;}
dd {background-image:   url(file:///C|/Documents%20and%20Settings/ivan/Escritorio/webs/sound/html/images08/line.gif);background-repeat: no-repeat; padding-left: 23px;}
dd.bottom { background-image:   url(file:///C|/Documents%20and%20Settings/ivan/Escritorio/webs/sound/html/images08/linee.gif); background-repeat: no-repeat; padding-left: 23px;}
#sitemap .title{font-size: 14px;line-height:18px;color: #a09f8c;padding: 5px 5px 5px 10px;background: #e3e2d5;border-bottom: 1px dotted #717118;}
/* tamanos de logos y aplicaciones ------------------------------------------ */
div.logo {margin: 3px 0 3px 0;height:auto;float: left;text-align: center;}	
.logo img{	display: inline;margin: 5px 5px 0 5px;}
.logottitle {text-align: center;} 
.logotitle {text-align: center; width: 100%; margin: 0 3px 0 3px;}
/* -----------------------------------------------------------------formulario comments*/
#request {position:relative; margin: 0 0 10px 0; padding: 10px;text-align: left;border: 1px solid #d28a01;background-color:#ffec00;}
#request p{	margin: 5px 0 0 0; text-align:left; font-size: 11px;}
#request fieldset { margin: 0 0 10px 0; padding: 1em; color:#cecece;}
#request fieldset p{ margin: 0 0 10px 0; 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{color: #3dbeeb;margin: 3px 0 3px 0;}
textarea{border: 1px solid #485f8e;background-color: #fff9ac; color: #7b4a01; font-size: 11px;}
select { background-color: #ffffa0; font-size: 10px; color: #a87507;}
/* formulario GROUPS*/
#regroup {height: auto;	width: auto;position:relative;margin: 0 auto 20px auto;padding: 5px 20px 6px 20px;text-align: center;color: #a87507;border: 2px solid #e9a000; background-color: #ffec00;}
#regroup h2 { font-size: 16px;color:#e9a000;padding: 5px 0 5px 0;margin: 0 auto;}
#regroup p{	margin: 5px auto;}
#regroup p.big{font-size: 10px;color:#693e05;}
#regroup p.small{font-size: 10px;margin:0 0 10px 130px;}
#regroup p.med{font-size: 10px;margin:0 0 15px 0;}
#regroup fieldset { margin: 0 0 10px 0; text-align: left; padding: 1em .5em .5em 20px; border: 1px dashed #ffffa0; font-size: 10px;} 
#regroup legend { padding: 10px;font-weight: bold; background-color: #ffec00;} 
#regroup input { border: 1px solid #e9a000;background-color: #ffffa0;margin: 3px 0 3px 0;} 
label{float: left;width: 130px;font-size: 12px; margin: 3px 0 3px 0; color: #a87507;}
label.number{position: relative;width: 120px;}
textarea{border: 1px solid #e9a000;background-color: #ffffa0;}
br{ clear: left; }
/* Cheap prices table for cheap hostels in barcelona--------------------------------------------------------------*/
#prices { width:440px; height:auto; margin: 0 auto 10px auto; border: 1px solid #d0d0d0; padding-bottom: 10px; text-align:center;}
#prices .extra{ color: #946200; border-top: 1px dashed #d0d0d0; padding-top: 5px; margin-top: 5px; font-size: 10px;}								
#prices p {font-size: 11px;line-height: 12px; margin-bottom: 3px;}	
table { width:100%; border-collapse:collapse; margin-bottom: 10px;}
caption { color: #946200; letter-spacing:1px; margin:5px 0 5px 0; padding: 5px 0 5px 0; caption-side:top;}	
tr.odd td { background:#fef586; }
tr.odd .column1	{background: #fef586;}	
.column1 {background:#f9f7e3;}
td { color:#946200; padding:5px; border-bottom:1px solid #f9f7e3; border-left:1px solid #f9f7e3;}				
th { color: #946200; text-align:left; padding: 5px; border-left:1px solid #f9f7e3;}							
thead th { background:#fef586; text-align:center;}
/*fotogallery*/
div.thumb {margin: 5px 5px 10px 5px;border: 1px solid #E6E6E6;height: auto;float: left;text-align: center;}	
.thumb img{display:inline;margin: 3px;}
.phototitle {text-align: center;margin: 3px; letter-spacing: 1px; font-size: 10px;}

/*links section*/
#loghostel {height: auto;width:800px;position:relative;margin: 10px auto 15px auto;}
#loghostel h3 {color: #f6a916; font-size: 14px; border-bottom: 1px solid #fae4ba; margin-bottom: 5px;}
#loghostel h2 {color: #857962; font-size: 13px; border-bottom: 1px solid #f1ebe0; margin: 10px 0 5px 0;}
#loghostel ul {width: 800px; height: 21px; padding:0; margin: 5px 0 5px 0; font-size: 11px; color: #93650d; text-align: left;}
#loghostel li {padding: 0 2em 0 0; display: inline;}
#loghostel a {color: #857962; text-decoration: none;}
#loghostel a:hover {color: #f6a916; text-decoration: underline;}
div.hostel {margin: 3px;border: 1px solid #efefef;height: auto;float: left;text-align: center;font-size:11px;} 
.hostel img{display: inline;margin: 5px;border: 1px solid #ffffff;}
.hostel a:hover img {border: 1px solid #9c9c9c;}
.hostelcattitle {text-align: center; font-weight: bold;}
.hosteltitle {text-align: center;font-weight: normal;width: 120px;margin: 0 3px 3px 3px;} 

/* --------- new stufs ----------*/
hr {
border: 0;
color: #e3e2d5;
background-color: #e3e2d5;
height: 1px;
width: 100%;
text-align: center;
margin: 10px 0 5px 0;
}
/* menu footer -----------------------------------------*/
#navidown {width: 100%;height: 30px; text-align:center;margin: 0 auto;position: relative; border-top: 1px solid #f5f6f6;}
#navidown ul {height: 28px; padding: 5px 0 0 0; margin: 0 auto; font-size: 16px; text-align: center;}
#navidown li {padding: 0 1em 0 1em; display: inline;}
#navidown a {color: #f6a916; text-decoration: none;}
#navidown a:hover {color: #a5451a; text-decoration: underline;}

a img{border:0!important;}