@charset "utf-8";
/* CSS Document */
	
	body, html {
		background:#666 url(http://www.inkasperuplanet.com/images/bg.gif);
		/*color: #654422;*/
		color: #036;
		margin-top: 0px;
		margin-bottom: 0px;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h1{ font-size:24px; margin-top:0px;	}
	h2{ font-size:18px; }
	img{ border: 0px;}
	
	a, a:link, a:visited, a:active{color: #8C5823; text-decoration: underline; font-weight: bold;}
	a:hover{color: #AE6E2B; text-decoration: underline; }
	
	input{ border: #960 1px solid; margin-left: 2px; color: #006; font-size: 12px; }
	select{ border: #960 1px solid; margin-left: 2px; color: #006; }
	textarea{ border: #960 1px solid; margin-left: 2px; color: #006; font-size: 12px;}
	
	ul{ margin-bottom:0px;}
	li{ list-style-image: url(../../images/st.jpg); margin-bottom:0px; }
	
	hr{ border: #900 solid 1px;}
	
	label{ font-weight: bold;}
	label span{ color:#F00;}
	
	#maps{
		background-color: #666;
		border: #900 1px solid;
		width: 500px;
		height: 400px;
		padding: 10px;
	}
	
	#frame {
		width: 1000px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		margin-bottom: 0px;
		border-bottom: groove 2px #963;
		border-left: groove 2px #963;
		border-right: groove 2px #963;
		border-top: 0px;
		background-color: #F0E4CF;
	}
	
	
	/* ---------- Inicio Cuadro Hoteles	----------*/
	
	div.cuadro{ border:#900 1px solid; padding:5px}
	
	.hoteles_hostales{
		font-weight: bold;
		background: #990;
		height: 35px;
		font-size: 16px;
		color: #900;
		vertical-align:middle;
	}
	
	/* ----------  Fin Cuadro Hoteles   ----------*/
	

	/* ---------- Inicio Cabecera	----------*/
	
	#contentheader{
		background-image: url(../../images/cabecera/fondo-logo.gif);
		font-size: 14px;
		padding: 0px;
		margin: 0px;
	}
	
	#cabecera {
		clear:both;
		background: url(../../images/linea.jpg) repeat-x;
		height: 39px;
		padding-top: 15px;
	}
	
	#cabecera1 {
		clear: both;
		background-image: url(../../images/linea-1.jpg);
		background-repeat: repeat-x;
		height: 9px;
		margin-bottom: 0px;
	}
	/* ---------- Inicio Menu Cabecera -------*/
	
	div.menu_cabecera {font-size: 10pt; font-weight: bold; margin-left: 0px;}

	div.menu_cabecera ul{ margin: 0px; list-style: none; padding: 0px;}
	
	div.menu_cabecera ul li{ margin-left: 15px; display: inline;  position: relative; }
	
	div.menu_cabecera ul li a, a:link, a:visited, a:active{ color: #900; text-decoration: none;}
	div.menu_cabecera ul li a:hover{ color: #036; text-decoration: underline;}
		
	div.menu_cabecera ul ul{
		position: absolute;
		left: 21px;
		top: -1px;
		list-style:none;
		border-right: 3px solid #666;
		border-bottom: 3px solid #666;
		border-top:1px solid #666;
		border-left: 1px solid #666;
		background-color: #D2BF99;
		width:120px;
	}

	div.menu_cabecera ul ul li{ padding-left:0px;}

	div.menu_cabecera li ul{ display: none; left: 10px; position: absolute; top: 15px; }

	div.menu_cabecera ul li ul li a { background: url(../../images/menu5.gif);
	height: 22px; padding-top:2px; display: block; padding-left: 13px; text-decoration: none;}

	div.menu_cabecera ul li ul li a:hover { background: #E5DAC1 url(../../images/menu5-b.gif);}
	div.menu_cabecera ul li ul li a:over { background: #E5DAC1 url(../../images/menu5-b.gif);}

	div.menu_cabecera  HTML UL LI { FLOAT: left; HEIGHT: 1%}
	
	div.menu_cabecera  HTML UL LI A { HEIGHT: 1%}
	
	div.menu_cabecera LI:hover UL { DISPLAY: block;}
	
	div.menu_cabecera LI.over UL { DISPLAY: block}


	div.tabla { margin-left: 10px; clear: none;text-align:center; overflow: auto; }
	
	div.fila{ clear: both; }
	
	div.col_titulo{
		float: left;
		padding: 5px;
		background: #900;
		border: 1px #036 solid;
		color: #FFF;
		font-weight: bold;
	}
	
	div.col{
		float: left;
		padding: 5px;
		border: 1px #900 solid;
	}	
	
	
	fieldset.chat{
		margin-top:25px; margin-left:-5px; border:#900 solid 1px; padding:0px;
	}
	
/*

	
	











*/







































	/*---------- Fin Menu Cabecera ---------*/


	
	/* ---------- Fin Cabecera -------------*/
	
	/* ---------- Inicio izquierda ---------*/

	#menu_contenedor {
		float: left;
		width: 170px;
		margin: 0px;
	}
	
	.menu_contenedor {
		float: left;
		width: 170px;
		margin-right:auto;
		margin-left:auto;
		margin-top:6px;
		margin-bottom: 0px;
		
	}
	
	.menu {
		width: 170px;
		font-family: Arial;
		font-size: 8pt;
		font-weight: bold;
		margin-left: 0px;
		border: solid 1px #666;
		background-color: #D2BF99;
	}

	.menu ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	.menu li {
		float: none;
		width: 170px;
		text-align: left;
		margin-bottom: 0px;
		list-style: none;
		list-style-image: none;
		list-style-type: none;
	}
	
	/* SUB MENU */
		.menu li{
			position: relative;
		}	
		
		.menu li a.submenu
		{	
			background: #D2BF99 url(../../images/menu-1a.gif);
		}
		
		.menu li a:hover.submenu
		{	
			background: #D2BF99 url(../../images/menu-2a.gif);
		}
		
		.menu li ul{	
			position: absolute;
			left: 170px;
			top: -1px;
			display: none;
			width: 200px;
			list-style: none;
			border: solid 1px #666;
			background-color: #D2BF99;
		}
 
		
		.menu li ul li{
			width: 200px;
			height: 20px;
		}
		
		
		.menu li ul li a {
			background: #D2BF99 url(../../images/menu-4.gif);
			padding-left: 13px;
		}
		.menu li ul li a:hover {
			text-decoration: none;
			background: #E5DAC1 url(../../images/menu-3.gif);
			color: #000;
		}
		.menu li:hover > ul {
			display:block;
		}
	
	.menu a{
		display: block;
		text-decoration: none;
		background: #D2BF99 url(../../images/menu-1.gif);
		color: #642D00;
		padding-top: 2px;
		padding-bottom: 4px;
		padding-left: 15px;
		padding-right: 1px;
	}
	.menu a:hover {
		text-decoration: none;
		background: #E5DAC1 url(../../images/menu-2.gif);
		color: #000;
	}
	
	.titulomenu {
		background: #D2BF99 url(../../images/menu-0.gif);
		color: #FFF;
		font-size: 8pt;
		padding-top: 2px;
		padding-bottom: 4px;
		padding-left: 15px;
		padding-right: 1px;
	}

	/* Izquierda */
	#contenido_izquierda{
		border: 0px;
		text-align: center;
		margin-top: 10px;
	}
	#contenido_izquierda img{
		border: solid 1px #900;
	}
	/* Izquierda */
	
	
	/* ---------- Fin izquierda ------------*/
	
	/* ---------- Inicio Contenido ---------*/
	#page_content {
		height: auto;
		width: 637px;
		float: left;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		margin-left: 3px;
		background-color: #F0E4CF;
	}
	
	#page_content div.top {
		height: 19px; 
		background-image: url(../../images/arriba.gif);
		background-repeat: repeat-x;
	}
	
	#page_content img.esquina_sup_izq { float:left; }
	#page_content img.esquina_sup_der { float:right; }
	
	#page_content div.content {
		background-image:url(../../images/izquierda.gif); 
		background-repeat:repeat-y;
		margin-top:0px;
		margin-bottom: 0px;
	}
		
	#page_content div.boxcontrol {
		padding:0px 18px 0px 18px; 
		background-image: url(../../images/derecha.gif); 
		background-position: right; 
		background-repeat: repeat-y;
		text-align: justify;
	}
	
	#page_content div.bottom { height:28px; 
		background-image:url(../../images/abajo.gif); 
		background-repeat:repeat-x; 
		border:0;
		padding:0;
		margin:0;}
		
	#page_content img.esquina_inf_izq { float:left; }
	#page_content img.esquina_inf_der { float:right; }
	
		
	/* IE 5.5 box model hack para posicionar correctamente las imagenes de esquina */
	* html img.esquina_sup_izq, * html img.esquina_inf_izq  { \margin-left:-.2em;  ma\rgin-left:0; }
	* html img.esquina_inf_der, * html img.esquina_sup_der { \margin-left:.2em; } 
	
	.tabla {
		position: relative;
	}
	.tabla center{
			color:#900;
			font-size: 16px;
			font-weight: bold;
		}
	
	.tabla_fil3{
		position: absolute;
		border: solid 1px #900;
		margin: 5px;
	}
	
	div.hoteles{ margin-top: 10px; margin-bottom: 10px; border: #900 1px solid; font-weight: bold;}

	
	
	
	
	.precio2{
		position:relative;
		font-weight: bold;
		text-align:center;
		height: 70px;
		margin-bottom:15px;
	}
	
	.precio2 small{
		font-size: 12px;
	}
	
	.fil1{
		position: absolute;
		top: 0px;
		width: 150px;
		height: 20px;
		color:#900;
		font-size:12px;
		background:#FCEDC6;
		border: solid 1px;
	}
	
	.fil2{
		position: absolute;
		top: 20px;
		width: 150px;
		height: 50px;
		color: #900;
		font-size: 24px;
		background: #C7AE85;
		border: solid 1px;
	}
	
	.price_out{
		font-size: 26px;
		color: #900;
		text-align: center;
		font-weight: bold;
		margin-bottom: 25px;
	}
	
	.price{
		background: url(../../images/fondo-precio.jpg) no-repeat left;
		width: 148px;
		height: 100px;
		float: left;
		padding-top: 27px;
	}
	
	div.price small{
		font-size: 12px;
	}
	
	div.precio{
		background: url(../../images/fondo-precio.jpg) no-repeat right;
		width: 148px;
		height: 100px;
		float: right;
		padding-top: 27px;
	}
	
	div.precio small{
		font-size: 12px;
	}

	/* ---------- Fin Contenido ------------*/
	
	/* ---------- Inicio Publicidad --------*/
	
	.derecha{
		width: 185px;
		height: auto;
		text-align: center;
		float: right;
		padding:0px;
		background-color: #F0E4CF;
	}
	
	.derecha a{
		text-decoration: none;
		font-size: 9px;
	}

	/* ---------- Fin Publicidad -----------*/
	/* ---------- Inicio Pie Pagina --------*/

	#footer_top1 {
		clear:both;
		background-image: url(../../images/pie-1.jpg);
		background-repeat: repeat-x;
		height: 29px;
	}
	
	#footer_top {
		clear:both;
		background-image: url(../../images/pie-pagina-1.jpg);
		background-repeat: repeat;
		font-size: 11px;
		height: 43px;
		padding-top: 15px;
		text-align: center;
	}
	/* ---------- Fin Pie Pagina -----------*/
	
	
	/* ---------- Inicio Slide Cabecera ----*/
	#s3slider {
		width: 1000px; /* important to be same as image width */
		height: 340px;; /* important to be same as image height */
		position: relative; /* important */
		overflow: hidden; /* important */
	}
	#s3slider ul{ padding-left: 0px; margin-top: 0px; padding-top: 0px; }
	#s3slider ul li{margin-top: 0px; padding-top: 0px; }
	
	#s3sliderContent {
		width: 916px; /* important to be same as image width or wider */
		position: absolute; /* important */
		top: 0; /* important */
		margin-left: 0; /* important */
	}
	
	.s3sliderImage {
		float: left; /* important */
		position: relative; /* important */
		display: none; /* important */
	}
	
/*	.s3sliderImage span {	
	position: absolute; /* important 
	left: 0;
	font: 10px/15px Arial, Helvetica, sans-serif;
	padding: 10px 13px;
	width: 374px;
	background-color: #000;
	filter: alpha(opacity=70); /* here you can set the opacity of box with text */
	/*-moz-opacity: 7.7; /* here you can set the opacity of box with text */
/*	-khtml-opacity: 7.7; /* here you can set the opacity of box with text */
	/*opacity: 7.7; /* here you can set the opacity of box with text */
/*	color: #fff;
	display: none; /* important */
	/*top: 0;
	
	/*
	if you put
	top: 0; -> the box with text will be shown at the top of the image
	if you put
	bottom: 0; -> the box with text will be shown at the bottom of the image
	*/
	/* }*/
	
	.clear{ clear: both; }
	/* ---------- Inicio Slide Cabecera ----*/