/* CSS Document */


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:#FFAB00;
	position:relative;
	width:750px;
	height:120px;
	cursor:pointer;
	}
	
#footer {
	background-color:#FFAB00;
	position:relative;
	width:750px;
	height:20px;	
	}
		
#header a, #footer a{font-size:10px; color:#FFFFFF;  text-decoration:none; font-weight:bold; line-height:20px;}
#header #home, #footer #home {background:url(../img/homeTransparente.gif) no-repeat; padding-left:20px; }
#header #contacto, #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;}

#header_links a {background:url(../img/flecha-link.gif) no-repeat; margin-left:10px; padding-left:20px; font-weight:bold; font-size:10px; line-height:20px;}

#header a:hover, #header_links a:hover, #footer a:hover{text-decoration:underline}

#header_top {
	width:450px;
	float:right;
	text-align:right;
	}

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

#header_top li {
/*	margin-top:10px;*/
	margin-left:20px;
	height:18px;
	float:left;
	text-align:center;
	}
	
#header_top_inner {
	position:relative;
	float:right;
	top:10px;
	}
	
#header_top_inner li a{
	text-decoration:none;
	padding-top:2px;
	}
#header_top_inner li a:hover{
	text-decoration:underline;
	}	

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

/*MENU CON SOLAPAS*/

#header_menu {
	height:20px;
	padding:5px 0px 0px 0px;
	clear:both;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F06500;
	}

#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:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;	
}
#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:#FFFFFF
}

#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 0px 10px; width:400px;}
#migas{color:#666666; line-height:15px; height:21px;}
#contenido_titulo{font-size:22px; font-family:Arial, Helvetica, sans-serif; color:#F06400; height:20px; margin: 4px 0px 5px 0px;}
#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:#F06400; font-weight:bold; margin-top:9px;}

#hostel_options{height:160px; margin-top:3px;	}
#hostel_options 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;}
#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 0px 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;}		
#hostel_options li a:hover.selected {cursor:default; background:url(../img/menu1.gif) no-repeat;}	

#hostel_location{height:140px; margin-bottom:8px;}
#hostel_location a{text-decoration:none; color:#666666; 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:#FFFFFF}

#hostel_main_bottom{ text-align:center}

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

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

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

.banner{margin-top:10px; margin-bottom:8px;}
.banner a{text-decoration:none; color:#666666; display:block;background-color:#F2F2F2; }
.banner a:hover{background-color:#EAEAEA;}
.banner a .title{padding-top:8px;}
.banner a div {padding:2px 0px 0px 4px;}
.banner a .subtitle{padding-bottom:8px;}
.banner a div.tab{background:url(../img/menu4.gif) no-repeat #BFBFBF; padding:2px 0px 0px 4px; font-weight:bold; color:#FFFFFF; height:18px }
.banner a div.tab2{background:url(../img/menu2a.gif) no-repeat #BFBFBF; padding:2px 0px 0px 4px; font-weight:bold; color:#FFFFFF; height:18px }

#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}
.link_galeria:hover{text-decoration:underline; color:#F06400;}

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

.list_item {margin-bottom:8px;cursor:pointer; position:relative; height:92px;}
.list_item_image {position:absolute; left:0px; top:0px; width:92px; height:92px; color:#F06400; }
.list_item_text {position:absolute; left:102px; top:0px; width:298px; height:92px; overflow:hidden}
.list_item_caption {font-weight:bold; color:#F06400}
.list_item_more { color:#F06400}
.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 */
#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; color:#F06400; height:25px;}
.reservation_item{width:400px; border-top:solid 1px #666666;}
.reservation_item a {display:block; height:20px; width:400px; text-decoration:none; color:#666666; padding:12px 0px 12px 0px}
.reservation_item a:hover{ background-color:#F2F2F2;}


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

.n10w {
	color:#FFFFFF;
	}

.b10b {
	color:#0874c4;
	font-weight:bold;
	}
	
.n18w {
	font-size:18px;
	color:#FFFFFF;
	}
.b12o{
	font-size:12px;
	font-weight:bold;
	color:#F06400;
	line-height:15px;
	margin-bottom:10px;
}

#hostel_list{height:273px;}
/*#hostel_list div{line-height:18px; margin-bottom:1px; padding:2px 0px 0px 4px; font-weight:bold; color:#000000; font-size:11px; background-color:#FDB916}*/
#hostel_list div{line-height:12px; margin-bottom:1px; padding:4px 8px 4px 8px; font-weight:bold; color:#666666; font-size:11px; background-color:#FDB916}
#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}

.titulo_galeria {background-color:#FBD11A; color:#000000; font-weight:bold; font-size:11px; padding:2px 0px 4px 8px;}