/* Barcelona Ramblas Hotel */
html {height: 100%; }
* {/* global settings for every element on the site */margin: 0;padding: 0;}
body {margin: 0;padding:0; font-family: Lucida Grande, Frutiger, geneva,Arial,Helvetica,sans-serif;font-size: 12px; background: #ffffff url(images/fondotop.gif) repeat-x top;}
.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;}
/* detalles generales */
img {border:0;}
.logob{float: left;width:180px}
a {color: #660000; text-decoration: underline;}
a:hover {color: #D99B1C; text-decoration: underline;}
ul {list-style: none; position: relative;}
h1 {font-size: 18px; color: #D99B1C; padding: 10px 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px solid #dad2b3;}
h2 {font-size: 16px; color: #7D7B69; padding: 5px 0 5px 0;}
strong {color: #4e0000;}
b {color: #4e0000;}
/* top navigation menu bar ------- */

#hwrapper {position:relative;margin: 0 auto;padding: 0; width:100%;background: #eae5ce;text-align: center;}
#header {width: 850px; position: relative;text-align:center;margin: 0 auto; height: 122px;}
#header #nav {width: auto;height: 0px;position: relative; padding: 45px 0 0 0;color: #b67f00;text-align:center;font-weight: bold;}
#nav ul {padding: 10; margin: 0 auto; font-size: 16px; text-align: right; float: right;}
#nav li {padding: 0 10px 0 10px; display: inline;}
#nav a{color: #6c563e;font-weight: bold;text-decoration: none;}
#nav a:hover {color: #860d1e;font-weight: bold;text-decoration: none;}

/* Big Photo top */
#project {height: 267px;width:800px;position:relative; margin: 0 auto; z-index:1;}
.home {background:url(images08/ramblashome2.jpg) top left no-repeat;}
.location {background:url(images08/plazareal2.jpg) top left no-repeat;}
.beds {background:url(images08/doubleroom2.jpg) top left no-repeat;}
.barcelona {background:url(images08/folletos2.jpg) top left no-repeat;}
.sitemap {background:url(images08/lasramblas2.jpg) top left no-repeat;}
.links {background:url(images08/reception2.jpg) top left no-repeat;}

.hide{display:none;}
.offer{display:block; margin: 96px 30px 0 0; float:right; width:183px; height:158px;}
#project .en{background:url(images08/text-eng.gif) no-repeat right;}
#project .es{background:url(images08/text-es.gif) no-repeat right;}
.offer span{position:absolute; left:-9999px;}


#subnav {height: 20px;	width:773px;position:relative;margin: 0 auto;padding: 0 25px 0 0;text-align: right;color: #7D7B69;background: #f4f2e5;border-left: 1px solid #dad2b3;border-right: 1px solid #dad2b3;}
#subnav a {color:#621818;text-decoration: underline;}
#subnav a:hover {color:#dad2b3;text-decoration: underline; }

/*contenido general*/
div.video{margin: 40px 0 40px 0;}
	
/* Misc ------------------------------------------ */
.imgRight {float: right;margin: 0 0 .5em 1em;}
.imgLeft {float: left;margin: 4px 0 0 18px;}
.imgBorder {border-color: #D4C9A4;border-width: 1px;border-style: solid;background-color: #FFF;padding: 5px;}
.sagrada {float: right; margin: 5px 0 5px 0;}
	
.conimgi {float: left;margin: 30px 15px 30px 30px;}
.wifi {margin: 0 0 -2px 0;}

/*contenedor de contenido NUEVO 2008*/
#wrapper {height: auto;width:798px;position:relative;margin: 0 auto;padding: 0 0 10px 0; text-align: left; background: #f4f2e5; border-left: 1px solid #dad2b3; border-right: 1px solid #dad2b3;}
#wrapper p {margin: 10px 20px 20px 0; color:#7D7B69; line-height:20px; text-align:left;}
#left{width: 510px; height: auto;position: relative; padding: 0 10px 0 20px; margin-right: 15px; text-align:left; float: left;}
#left ul{margin: 20px 0 20px 0; line-height:21px; color: #660000;}
#left li{border-bottom: 1px dotted #dad2b3;margin-right: 40px; padding-left: 20px;}
#left h2 {font-size: 14px; font-weight:lighter; color: #B14848; text-align:left; margin: 16px 0 5px 0; width: 500px;}
#left h3 {font-size: 19px; font-weight:lighter; color: #771818; text-align:left; margin-top: 5px;}

/* Hostel Comments   */ 
#left #comments {width: auto; height: auto; padding-bottom: 5px; margin: 0 0 5px 0;}
#left #comments p{ border-bottom: 1px dotted #DAD2B3;padding-bottom: 10px; }
#left #comments .date { font-size: 12px;color: #965318;}
#left #comments  ul{margin: 20px 0 20px 0; line-height:26px; color: #660000;}
#left #comments  li{border-bottom: 1px dotted #DAD2B3; }

/* Blog and News */
#left .blog {width: auto; height: auto; padding-bottom: 5px; margin: 5px 0 5px 0; border-bottom: 1px dotted #9CBED3;}
#left .blog img { border: 2px solid #9CBED3; margin-top: 10px;}

#right {height: auto;width:210px;position:relative; float: left;}
#right div.box {height: auto;width:209px;position:relative; margin: 10px 0 10px 0; padding:3px; border: 1px solid #dad2b3; background-color:#ffffff;}
#right div.box  h3 {color:#283134; font-size: 13px; margin-bottom: 7px;padding: 5px; background-color: #dad2b3;}
#right div.box p{margin: 7px; line-height:18px; padding-bottom: 7px; border-bottom: 1px dotted #dad2b3;}
#right ul{margin: 5px 0 5px 0; line-height:24px;}
#right li{border-bottom: 1px dotted #dad2b3;line-height:24px;}

/* right comments */ 
#right #comments {height: auto; width:auto; padding: 0;position:relative; color: #D0B55C; margin: 10px 0 0 0; border-bottom: 1px solid #dddddd;}
#right #comments p{line-height:16px; font-size: 11px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px dotted #DAD2B3; color:#615F51;}
#right #comments p.button {border: none; font-size: 10px;}
#right #comments h3{font-size: 12px; color: #383134; text-align:left; margin: 0; width: auto; font-weight: normal;}
#right #comments .date {float: right; font-size: 10px;color: #383134;}
#right .here {color: #003361;}

/*general fotogallery*/
div.thumbix {margin: 0 20px 20px 0; border: 1px solid #dad2b3;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: 11px;}

div.thumbixx {margin: 10px 10px 10px 20px;border: 1px solid #dad2b3;height: auto;float: left;text-align: center;}	
.thumbixx img{display:inline;margin: 3px;}

div.rooms {margin: 2px; border: 1px solid #dad2b3;height: auto;float: left;text-align: center; padding: 1px;}	

/* footer en general: end + certificados logos + links */
#extras ul {padding: 0; margin: 0 auto; font-size: 14px; text-align: center;}
#extras li {padding: 0 10px 0 10px; display: inline;}
#extras {margin: 0 auto;width: 966px;height: 124px; text-align:center;padding-top: 5px;padding-bottom: 5px; color: #ffffff; background:url(images08/footback.gif) no-repeat top;}
#extras a{text-decoration: none; color: #6c563e;}
#extras a:hover {text-decoration: none; color: #860d1e;}
.hostelsinbarcelona {color:#6c563e; margin-top: 35px; font-size: 10px;}
/* logos + links */
#partners {width: 100%;height: 90px;text-align:center;padding: 10px 0 10px 0;}
#partners p{color: #dad2b3; font-size: 10px;}
#sponsor {margin: 0 auto;width: 900px;height: 60px;position: relative;text-align:center;padding-bottom: 0;color: #eae5ce;font-size: 10px;}
/* 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:#6c563e;padding: 5px 0 5px 0;border-top: 1px solid #1a0a01;background-color:#411802;}
#end p{margin-bottom:5px;}
#end a {color:#6c563e; text-decoration: underline;}
#end a:hover {color: #b0881c;}
#end strong {color: #6c563e;}
#end b {color: #6c563e;}

.googlemap .img1{position:absolute; display:none; width:178px; height:64px;}
.googlemap:hover .en, .googlemap:hover .es
{display:block; background:url(http://www.barcelonaramblas.com/images08/find-us-en-hover.gif); margin:142px 0 0 35px;}

/* prices for Ramblas barcelona hostel */
#prices {width:495px; height:auto; margin: 20px; padding: 1px 1px 10px 1px; background-color:#eae5ce; border: 1px solid #dad2b3;}
#prices .info{margin: 0;color: #510e1c;text-align:center}
#prices .extra{margin: 0;color: #f55e35;text-align:center}								
table {width:100%;border-collapse:collapse;margin-bottom: 10px;}
caption {font-size: 16px; color: #7D7B69;; padding: 5px 0 5px 0;caption-side:top;text-align:center;}	
tr.odd td{background:#ccc5a7;}
tr.odd .column1	{background:#ccc5a7;}	
.column1{background:#f4f2e5;}
td {color:#510e1c;border-bottom:1px solid #f4f2e5;border-left:1px solid #f4f2e5;padding:3px;text-align:center;}				
th {color: #510e1c;background:#510e1c;text-align:left;border-bottom: 1px solid #f4f2e5;padding-left: 5px;}							
thead th {background:#510e1c;text-align:center;color:#f4f2e5;}
.free {color:#660000;font-style: oblique;font-weight: bold;}

#calendar span, #searchbox .title-en span, #searchbox .title-es span{position:absolute; left:-9999px;}
#searchbox {position:absolute; width:230px; margin:15px 0px 0px 15px; 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(images08/bg-top-search.gif) no-repeat; height:37px;}
#searchbox .center{background:url(images08/bg-search.gif) repeat-y;}
#searchbox .content{margin:0 15px; padding-top:23px;}
#searchbox .bottom{background:url(images08/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(images08/reservation-en.gif) no-repeat;}
#searchbox .title-es{background:url(images08/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(images08/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(images08/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(images08/button-left.gif) no-repeat; padding:7px 0 6px 10px; margin-left:-2px;}
.link-button a:hover,.link-button a:focus{background:url(images08/button-right-hover.gif) no-repeat right; color:#000;}
.link-button a:hover span, .link-button a:focus span{background:url(images08/button-left-hover.gif) no-repeat;}
.link-button a:active{background:url(images08/button-right-click.gif) no-repeat right; color:#fff;}
.link-button a:active span{background:url(images08/button-left-click.gif) no-repeat;}