/* CSS Document */

.cls {clear:both}
	
body { 
	background-image:url(../img/fondo.gif);
	background-color:#F06400;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:15px;
	height:100%;
	}
	
#outer {
	background-color:#FFFFFF;
	padding:0px 8px 0px 8px;
	width:750px;
	position:relative;
	margin:auto;
	/*height:100%;*/
	}
	
/* ACA ESTA EL HEADER */
	
#header {
	background-color:#FFFFFF;
	/*position:relative;*/
	width:750px;
	height:130px;
	background-image:url(../img/header_bg.gif)
	}
	
#header_logo {
	width:385px;
	height:73px;
	float:left;
	margin-top:19px;
	}


#header ul.menu {
	list-style:none;
	float:right;
	margin-top:20px;
}
#header ul.menu li {float:none; text-align:right}
#header ul.menu li a{
	padding-top:2px;
	font-size:11px;
	color:#51392C;
	text-decoration:none;
	
}
#header ul.menu li a:hover{
	color:#F06400;
}	

#select_idioma {
	width:100px;
	height:16px;
	background-color:#FFFFFF;
	color:#0874C4;
	font-weight:bold;
}

/*MENU CON SOLAPAS*/

#header_top {
	padding:5px 0px 5px 5px;
	background-color:#F0F7B3;
}
#header_top h1 {float:left; margin:0px; font-size:10px; font-weight:normal; width:574px;}
#header_top .idiomas {float:right; font-size:10px;}

/*#header_menu ul {
	position:absolute;
	list-style:none;
	padding:0px;
	display:block;
	margin: 0px 5px 0px 0px; padding:0px;
	}

#header_menu li {
	margin-left:20px;
	float:right;
	text-align:center;
	color:#FCD495;
	}
#header_menu li a {
	display:block;
	padding: 3px 0px 0px 0px;
	height:19px;
	color:#51392C;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;	
}
#header_menu li a img{
	margin-right:5px;
}

#header_menu li a span{	
	display:block;
	padding:0px 0px 0px 0px;
}

#header_menu li a:hover {
	color:#F06400;
}

#solapa_hostels a  {background-image:url(../img/tabA1.gif); width:100px;}
#solapa_hostels a:hover {background-image:url(../img/tabA2.gif); width:100px;}
#solapa_hostels a.selected{background-image:url(../img/tabA3.gif); color:#FFFFFF;}
#solapa_hostels a:hover.selected{background-image:url(../img/tabA3.gif); color:#FFFFFF; }

#solapa_packs a{background-image:url(../img/tabA1.gif);	width:100px;}
#solapa_packs a:hover{background-image:url(../img/tabA2.gif);width:100px;}
#solapa_packs a.selected{background-image:url(../img/tabA3.gif); color:#FFFFFF; }
#solapa_packs a:hover.selected{background-image:url(../img/tabA3.gif); color:#FFFFFF;}

#solapa_reservations a {background-image:url(../img/tabB1.gif);	width:150px;}
#solapa_reservations a:hover {background-image:url(../img/tabB2.gif); width:150px;}
#solapa_reservations a.selected{background-image:url(../img/tabB3.gif); color:#FFFFFF;}
#solapa_reservations a:hover.selected{background-image:url(../img/tabB3.gif); color:#FFFFFF;}*/
	
	
#cont_buscador {
	position:absolute;
	right:8px;
	top:0px;
}
#cont_buscador input {
	position:absolute;
	right:23px;
	height:14px;
	vertical-align:middle;
	padding:4px 4px 1px 4px;
	width:100px;
	background-color:#FFFFFF;
}

/* CONTENIDO */
#middle{margin:10px 0px 10px 0px; color:#666666}

#menu_izquierdo{float:left; width:165px; margin:0px 0px 8px 0px;}
#menu_izquierdo ul{margin:0px; padding:0px; list-style:none;}



#reservas_list{margin-bottom:10px;}
#reservas_list a {text-decoration:none; color:#666666; display:block; width:165px; background:url(../img/menu2a.gif) no-repeat; margin-bottom:2px; padding:2px 0px 0px 4px; color:#FFFFFF; font-weight:bold; height:18px; }
#reservas_list a:hover{background:url(../img/menu3a.gif) no-repeat;}

#hostelling_list{margin-bottom:10px;}
#hostelling_list div a {text-decoration:none; color:#666666; }
#hostelling_list div a span{display:block; background:url(../img/menu2a.gif) no-repeat; margin-bottom:2px; padding:2px 0px 0px 4px; color:#FFFFFF; font-weight:bold; height:18px; }
#hostelling_list div a:hover span{background:url(../img/menu3a.gif) no-repeat;}

#contenido_derecho{float:right; width:575px;}

#contenido{float:left; margin:0px; padding:0px; width:400px; background-color:#F0F7B3;}
#migas{color:#417523; padding-left:10px; line-height:21px; background-color:#CFDD28;}
#migas a{color:#417523; text-decoration:none}
#migas span {font-weight:bold}
#migas a:hover {text-decoration:underline}
#contenido_titulo{font-size:16px; padding:10px 0px 10px 10px; font-family:Arial, Helvetica, sans-serif; color:#51392C; margin:0px; font-weight:normal}
#contenido_imagen{margin-bottom:10px;}
#contenido_galeria{margin-bottom:0px; text-align:right}

#bottom_images{height:75px; border-top:solid 1px #F06400; margin-top:25px;}

#menu_derecho{float:right; width:165px; height:100%;}
#menu_derecho ul{margin:0px; padding:0px; list-style:none;}

/*#region_banner {height:315px;}
#region_banner a {text-decoration: none}
#region_banner_titulo{height:30px; font-size:14px; color:#F06400; font-weight:bold; padding-top:10px; padding-bottom:10px;}*/

#region_banner {height:285px; background-color:#FFFFFF}
#region_banner a {text-decoration: none}
#region_banner_titulo{height:20px; line-height:20px; font-size:12px; color:#FFFFFF; font-weight:bold; background-color:#00A54F; text-align:center;}


#hostel_options div{background:url(../img/menu4.gif) no-repeat; height:18px; margin-bottom:1px; padding:2px 0px 0px 4px; font-weight:bold; color:#51392C; font-size:11px;}
#hostel_options ul {margin:0px 0px 4px 0px; padding:0px;}
#hostel_options li a {display:block; text-decoration:none; color:#666666; width:155px; background:url(../img/menu1.gif) no-repeat; margin-bottom:1px; padding:2px 2px 2px 8px; height:14px; }	
#hostel_options li a:hover{background:url(../img/menu3.gif) no-repeat; color:#333333; width:155px;}
#hostel_options li a.selected {cursor:default; background:url(../img/menu1a.gif) no-repeat; color:#FFFFFF;}		
#hostel_options li a:hover.selected {cursor:default; background:url(../img/menu1a.gif) no-repeat;}	

#hostel_location{height:140px; margin-bottom:8px; margin-top:10px; }
#hostel_location a{text-decoration:none; font-weight:bold; font-size:11px; color:#51392C; display:block;background-color:#F2F2F2; }
#hostel_location div{background:url(../img/menu4.gif) no-repeat; height:18px; padding:2px 0px 0px 4px; font-weight:bold; color:#51392C}

#hostel_main_bottom{ text-align:center; height:24px;}

#hostel_main_bottom ul {
	list-style:none;
	padding:0px;
	margin:0px;
	display:block;
	list-style:none;
	margin: 0px; padding:0px;
	}

#hostel_main_bottom li {
	width:133px;
	float:left;
	text-align:center;
	color:#F06400;
	font-weight:bold;
	/*padding:5px 0px 0px 0px;*/
	}
#hostel_main_bottom li a {text-decoration:none; color:#F06400;}
#hostel_main_bottom li a:hover {text-decoration:underline;}
	
	
#contacto_list{height:160px; margin-top:50px;	}
#contacto_list div{background:url(../img/menu4.gif) no-repeat; height:18px; margin-bottom:1px; padding:2px 0px 0px 4px; font-weight:bold; color:#FFFFFF; font-size:11px;}
#contacto_list ul {margin:0px 0px 4px 0px; padding:0px}
#contacto_list li a {display:block; text-decoration:none; color:#666666; width:155px; background:url(../img/menu1.gif) no-repeat; margin-bottom:1px; padding:2px 0px 2px 8px; height:14px; }	


#regiones_list{margin-top:30px;	}
#regiones_list a{display: block; background:url(../img/menu4.gif) no-repeat; height:18px; margin-bottom:1px; padding:2px 0px 0px 4px; color:#333333; font-size:11px; text-decoration:none}
#regiones_list a:hover{color:#000000}
#regiones_list a.selected{color:#000000; background:url(../img/menu3a.gif); font-weight:bold}
#regiones_list ul {margin:0px 0px 4px 0px; padding:0px}
#regiones_list li {margin-bottom:2px;}
#regiones_list li a {display:block; text-decoration:none; color:#666666; width:155px; background:url(../img/menu1.gif) no-repeat;  padding:2px 0px 2px 8px; background-color:#F2F2F2; font-weight:normal }	
#regiones_list li a:hover{display:block; background:url(../img/menu3.gif) no-repeat; color:#333333; width:155px; background-color:#D9D9D9; padding:2px 0px 2px 8px;}
#regiones_list li a.selected {color:#000000; background:url(../img/menu1a.gif) no-repeat; cursor:default;  background-color:#ffc700; font-weight:normal;}		
#regiones_list li a:hover.selected {color:#000000; background:url(../img/menu1a.gif) no-repeat; cursor:default;  background-color:#ffc700}	

	
/* ACA ESTA EL FOOTER */

#footer {
	background-color:#CFDD28;
	position:relative;
	width:750px;
	height:20px;
	margin-top:15px;
	}
		
#footer a{font-size:10px; color:#51392C;  text-decoration:none; font-weight:bold; line-height:20px;}
#footer #home {background:url(../img/homeTransparente.gif) no-repeat; padding-left:20px; }
#footer #contacto {background:url(../img/contactoTransparente.gif) no-repeat; 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;}

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

#footer ul {
	position:relative;
	margin:0px;
	padding:0px;
	left:175px;
	list-style:none;
	display:block;
	width: 580px;
	}

#footer li.link {
	margin-right:20px;
	float:left;
	}
#footer li.copy {
	margin-right:20px;
/*	margin-left:70px;*/
	float:right;
	}
#footer li a{
	text-decoration:none
	}		
#footer li a:hover{
	text-decoration:underline;
	}			

/* GENERALES */
a img{border:none;}

.banner{margin-top:10px; margin-bottom:8px; height:82px; overflow:hidden}
.banner a{text-decoration:none; color:#666666; display:block;background-color:#E0DDD6; }
.banner a:hover{background-color:#E8F2BD;}
.banner a .title{padding-top:8px; font-weight:bold}
.banner a div {padding:2px 6px 4px 6px;}
.banner a .subtitle{padding:0px 6px 8px 6px; line-height:12px}
.banner a div.tab{background:url(../img/menu4.gif) no-repeat #CFDD28; padding:2px 0px 2px 4px; font-weight:bold; font-size:11px; color:#51392C; line-height:13px;}
.banner a div.tab2{background:url(../img/menu2a.gif) no-repeat #CFDD28; padding:2px 0px 0px 4px; font-weight:bold; color:#51392C; height:18px }
.banner a div.tab2:hover{background-color:#F0F7B3;}

#banner_imagen{margin-bottom:20px}

.dummy {position: relative; height:100%; background-color:#F2F2F2; overflow:hidden}

.link_galeria{ font-size:9px; text-decoration:none; color:#F06400; font-weight:bold; padding-right:10px;}
.link_galeria:hover{text-decoration:underline; color:#F06400;}

.separador {height:10px; border-bottom: 1px solid #719B35; overflow:hidden}
.gallery_row{margin:10px 0px 0px 0px; height:92px}
.gallery_row a{padding:0px; margin:0px;}

.list_item {margin-bottom:8px; position:relative; height:92px;}
.list_item_image {position:absolute; left:10px; top:0px; width:92px; height:92px; color:#F06400;}
.list_item_text {position:absolute; left:112px; width:275px; height:92px; padding-right:10px; overflow:hidden}
.list_item_caption {font-weight:bold; color:#729A37; font-size:11px;}
.list_item_more { color:#F06400}
.list_item_more:hover { text-decoration:underline;}
.list_item a {text-decoration:none; color:#666666; cursor:pointer}
/*.list_item a:hover{ background-color:#F2F2F2;}
*/
.link_back {color:#F06400}
.link_back a {text-decoration:none; color:#F06400}
.link_back a:hover {text-decoration:underline; color:#F06400}

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

/* RESERVAS */
#reservas {height:120px; width:400px; }
#reservas a {color:#51392C; text-decoration:none}
#reservas a:hover {text-decoration:underline;}

#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; color:#F06400; height:25px;}
.reservation_item{width:400px; border-top:solid 1px #666666;}
.reservation_item a {display:block; height:20px; width:380px; text-decoration:none; color:#666666; padding:12px 10px 12px 10px}
.reservation_item a:hover{ background-color:#F2F2F2;}

#mas_reservas {margin-bottom:20px;}
#mas_reservas a {color:#51392C; text-decoration:none}
#mas_reservas a:hover {text-decoration:underline;}

/* FORMS */
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}

/* FONTS */

.b10w {
	color:#FFFFFF;
	font-weight:bold;
	}

.b10b {
	color:#0874c4;
	font-weight:bold;
	}
.b10n {
	color:#000000;
	font-weight:bold;
}	
.n10w {
	color:#FFFFFF;
	}

.n10n {
	color:#000000;
	}

.n18w {
	font-size:18px;
	color:#FFFFFF;
	}
	
.b12g{
	font-size:12px;
	font-weight:bold;
	color:#729A37;
	line-height:15px;
	margin-bottom:10px;
}

.subtitulo {margin:5px 0px; color:#417523; font-size:12px; padding:0px 10px}
#hostel_list div{line-height:12px; margin-bottom:1px; padding:4px 8px 4px 8px; font-weight:bold; color:#000000; font-size:11px; background-color:#CFDD28}
#hostel_list ul {margin:0px 0px 4px 0px; padding:0px}
#hostel_list li {margin-bottom:2px;}
#hostel_list li a {display:block; text-decoration:none; color:#666666; width:157px; padding:2px 0px 2px 8px; background-color:#F2F2F2}
#hostel_list li a:hover{display:block; color:#333333; width:157px; background-color:#D9D9D9; padding:2px 0px 2px 8px;}
#hostel_list li a.selected {color:#000000; background:url(../img/menu1a.gif) no-repeat; cursor:default;  background-color:#ffc700}		
#hostel_list li a:hover.selected {color:#000000; background:url(../img/menu1a.gif) no-repeat; cursor:default;  background-color:#ffc700}

.site_map a{color:#333333; text-decoration:none}
.site_map td{padding:10px 5px; }
.site_map td.first a{color:#417523}
.site_map tr{vertical-align:top}
.site_map table{border-collapse:collapse}

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}

/**
* 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 */

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