@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;

    }
	
	.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: 100%; 
    	margin: 0 auto; /* centra la pagina */
		padding: 0 0 0 0;
    	text-align: left;
		background-color:#e2d7a9;
		overflow: hidden;
    } 
	#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: 230px;
		background-color:#000000;
    } 

    #menuleft {
    	float: left;
    	width: 200px;
    	padding: 0px 0px 0px 0px;
		background-color:#41261c;	
		padding-bottom: 30000px;
     	margin-bottom: -30000px;
    }
			#menuleft strong {
			color:#FEB316;
			}
			.menuleft_ofertados_titulo {
			font: 120% trebuchet ms;
			font-weight:bold;
			text-align:center;
			width: 175px;
			color:#FFCC00;
			background-color:#CC0000;
			border: 1px solid #54512c;
			margin: 8px 0px 0px 5px;
			padding: 5px 5px 5px 5px;
			}			
			.menuleft_ofertados {
			font: 90% arial;
			width: 175px;
			color:#FFFFFC;
			background-color:#2c180f;
			border: 1px solid #54512c;
			margin: 8px 0px 0px 5px;
			padding: 10px 6px 6px 6px;
			}
			.menuleft_ofertados strong {
			color:#9B131D;
			font: 100% trebuchet ms;
			font-weight: bold;
			}
			.menuleft_ofertados a:link {
			text-decoration: none;
			color:#ee7f00;
			}
			.menuleft_ofertados a:visited {
			text-decoration: none;
			color:#ee7f00;
			}
			.menuleft_ofertados a:hover {
			text-decoration: none;
			color:#FF9900;
			}

    #menuright {
    	float: right;
    	width: 200px; 
    	padding: 0px 0px 0px 0px; 
		background-color:#e4af1d;
		height: 100%;
		padding-bottom: 30000px;
     	margin-bottom: -30000px;
    }
					
			.menuright_content {
			font: 90% arial;
			width: 175px;
			background-color:#3b2415;
			border: 2px solid #a98600;
			margin: 6px 4px 0px 4px;
			padding: 10px 6px 6px 6px;
			}
				.menuright_content ul{
				font:100% verdana;
				border: 1px solid #a98600;
				font-weight: bold;
				margin: 0px 3px 0px 3px;
				padding: 0px 0px 0px 0px;
				line-height: 23px;
				} 
				.menuright_content li{
				list-style: none;
				background-image: url(../images/vineta.gif);
				background-position: left;
				background-repeat: no-repeat;
				margin:0 5px 0 5px;
				padding-left: 15px;
				}
				.menuright_content li a:link {
				text-decoration: none;
				color:#feffe1;
				}
				.menuright_content li a:visited {
				text-decoration: none;
				color:#feffe1;
				}
				.menuright_content li a:hover {
				text-decoration: none;
				color:#FFCC00;
				}
				
			.menuright_content_titulo {
			font: 140% arial narrow;
			font-weight:bold;
			background-color:#3b2415;
			padding: 0px 6px 6px 6px;
			text-align: center;
			}
				.menuright_content a:link {
				text-decoration: none;
				color:#f6bb00;
				}
				.menuright_content a:visited {
				text-decoration: none;
				color:#f6bb00;
				}
				.menuright_content a:hover {
				text-decoration: none;
				color:#FF9900;
				}
	
    #content { 
		margin: 15px 215px 15px 215px;
    } 
	
			#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 20px 5px 20px;
		background-color:#ebe2bc;
		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 {
		margin: 0 0 0 0;
		padding: 15px 20px 5px 20px;
		background-color:#ebe2bc;
		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: 170% 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: 117px;
		font: 140% 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: 140% trebuchet ms;
		background-image:url(../images/fondosubtitulo.jpg);
		font-weight:bold;
		text-align:left;
		color:#51570c;
		}
		
		.content_subtitulo_testimonial2 { 
		padding: 2px 10px 2px 10px;
		width: 240px;
		font: 140% 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;
		}
		/*ofertados pagina inicio*/
		.content_mapa {
		margin: 0 0 0 0;
		padding: 5px 20px 5px 20px;
		background-color:#ebe2bc;
		border: 1px solid #b9a98b;
		text-align:justify;
		overflow: auto;
		/* Do rounding (native in Firefox and Safari, CC in IE) 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		CCborderRadius: 10px;*/
		}
		.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:0px 0 0 15px; 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;}
		
		/*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 { 
    	padding: 5px 10px 5px 10px; /* este relleno coincide con la alineación izquierda de los elementos de los divs que aparecen por encima de él. */
    	background:#623c19;
		height: 60;
    }
		#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: 100% arial;
		text-align:center;
		color: #fffdee;
		}
		#footerlink a:link {
		text-decoration: none;
		color:#fffdee;
		}
		#footerlink a:visited {
		text-decoration: none;
		color:#fffdee;
		}
		#footerlink a:hover {
		text-decoration: none;
		color:#ffdd00;
		}	
    
		#content_copyright {
		margin: 0 0 0 0;
		padding: 7px 20px 5px 20px;
		color:#FFFFCC;
		text-align:center;
		background-color:#87231b;
		/* Do rounding (native in Firefox and Safari, CC in IE) 
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		CCborderRadius: 10px;*/
		}
			#content_copyright strong{
			color:#e4af1d;
			}
	
		#xpression{
		font-size:10px;
		font-family:verdana;
		color:#ff545f;
		text-align: center;
		margin: 0 0 0 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: 0px 0px 0px 0px; /* 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 */
		}
		#xpression a:link {
		text-decoration: none;
		color:#ff545f;
		}
		#xpression a:visited {
		text-decoration: none;
		color:#ff545f;
		}
		#xpression a:hover {
		text-decoration: none;
		color:#f8a1a7;
		}	
		
	.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;}
	
	h3{color:#9b141b;
	}
	
	/*para la letra BOOKING del paquete*/
			.booking{
			font:Georgia, "Times New Roman", Times, serif;
			font-weight:bold;
			font-size:16px;
			text-align:center;
			}