/* CSS Document */


body { 
	background-image:url(../img/fondo.gif);
	background-color:#8E0607;
	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:92px;
	}
	
#header_logo {
	width:300px;
	height:92px;
	float:left;
	}

#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:146px;
	padding:5px 0px 0px 0px;
	clear:both;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#dd1a22;
	
	}

#header_menu ul {
	position:absolute;
	list-style:none;
	padding:0px;
	margin: 0px;
}
#header_menu ul.right{top:95px; right:10px}

#header_menu ul.top li {
	margin-left:0px;
	float:left;
	text-align:left;
	color:#FCD495;
	}
	
#header_menu ul.right li {
	text-align:right;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;	
	}
	
#header_menu ul.top li a {
	padding: 3px 0px 0px 0px;
	height:19px;
	color:#f3b100;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;	
}
#header_menu ul.top li a.link_idioma {line-height:12px; color:#FFFFFF; padding-right:10px;}
#header_menu ul.top li a.link_idioma:hover{text-decoration:underline}

#header_menu ul.right li a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	}
	
#header_menu ul.top li a img{
	margin-right:5px;
}

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

#header_menu ul.top li a:hover {
	color:#FFFFFF
}

#header_menu ul.right li a:hover {
	text-decoration:underline;
	}

	
	
#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:0px 0px 10px 0px; color:#707070}

#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:#707070; line-height:25px; height:25px;}

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

#menu_derecho .banner {margin-top:10px;}
#menu_derecho .banner a{text-decoration:none; color:#666666; display:block;background-color:#F2F2F2;  }
#menu_derecho .banner a:hover{background-color:#EAEAEA;}
#menu_derecho .banner .tab {background-color:#dd1a22; font-size:11px; font-weight:bold; color:#FFFFFF; padding:3px 8px 5px 8px; line-height:12px; }
#menu_derecho .banner .desc {padding:8px 8px 8px 8px;  border:1px solid #D4D4D4 }
#menu_derecho .banner .desc .titulo {color:#dd1a22; font-size:11px; font-weight:bold; }
#menu_derecho .banner .desc .subtitulo {color:#707070; font-size:10px;}



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


#hostel_location{height:140px; margin-top:10px;}
#hostel_location a{text-decoration:none; color:#666666; display:block;background-color:#F2F2F2; }
#hostel_location div{height:18px; padding:2px 0px 0px 4px; font-weight:bold; color:#FFFFFF; background-color:#dd1a22; }


#hostel_main_bottom { text-align:justify}
#hostel_main_bottom a {line-height:22px; font-weight:bold; text-transform:uppercase; text-decoration:none
}
#hostel_main_bottom a:hover { background-color:#D6D6D6}
#hostel_main_bottom .link_galeria {background:url(../img/galeria.gif) no-repeat left center; background-color:#E6E6E6; color:#6D6D6D; padding:0px 4px 0px 30px; float:left}
#hostel_main_bottom .link_rates {background:url(../img/rates.gif) no-repeat left center; background-color:#E6E6E6; color:#6D6D6D; padding:0px 4px 0px 30px; float:left; margin-left:45px;}
#hostel_main_bottom .link_reservation {background:url(../img/reservas.gif) no-repeat left center; background-color:#DD1A21; color:#FFFFFF; padding:0px 4px 0px 30px; float:right}
#hostel_main_bottom .link_reservation:hover {background-color:#CD0A11}


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



#hostel_list{margin-top:10px;}
#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; cursor:default;  background-color:#ffc700}		
#hostel_list li a:hover.selected {color:#000000; cursor:default;  background-color:#ffc700}


#hostel_options div{line-height:12px; margin-bottom:1px; padding:4px 8px 0px 8px; font-weight:bold; color:#FFFFFF; font-size:11px; background-color:#DD1A21;}
#hostel_options ul {margin:0px 0px 0px 0px; padding:0px}
#hostel_options li {margin-bottom:1px; }
#hostel_options li a {display:block; text-decoration:none; color:#666666; width:157px;padding:2px 0px 2px 8px; height:16px; background-color:#d9d9d9; line-height:16px; }	
#hostel_options li a:hover{color:#333333; width:155px; background-color:#F2F2F2}
#hostel_options li a.selected {cursor:default; background-color:#FDB916}		
#hostel_options li a:hover.selected {cursor:default; background-color:#FDB916}	

#hostel_location{height:140px; margin-top:10px;}
#hostel_location a{text-decoration:none; color:#666666; display:block;background-color:#F2F2F2; }
#hostel_location div{height:18px; padding:2px 0px 0px 4px; font-weight:bold; color:#FFFFFF; background-color:#dd1a22; }


#menu_izquierdo .banner{margin-top:10px; margin-bottom:8px;}
#menu_izquierdo .banner a{text-decoration:none; color:#666666; display:block;background-color:#F2F2F2; width:163px; height:65px; border:1px solid #D4D4D4 }
#menu_izquierdo .banner .tab {background-color:#dd1a22; font-size:10px; font-weight:bold; color:#FFFFFF; padding:6px 8px 6px 8px; line-height:12px; }
#hostels {background-image:url(../img/logos_01.jpg)}
#hostels:hover {background-image:url(../img/logos-over_01.jpg)}
#hitravel {background-image:url(../img/logos_02.jpg)}
#hitravel:hover {background-image:url(../img/logos-over_02.jpg)}
#hi {background-image:url(../img/logos_03.jpg)}
#hi:hover {background-image:url(../img/logos-over_03.jpg)}
#latin {background-image:url(../img/logos_04.jpg)}
#latin:hover {background-image:url(../img/logos-over_04.jpg)}


h1 {background-color:#004D95; font-size:22px; line-height:22px; padding:6px 8px 6px 10px; color:#FFFFFF; margin:0px; font-weight:normal;}
h2 {color:#015095; font-size:14px; line-height:18px; margin:0px 0px 10px 0px;}
h3 {color:#DD1A21; font-size:12px; line-height:18px; margin:0px 0px 10px 0px;}

.seccion_imagen{margin:0px;}
.section{background-color:#F2F2F2;border:1px solid #D4D4D4; padding:8px; margin-bottom:10px;}


#footer {
	background-color:#004D95;
	position:relative;
	width:750px;
	height:20px;
	padding-bottom:0px;	
	}

#footer a{font-size:10px; color:#FFFFFF;  text-decoration:none; font-weight:bold; line-height:20px;}
#footer a:hover {text-decoration:underline;}
#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:25px;}
#footer #lopez {background:url(../img/mslopez.gif) no-repeat center right; padding-right:55px;}



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





#banner_imagen{margin-bottom:20px}

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

.link_galeria{ font-size:10px; text-decoration:none; color:#FFFFFF; background-color:#6C6C6C; padding:2px 6px 2px 6px}
.link_galeria:hover{background-color:#5C5C5C;}

.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; text-align:justify;}
.list_item .image {position:absolute; left:0px; top:0px; width:92px; height:92px; color:#F06400; }
.list_item .right {position:absolute; left:102px; top:8px; width:282px; height:84px; overflow:hidden}
.list_item .titulo {color:#dd1a22; font-size:11px; font-weight:bold; }
.list_item .texto {line-height:13px;  }
.list_item .more {color:#dd1a22; font-size:10px;}
.list_item a {text-decoration:none; color:#666666; cursor:pointer; display:block; height:92px;}
.list_item a:hover{ background-color:#EAEAEA;}

.link_back {color:#6D6D6D; background-color:#E6E6E6; font-weight:bold; padding:3px 5px 3px 5px;}
.link_back a {text-decoration:none; color:#6D6D6D}
.link_back a:hover {text-decoration:underline;}

.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:#015095; 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:#015095;
	line-height:15px;
	margin-bottom:10px;
}


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

#region_banner {background-color:#FFFFFF; margin-bottom:10px;}
#region_banner a {text-decoration: none}
#region_banner_titulo{background-color:#dd1a22; font-size:11px; font-weight:bold; color:#FFFFFF; padding:3px 8px 5px 8px; line-height:12px; }