@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:#EFF7B2 url(../img/header.png) no-repeat; }

#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-menu 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-menu 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:40px;
	background-color:#83A8C4;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif
}

#hostel-list li { height:20px; margin-bottom:2px; }

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


#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}