/* CSS Document */

/* maquetacion css*/
body {
text-align:center;
font:62.5% Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background:#c9c5af;
}

#globalcontent {
margin:-315px auto auto -480px;
width:960px;
height:630px;
/*background-color:#ff0000;*/
padding:0;
position:absolute; 
top:50%; 
left:50%;

}

#header{
width:960px;
height:150px;
margin:0;
padding:0;
position:relative;


}

.flashleft{
float:left;
margin:0;
padding:0;
}

.flashright{
float: right;
margin:0;
padding:0;
}

#content{
height:420px;
width:960px;
margin:0;
padding:0;
}

#content-right{
float:right;
margin:0;
padding:0;
width:480px;
height:420px;
background-color:#FFF;


}

#content-left{
float:left;
margin:0;
padding:0;
width:480px;
height:420px;
background-color:#CCC;


}

#footer{
height:60px;
width:960px;
background-color:#999566;
margin:0;
padding:0;
text-align:center;


}

/* fin de maquetacion----------*/

/*estilos de texto*/

h1{
text-indent:-9999px;
margin:0;
padding:0;
height:0;
}

.cerros h2{
color:#FFF;
background-color:#373b6a;
background-image:url(Images/en_los_cerros_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.cerros_en h2{
color:#FFF;
background-color:#373b6a;
background-image:url(Images/en_los_cerros_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.cielos h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/cielo_abierto_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.cielos_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/cielo_abierto_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.explorando h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/explorando_valparaiso_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.explorando_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/explorando_valparaiso_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.habitaciones h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/habitaciones_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.habitaciones_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/habitaciones_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.interiores h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/interiores_con_encanto_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.interiores_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/interiores_con_encanto_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.montealegre h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/montealegre_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.montealegre_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/montealegre_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.nostalgia h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/nostalgia_chic_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.nostalgia_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/nostalgia_chic_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.tarifas h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/tarifas_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.tarifas_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/tarifas_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.informacion h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/informacion_title.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

.informacion_en h2{
color:#FFF;
background-color:#373b6a;
background-image: url(Images/informacion_title_en.gif);
width:480px;
height:60px;
padding:0;
margin:0;
text-indent:-9999px;

}

#text{
margin:20px 30px 0 30px;
padding:0;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:140%;
color:#666;
}

#metadata{
margin:30px 30px 0 30px;
padding:0;
/*background-color:#F7F7F7;*/
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:140%;
color:#333;
}

.metadata{
padding:0;
/*background-color:#F7F7F7;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:140%;
color:#666;
}

 #menu {
    list-style: none;
	margin:0;
	padding: 0;
	height: 60px;
	display: inline;
	overflow: hidden;
	width:510px;
	
	
}

#menu a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:20px; /* for IE5/Win */
	}





#menu li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#menu a {
	float: left;
	padding: 60px 0 0 0;
	overflow: hidden;
	height: 0px ; 
	height /**/:60px; /* for IE5/Win */
	}
	
#menu a:hover {
	background-position: 0 -60px;
	}


#tarifas a  {
margin-left:210px;
	width: 70px;
	background: url(Images/btn_tarifas.png) top left no-repeat;
	
	}

#reservas a  {
	width: 214px;
	background: url(Images/btn_reservas.png) top left no-repeat;
	}

#ubicacion a  {
	width: 93px;
	background: url(Images/btn_ubicacion.png) top left no-repeat;
	}

#send a  {
	width: 133px;
	background: url(Images/btn_send.png) top left no-repeat;
	}