@charset "utf-8";

/* CSS Document */

body { background-image:url(../img/fondo.gif); background-color:#F06400; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666; line-height:15px; color:#00539D; }

h1 { color:#FF9A00; background:url(../img/flecha_h1.png) no-repeat left center; font-size:16px; font-weight:normal; padding-left:20px; margin:10px 0px; font-family:Arial, Helvetica, sans-serif; }

h2 { color:#FF9A00; background:url(../img/flecha_h1.png) no-repeat left top; font-size:12px; font-weight:bold; padding-left:20px; margin:10px 0px; }

a { text-decoration:none;color:#004E89 }

ul { list-style:none; margin:0px; padding:0px; }

#outer { background-color:#FFFFFF; }

#header { background-color:#EFF7B2 }

#header-menu { }

#header-menu a { background:url(../img/bullet.png) no-repeat left #CFDC27; line-height:25px; padding:0px 16px 0px 16px; color:#00539E; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; }

#header-menu a:hover  { background:#BAC424; }
#header-menu a.selected { background:#00539E; color:#CFDC27 }
 
#header-top a.idioma { line-height:17px; float:right; padding:0px 5px; margin:4px 4px; background:#FFFFFF; color:#FF9900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; height:17px; }

#header-top {background-color:#EFF7B2}

#header-top h1{margin:0px; line-height:14px; font-size:12px; width:480px; background:none; float:left; padding:4px 5px}
#header-logos {height:129px;background:#EFF7B2 url(../img/header.png) no-repeat;}
/**
* Markup free clearing
* Details: http://www.positioniseverything.net/easyclearing.html
*/
.clear-block:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clear-block {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clear-block {
	height: 1%;
}
.clear-block {
	display: block;
}
/* End hide from IE-mac */
#header-top a.idioma:hover { text-decoration:underline; background:#FFFFFF; color:#FF9900; }

#migas, #migas a { color:#00539D; line-height:20px; text-decoration:none }

#migas a:hover { text-decoration:underline; }

#hostel-list { background:url(../img/tab-light.png) no-repeat top; padding-top:20px; }

#hostel-list div.destino { line-height:20px; margin-bottom:2px; padding:0px 7px; height:20px; display:block; color:#00539D; height:20px; background-color:#83A8C4; color:#FFFFFF; font-weight:bold; font-size:12px; font-family:Arial, Helvetica, sans-serif }

#hostel-list li {
	margin-bottom:2px;
	display:block;
	width:165px;
	height:auto;
	overflow:show
}

#hostel-list a { line-height:12px; padding:4px 7px; display:block; color:#00539D; background-color:#EFF7B2; color:#00539D; }
#hostel-list2 a { line-height:12px; padding:0px 7px; display:block; color:#00539D; background-color:#EFF7B2; color:#00539D; height:20px}

#hostel-list a:hover {background-color:#CFDC27; }
#hostel-list a.selected { font-weight:bold; background-color:#CFDC27; }

#menu-izquierdo .bullet, #menu-derecho .bullet { font-weight:bold; color:#00539D; display:block; background:url(../img/bullet.png) no-repeat left #CFDC27; line-height:20px; padding-left:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#menu-izquierdo .bullet:hover { color:#FFFFFF }

.banner { display:block; background:#EFF7B2; color:#00539D; }

.banner:hover { background:#CFDC27; }

.banner .title { padding:7px 7px 2px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.banner .subtitle { padding:0px 7px 7px; }

.banner .caption { padding:4px 7px;  background:#CFDC27; font-weight:bold; line-height:12px; }

.link_galeria { height:16px; padding:0px 5px; line-height:16px; font-weight:bold; color:#FFFFFF; float:right; background-color:#FFAB00 }
.link_galeria:hover {background-color:#83A8C4}

.list-item { background:#EFF7B2; overflow:hidden }
/*.list-item a { background:#EFF7B2 }
.list-item a:hover {background:#CFDC27}*/
.list-item  .subtitle, .list-item a .more, .list-item a .description{color:#004E89}
.list-item  p {line-height:11px;}
.list-item  .title{color:#FF9900; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; line-height:18px;}

#menu-derecho { background:url(../img/tab-dark.png) no-repeat top; padding-top:20px; }

#menu-derecho .titulo { background-color:#00539D; height:20px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:0px 7px; margin-bottom:2px; line-height:20px; }

#menu-derecho .titulo a {color:#FFFFFF}
#menu-derecho .titulo a:hover, #menu-derecho .titulo a.selected {color:#999999}

#menu-derecho .item { background-color:#83A8C4; height:20px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; padding:0px 7px; margin-bottom:2px; line-height:20px; display:block}
#menu-derecho .item:hover {background-color:#4990c4}

#menu-derecho li { height:20px; margin-bottom:2px; }

#menu-derecho li a { line-height:20px; padding:0px 7px; height:20px; display:block; color:#00539D; background-color:#EFF7B2; color:#00539D; }

#menu-derecho li a:hover {background-color:#CFDC27; }
#menu-derecho li a.selected { font-weight:bold; background-color:#CFDC27; }

.hostel-bottom a:hover {text-decoration:underline}
.hostel-bottom a.galeria{background:url(../img/galeria.gif) no-repeat left; line-height:25px; float:left; padding-left:30px;}
.hostel-bottom a.rates{background:url(../img/rates.gif) no-repeat left; line-height:25px; float:left; padding-left:30px; margin-left:60px;}
.hostel-bottom a.reservas{background:url(../img/reservas.gif) no-repeat left; line-height:25px; float:right; padding-left:30px; }

.separador { height:10px; border-bottom: 1px solid #F06400; overflow:hidden }

.gallery_row { margin:0px 0px 10px 0px; height:92px }

select { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #666666 }

input { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #999999 }

textarea { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border:1px solid #999999 }

.bordered { border:1px solid #999999; padding:0px 2px 0px 2px; text-align:right }

#footer { background:#CFDC27; line-height:25px; }

#footer, #footer a { color:#00539E; font-weight:bold; }

#footer a:hover { text-decoration:underline }


/* RESERVAS */
#nights_HI_members a { display:block; width:400px; height:65px; background-image:url(../img/reservas-hi.gif); color:#666666; text-decoration:none }

#nights_HI_members a div { padding-top:17px; }

#nights_HI_members a:hover { background-image:url(../img/reservas-hi-over.gif) }

#nights_non_HI_members a { margin-top:15px; display:block; width:400px; height:65px; color:#666666; text-decoration:none }

#nights_non_HI_members a div { padding-top:3px; border-bottom:solid #CCCCCC 2px; border-top:solid #CCCCCC 2px; }

#nights_non_HI_members a:hover div { background-color:#F2F2F2 }

.reservas_titulo { font-size:20px; font-family:Arial, Helvetica, sans-serif; height:25px; }

.link_reserva { font-size:11px; line-height:15px; text-decoration:none; color:#FFFFFF; font-weight:bold; background-image:url(../img/book-bg.gif); padding:1px 10px 2px 20px; text-transform:uppercase; height:15px; width:120px; float:right }

.link_reserva:hover { background-image:url(../img/book-bg-over.gif) }

#footer #home {background:url(../img/homeTransparente.gif) no-repeat center left; padding-left:20px; }
#footer #contacto {background:url(../img/contactoTransparente.gif) no-repeat center left; padding-left:20px;}
#footer #fotografia {background:url(../img/camara.gif) no-repeat center left; padding-left:20px;}
#footer #lopez {background:url(../img/mslopez.gif) no-repeat center right; padding-right:55px;}

.site_map td{padding:10px;}
.site_map td.first a{color:#FF9A00}
.site_map tr{vertical-align:top}

div.comments {border:#DEDEDE solid 1px; padding:10px; background:url(../img/comentarios-bg.png) 0px 100% repeat-x; margin-bottom:15px;}
div.comments .comment-text{padding-bottom:10px; border-bottom:#DEDEDE solid 1px; margin-bottom:10px}
div.comments .naranja {color:#FF9A00}

div.frm_grupos{padding:0px 10px}
div.frm_grupos input, div.frm_grupos select {width:200px; margin-bottom:10px}
div.frm_grupos label {display:block; margin-bottom:4px;color:#417523; line-height:12px}
div.frm_grupos label.cbox {color:#666666}
div.frm_grupos input.send {width:auto; background-color:#CFDD28; color:#729A37; font-weight:bold; border:none; padding:2px;}
div.frm_grupos input.cbox {width:auto; margin-left:10px;margin-bottom:0px} 
div.frm_grupos textarea {width:380px; margin-bottom:10px; height:60px}
div.frm_grupos .radios label {float:left}

.clear{clear:both}

h2.reservas {line-height:24px; background:#005599; border:#CEDDEE 1px solid; margin:0px; padding:0px 15px; color:#FFFFFF}
h2.reservas span {font-weight:normal}
div.reserva {background:url(../img/reservations-list-bg.png) no-repeat; border:#CEDDEE 1px solid; border-top:none; padding:8px 10px; margin-bottom:10px;}
div.reserva img {float:left; margin-right:12px;}
div.reserva ul {float:right; width:260px;}
div.reserva a {padding-left:30px; background:url(../img/reservations-list-boton.gif) no-repeat 0 50%; display:block; width:240px;float:left; line-height:12px; margin-bottom:6px; color:#83A8C4}
div.reserva a:hover {background:url(../img/reservations-list-boton-over.gif) no-repeat 0 50%}
div.reserva a span {padding-left:40px; background:url(../img/reservations-list-card.gif) no-repeat 0 50%; display:block}
div.reserva strong {color:#004E89}

h2.reservas-2 {line-height:24px; background:#EFF7B5; padding:0px 10px; color:#004E89; font-weight:normal; margin:20px 0px; font-size:12px}
div.reserva-2 {padding:0px 10px;}
div.reserva-2 a{text-decoration:none; margin-bottom:10px;color:#84ADC6}
div.reserva-2 a.left {background:url(../img/reservations.gif) no-repeat 0px 50%; line-height:24px; padding-left:25px; display:block; height:24px;color:#FFFFFF; font-weight:bold; margin-bottom:10px; text-decoration: none; width:95px; float:left}
div.reserva-2 a.left:hover {background:url(../img/reservations-over.gif) no-repeat 0px 50%;}
div.reserva-2 a.right { line-height:24px; padding-left:0px; display:block; height:24px; float:right; width:250px}

div.reserva-2 a span {width:250px; color:#84ADC6; font-weight:normal; line-height:11px;}
div.reserva-2 a span.title {float:left}
div.reserva-2 a.hi {background:url(../img/reservations-card.gif) no-repeat 0px 50%; padding-left:50px; width:200px; line-height:24px;}
div.reserva-2 a span {line-height:12px}
div.reserva-2 a.double {line-height:11px;}