@charset "utf-8";
/* CSS Document */

	body  {
	font: 80% tahoma;
	color: #43443d;
	background-image: url(../images/background.jpg);
	margin: 0 0 0 0;
	padding: 0;
	text-align: center;
	background-repeat: repeat;
    }
	
	.frase {
	color: #FFCC00;
	font-weight: bold;
	text-align:center;
	font: 120% Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	}
	
	.cabecera {
	font: 120% trebuchet ms;
	font-weight:bold;
	text-align:center;
	}
		.cabecera a:link {
		text-decoration: none;
		color:#FFFFFF;
		}
		.cabecera a:visited {
		text-decoration: none;
		color:#FFFFFF;
		}
		.cabecera a:hover {
		text-decoration: none;
		color:#FF9900;
		}
	#container { 
    	width: 1100px; 
    	margin: 0 auto; /* centra la pagina */
    	text-align: left;
		background:#FFF url(../images/fondo_content.jpg) repeat-y;
    } 
	#menu {
		font: 140% trebuchet ms;
	}
		#menu a:link {
		font-weight: bold;
		text-decoration: none;
		color:#f4f2db;
		}
		#menu a:visited {
		font-weight: bold;
		text-decoration: none;
		color:#f4f2db;
		}
		#menu a:hover {
		font-weight: bold;
		text-decoration: none;
		color:#ffcc00;
		}		
	
	#header { 
    	padding: 0px 0px 0px 0px;  /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen bajo él. Si se utiliza una imagen en el #header en lugar de texto, es posible que le interese quitar el relleno. */
		height: 390px;
		background-color:#000000;
		z-index:1;
    } 

    #menuleft {
		
    	float: left;
    	width: 250px;
		padding: 0px 0px 0px 0px;
		overflow:hidden;
    }
			#menuleft a:link {
			
			font-weight: bold;
			text-decoration: none;
			color:#003613;
			}
			#menuleft a:visited {
			font-weight: bold;
			text-decoration: none;
			color:#003613;
			}
			#menuleft a:hover {
			font-weight: bold;
			text-decoration: none;
			color:#701315;
			}	
			#menuleft ul{
			font: 100% trebuchet ms;
			margin: 5px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			line-height: 27px;
			} 
			#menuleft li{
			list-style: none;
			background-image: url(../images/vineta.png);
			background-position: left;
			background-repeat: no-repeat;
			border-bottom: 1px solid #f7c44a;
			padding-left: 20px;
			}

    #menuright {
		
    	float: right;
    	width: 250px;
		padding: 0px 0px 0px 0px;
    }
			#menuright a:link {
			
			font-weight: bold;
			text-decoration: none;
			color:#003613;
			}
			#menuright a:visited {
			font-weight: bold;
			text-decoration: none;
			color:#003613;
			}
			#menuright a:hover {
			font-weight: bold;
			text-decoration: none;
			color:#701315;
			}	
			#menuright ul{
			font: 100% trebuchet ms;
			margin: 5px 0px 0px 10px;
			padding: 0px 0px 0px 0px;
			line-height: 27px;
			} 
			#menuright li{
			list-style: none;
			background-image: url(../images/vineta.png);
			background-position: left;
			background-repeat: no-repeat;
			border-bottom: 1px solid #f7c44a;
			padding-left: 20px;
			}
	
	 #content_inka { 
		margin: 15px 40px 15px 40px;
		text-align: center;
		z-index:3;
    } 
	
    #content { 
		margin: 15px 260px 15px 260px;
		text-align: center;
		z-index:3;
    } 
	
			#content strong{
			color:#9b141b;
			}
			#content a:link {
			text-decoration: none;
			color:#9b131d;
			}
			#content a:visited {
			text-decoration: none;
			color:#9b131d;
			}
			#content a:hover {
			text-decoration: none;
			color:#ef0012;
			}
			
		/*css home*/	
		.content_home {
		margin: 0 0 0 0;
		padding: 5px 15px 5px 15px;
		background-color:#fff;
		border: 1px solid #b9a98b;
		text-align:justify;
				background:#FFFFFF;
		/* Do rounding (native in Firefox and Safari, CC in IE) 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		CCborderRadius: 10px;*/
		}
		.content_expedition {
		margin: 0 0 0 0;
		padding: 15px 20px 5px 20px;
		background-color:#fff;
		border: 1px solid #b9a98b;
		text-align:justify;
		/* Do rounding (native in Firefox and Safari, CC in IE) 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		CCborderRadius: 10px;*/
		}	
			.content_expedition_titulo{
			font: 110% tahoma;
			color:#9b141b;
			font-weight:bold;
			text-decoration:underline;
			}
			.content_expedition_left1 {
			width: 140px;
			height: 130px;
			float:left;
			}
			.content_expedition_right1 {
			margin-left:155px;
			height: 130px;
			text-align:justify;
			}
			.content_expedition_left2 {
			width: 140px;
			height: 130px;
			float:right;
			}
			.content_expedition_right2 {
			margin-right:155px;
			height: 130px;
			text-align:justify;
			}
		.content_titulo{
			font: 150% trebuchet ms;
			text-decoration:underline;
			text-align:center;
			font-weight:bold;
			color:#623c26;
			padding: 10px 12px 10px 12px;
		}
		.content_titulo_pequeno{
			font: 130% trebuchet ms;
			text-align:center;
			font-weight:bold;
			color:#623c26;
			padding: 10px 12px 10px 12px;
		}
		.content_subtitulo { 
		padding: 2px 10px 2px 10px;
		width: 126px;
		font: 130% trebuchet ms;
		background-image:url(../images/fondosubtitulo.jpg);
		font-weight:bold;
		text-align:left;
		color:#51570c;
		}
		
		.content_subtitulo_testimonial { 
		padding: 2px 10px 2px 10px;
		width: 240px;
		font: 120% trebuchet ms;
		font-weight:bold;
		text-align:left;
		color:#51570c;
		}
			
		/*css travelinformation*/	
		.content_travelinformation {
		margin: 10px;
		padding: 10px 0px 10px 0px;
		text-align:justify;
		}	
			.content_travelinformation img{
			border:  2px solid;
			border-color: #3b2415;
			margin-right: 10px;
			float: left; /*alinear a la derecha*/
			margin-bottom: 10px; 
			}
			
		/*accesos directos expedicions*/
		.content_expedicion_acceso { 
		margin: 10px 0 0 0;
		padding: 15px 10px 15px 10px;
		text-align:justify;
		}
			.content_expedicion_acceso img{
			border:  2px solid;
			border-color: #3b2415;
			margin-right: 10px;
			float: left; /*alinear a la derecha*/
			margin-bottom: 10px;
			}
		
		/*accesos directos testimonials*/
		.content_testimonial { 
		padding: 10px 30px 10px 30px;
		text-align:justify;
		}
		
		/*css expedicion imagen*/
		.content_expedicionimagen{
		text-align:center;
		}
			.content_expedicionimagen img{
			border: solid;
			border-color: #9B131D;
			border-width: medium;
			margin-right: 7px;
			margin-left: 7px;
			}
			.content_expedicionimagen strong{
			color:#CC3300;
			}
		.titulo_formulario{
		text-align:center;
		color:#FFCC00;
		font: 120% trebuchet ms;
		font-weight:bold;
		}
		.subtitulo_formulario{
		text-align:left;
		color:#FFCC00;
		font: 110% trebuchet ms;
		font-weight:bold;
		}
	/* pie de pagina*/
	#footerlink {
		width:1100px;
		background-color:#e1e7e1;
		color:#CC0000;
    }
		#footerlink p {
		margin: 0; /* el ajuste en cero de los márgenes del primer elemento del pie evitará que puedan contraerse los márgenes (un espacio entre divs) */
		padding: 5px 10px 0px 10px; /* el relleno de este elemento creará espacio, de la misma forma que lo haría el margen, sin el problema de la contracción de márgenes */
		font: 85% tahoma;
		color: #660000;
		text-align:center;
		color: #fffdee;
		}
		#footerlink a:link {
		text-decoration: none;
		color:#054B12;
		}
		#footerlink a:visited {
		text-decoration: none;
		color:#054B12;
		}
		#footerlink a:hover {
		text-decoration: none;
		font-weight:bold;
		color:#660000;
		}	
    .tourist {
	font-family: verdana;
	font-size: 11px;
	color: #666600;
	text-align: center;
	font-weight: bold;
	text-decoration:none;
}
		.tourist a:link {
		text-decoration: none;
		color:#054B12;
		}
		.tourist a:visited {
		text-decoration: none;
		color:#054B12;
		}
		.tourist a:hover {
		text-decoration: none;
		color:#660000;
		}	
		
		.touristlink {
			font-family: trebuchet ms	;
			font-size: 16px;
			text-align: center;
			font-weight: bold;
			text-decoration: none;
			color:#660000;
		}
		touristlink a:actived {
		text-decoration: none;
		color:#660000;
		}
		touristlink a:link {
		text-decoration: none;
		color:#660000;
		}
		.touristlink a:visited {
		text-decoration: none;
		color:#660000;
		}
		.touristlink a:hover {
		text-decoration: none;
		color:#054B12;
		
		}	
		
		
	.textovalidad { 
		font: Arial, Helvetica, sans-serif;
		color:#FFFFCC;
    }
    .fltrt { /* esta clase puede utilizarse para que un elemento flote en la parte derecha de la página. El elemento flotante debe preceder al elemento junto al que debe aparecer en la página. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* esta clase puede utilizarse para que un elemento flote en la parte izquierda de la página. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* esta clase debe colocarse en un elemento div o break y debe ser el último elemento antes del cierre de un contenedor que incluya completamente a un elemento flotante */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
	
/* CSS PARA CONTENIDO */
	
	.url{
	text-align:right;
	margin: 10px 0 10px 0;
	}
	hr {
	color: #455811;
	height:0px;/*solo queremos borde*/   
	border-top:0px;/*quita el grosor extra de Opera y FFox*/  
	border-bottom:#455811 solid 1px;
	text-align:center; 
	}
	th {
	padding: 4px;
	font: 120% arial;
	color: #FFFFCC;
	font-weight:bold;
	}
	td{
	text-align:left;
	}
	.reservaabajo {color: #FFFFCC; padding: 7px 7px 7px 7px; text-align:center;}
	
	/*PARA LA PAGINA MAPAS*/
		.content_mapa {
		margin: 0 0 0 0;
		padding: 5px 20px 5px 50px;
		background-color:#fff;
		border: 1px solid #b9a98b;
		text-align:justify;
		overflow: auto;
		}

		
		
		.content_mapa ul {margin:0; padding:0; list-style:none;}
		.content_mapa ul li {margin:0px 0px 0px 0px; padding:5px 5px 5px 5px; width:230px; height:220px; float:left;}
		.content_mapa ul li .img_gallery {margin:0; padding:0; width:230px; height:150px; float:left;}
		.content_mapa ul li .img_text {margin:0; padding:0; width:200px; float:left; font:normal 11px/16px Arial, Helvetica, sans-serif; color:#888888; text-decoration:none; text-align:justify}
		.content_mapa ul li .img_text:hover { color:#000000; text-decoration:none;}
		.content_mapa ul li .img_text strong { color:#9b131d; text-decoration:none;}
		.content_mapa a:link {text-decoration: none; color:#888888;}
		.content_mapa a:visited {text-decoration: none; color:#888888;}
		.content_mapa a:hover {text-decoration: none; color:#9b131d;}
		.content_mapa img {border: 2px solid; border-color:#9B131D;}
		

		.content_subtitulo_mapa { 
		padding: 2px 10px 2px 10px;
		width: 240px;
		font: 140% trebuchet ms;
		font-weight:bold;
		text-align:left;
		color:#51570c;
		}
		
		.titulo_reserva { 
		font: 170% trebuchet ms;
		font-weight:bold;
		}

	.descargar_pdf{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#346969;
	font-weight:bold;
	}