@charset "utf-8";
/* CSS Document Powered By Ing. Packard Ruiz Silva */
body{
	background-image:url(../img/background/light_wool.png);
	/*background:#F7F7F7;*/
	margin:0;
	padding:0;
	border:0;
}
div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, input, textarea, blockquote
{
	margin:0;
	padding:0;
	border:0;
	font-family:helvetica, arial, sans-serif;
}


/* -----INICIO DE LA CABECERA SUPERIOR ---- */

header{
	height:110px;
	width:960px;
	background-image:url(../img/background/kuji.png);
	border-bottom: 3px solid #E4A734;
	margin:auto;
}
#contenido_header{
	margin:auto;
}
#centrar_cabecera{
	margin:auto;
	background:#00CC33;
}
#logo{
	margin-top:6px;
	margin-left:0px;
	float:left;
}
#y_tu_que_planes{
	margin-top:25px;
	margin-left:10px;
	float:left;
}
#tripadvisor{
	margin-top:40px;
	margin-left:10px;
	float:left;
}
#visa{
	margin-top:15px;
	margin-left:230px;
	float:left;
}
#menu-nav-superior{
	margin-left:50px;
	float:left;
	color:#666666;
	font-size:11px;
	list-style:none;	
	margin-top:5px;
}
#menu-nav-superior li{
	float:left;
	margin-left:5px;
	color:#666;
}
#menu-nav-superior li a{
	text-decoration:none;
	color:#666;
}
#menu-nav-superior li a:hover{
	color:#F90;
}
#menu-social{
	margin-left:-105px;
	float:left;
	color:#666666;
	list-style:none;	
	margin-top:45px;
}
#menu-social li{
	float:left;
	margin-left:5px;
	color:#666;
}

/* -----FIN DE LA CABECERA SUPERIOR ---- */

/* Inicio del menú de navegación NAV */

nav{
	margin:1px auto;
	text-align:center;
	z-index:1;  /* added by me this propertie */
	position:relative;
}

nav ul ul{
	display:none;
}

	nav ul li:hover > ul {
		display:block;
	}

nav ul{
	background:#efefef;
	background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
	background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%); 
	background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	padding: 0 20px;
	border-radius: 5px;
	list-style: none;
	position: relative;
	display: inline-table;
}

	nav ul:after{
		content:""; clear:both;
		display:block;
	}
	nav ul li{
		float:left;
	}
		nav ul li:hover{
			background: #4b545f;
			background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
			background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
		}
			nav ul li:hover a{
				color:#fff;
			}
		
		nav ul li a{
			display:block;
			padding:10px 26px;
			color:#757575;
			text-decoration:none;
		}
	nav ul ul{
		background:#5f6975;
		border-radius:0px;
		padding:0px;
		position:absolute;
		top:100%;
	}
		nav ul ul li{
			float:none;
			border-top:1px solid #6b727c;
			border-bottom:1px solid #575f6a;
			position:relative;
		}
			nav ul ul li a{
				padding:4px 25px;
				color:#fff;
			}
				nav ul ul li a:hover{
					background:#4b545f;
				}
	nav ul ul ul{
		position:absolute;
		left:100%;
		top:0;
	}


/* --------------------Fin del menú de navegación NAV-------------------- */



/* --------------------Inicio del cuerpo para los paquetes turisticos-------------------- */
#img_paquetes_turisticos{
	margin-left:23px;
	margin-top:15px;
	margin-bottom:2px;
}
#contenedor_paquetes{
	background:url(../img/background/kuji.png);
	border-radius:5px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	height:630px;
	width:960px;
	margin:auto;
}
#contenedor_album_fotos{
	background:url(../img/background/wild_flowers.png);
	border-radius:5px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	height:660px;
	width:960px;
	margin:auto;
}
#contenedor_fotos_album{
	background:url(../img/background/wild_flowers.png);
	border-radius:5px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	height:700px;
	width:960px;
	margin:auto;
}
#paquete_turistico{
	background:url(../img/background/photography.png);
	width:210px;
	height:280px;
	border-radius:5px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	margin-left:22px;	
	display:inline-block; /* para lista los elemenos del paquete turistico de manera horizontal */
	margin-bottom:10px;
}
#album_foto{
	background:url(../img/background/photography.png);
	width:445px;
	height:280px;
	border-radius:5px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	margin-left:22px;	
	display:inline-block; /* para lista los elemenos del paquete turistico de manera horizontal */
	margin-bottom:10px;
}
#foto_paquete_turistico{
	margin-left:5px;
	margin-top:5px;
}
#cuadro_foto_album{
	background:url(../img/background/photography.png);
	width:210px;
	height:300px;
	border-radius:5px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	margin-left:22px;	
	display:inline-block; /* para lista los elemenos del paquete turistico de manera horizontal */
	margin-bottom:10px;
}
#titulo_fotos_album{
	margin-left:5px;
	height:40px;
	width:200px;
	text-align:center;
	vertical-align:auto;
	color:#FF9224;
	font-size:13px;
	margin-top:3px;
}
#foto_cuadro_album{
	margin-left:5px;
}
#descripcion_foto_album{
	margin-left:5px;
	color:#FF9933;
	height:40px;
	width:180px;
	color:#999999;
	font-size:10px;
	text-align:justify;
}
#boton_ver_foto{
	text-align:right;
	margin-right:5px;
}
#img_foto_album{
	margin-left:5px;
	margin-top:5px;
	height:235px;
	width:245px;
}
#nombre_paquete_turistico{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FF9224;
	margin-left:10px;
}
#titulo_album_foto{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FF9224;
	text-align:center;
	height:30px;
}
#dias_paquete_turistico{
	margin-left:10px;
	font-size:13px;
	color:#33C;
}
#descripcion_album_foto{
	margin-left:255px;
	text-align:justify;
	margin-top:-235px;
	font-size:11px;
	color:#666;
	height:214px;
	width:180px;
}
#precio_paquete_turistico{
	margin-left:10px;
	font-size:13px;
	color:#F30;
}
#ver_paquete_turistico{
	margin-left:10px;
}
#ver_album_foto{
	margin-left:332px;
	height:100px;
	width:100px;
}
#numeros_noticias_paginadas_google{
	text-align:center;
	width:900px;
	margin-left:30px;
	font-size:15px;
}
#numeros_noticias_paginadas_google a{
	color:#60C;
	text-decoration:none;
	border-radius:10px 10px 10px 10px;
}
#numeros_noticias_paginadas_google a:hover{
	color:#F60;
}
/* --------------------Fin del cuerpo para los paquetes turisticos-------------------- */


/* --------------------Inicio Maquetacion general-------------------- */
#img_quienes_somos{
	margin-left:30px;
}
#img_volver_inicio{
	margin-left:820px;
	margin-top:-30px;
	float:left;
}
#contenedor_general{
	border-radius:4px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	margin:auto;
	height:2470px;
	width:960px;
	background:url(../img/background/kuji.png);
	margin-top:14px;
}
#contenedor_general1{
	border-radius:4px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	margin:auto;
	width:960px;
	background:url(../img/background/kuji.png);
	margin-top:14px;
}
#contenido_general{
	border-radius:4px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	background:url(../img/background/photography.png);
	width:800px;
	height:2390px;
	margin-left:80px;
	margin-top:20px;
}
#link_constancia{
	margin-left:250px;
}
#contenido_general2{
	border-radius:4px;
	box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
	background:url(../img/background/photography.png);
	width:800px;
	margin-left:80px;
	margin-top:20px;
}
#titulo_general{
	text-align:center;
	margin-bottom:15px;
	width:700px;
	color:#FF9900;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-top:20px;
}
#titulo_general1{
	text-align:center;
	margin-bottom:16px;
	width:700px;
	color:#FF9900;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:26px;
	margin-top:20px;
}
#texto_interno{
	text-align:justify;
	margin-left:20px;
	margin-right:20px;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
#texto_interno1{
	text-align:justify;
	margin-left:70px;
	margin-right:70px;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
}
#texto_interno_dias{
	margin-top:15px;
	margin-left:70px;
	color:#33C;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
}
#texto_interno_precio{
	margin-top:15px;
	margin-bottom:20px;
	margin-left:70px;
	color:#F30;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
}
#img_detalle_paquete_turistico{
	margin-top:10px;
	text-align:center;
	}
#imagen_tarjetas_credito{
	margin-top:160px;
	text-align:center;
	margin-top:10px;
}
/* --------------------Inicio Maquetacion general-------------------- */

/*--------Inicio del videos----------*/
#video{
	margin-left:190px;
}
/*--------Fin del Videos----------*/


/*--------Inicio del Footer----------*/

div#contenedor-footer{
	position:relative;
	height:110px;
	/*width:100%;*/
	background-image:url(../img/background/stardust.png);
	/*background:#999;*/
	border-top: 3px solid #E4A734;
}
p.rights{
	position:relative;
	text-align:center;
	font-size:12px;
	top:20px;
	color:#FBFBFB;
}
p.rights a{
	color:#FFFF33;
}
p.contacto{
	position:relative;
	text-align:center;
	font-size:12px;
	top:21px;
	color:#FBFBFB;
}
p.contacto a{
	color:#FFFF33;
	text-decoration:none;
}
p.developed-by{
	position:relative;
	text-align:center;
	font-size:11px;
	top:50px;
	color:#FBFBFB;
}
p.developed-by a{
	color:#FFFF33;
	text-decoration:none;
}
p.volver{
	position:absolute;
	bottom:20px;
	right:20px;
	color:#333333;
	background-color:#333;
	padding:10px 20px 10px 20px;
}
p.volver a{
	color:#FF9900;
	text-decoration:none;
}
p.volver a:hover{
	text-decoration:underline;
}


/*--------Fin del Footer----------*/
/*--------INICIO del boton Mas información----------*/
.classname {
	-moz-box-shadow:inset 0px 1px 0px 0px #fceaca;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fceaca;
	box-shadow:inset 0px 1px 0px 0px #fceaca;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffce79), color-stop(1, #eeaf41) );
	background:-moz-linear-gradient( center top, #ffce79 5%, #eeaf41 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce79', endColorstr='#eeaf41');
	background-color:#ffce79;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:-2.72px;
	border:1px solid #eeb44f;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	font-style:italic;
	height:18px;
	line-height:18px;
	width:101px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ce8e28;
}
.classname:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #eeaf41), color-stop(1, #ffce79) );
	background:-moz-linear-gradient( center top, #eeaf41 5%, #ffce79 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeaf41', endColorstr='#ffce79');
	background-color:#eeaf41;
}.classname:active {
	position:relative;
	top:1px;
}
/*--------FIN del boton Mas información----------*/

/*--------INICIO del boton Ver FOTOGRAFIA----------*/
#ver_fotos {
	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	-webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
	box-shadow:inset 0px 1px 0px 0px #97c4fe;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background-color:#3d94f6;
	-webkit-border-top-left-radius:11px;
	-moz-border-radius-topleft:11px;
	border-top-left-radius:11px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:11px;
	-moz-border-radius-bottomright:11px;
	border-bottom-right-radius:11px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0px;
	border:1px solid #337fed;
	display:inline-block;
	color:#ffffff;
	font-family:Comic Sans MS;
	font-size:10px;
	font-weight:normal;
	font-style:normal;
	height:16px;
	line-height:16px;
	width:100px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #1570cd;
}
#ver_fotos:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background-color:#1e62d0;
}
#ver_fotos:active {
	position:relative;
	top:1px;
}
/*--------FIN del boton Ver FOTOGRAFIA----------*/


/*---------- Inicio de la Ficha de Contacto----------*/

div#contenedor_ficha_contacto{
	background-image:url(../img/background/greyzz.png);
	margin:10px 218px 10px;
	border-radius:10px;
}
div#contenido_ficha_contacto{
	background:#FFF;
	width:605px;
	border-top: 20px solid #FFF  ;
	border-bottom:10px solid #fff;
}
.contact_form h2{
	background:none no-repeat scroll 0 0 #f3f3f3;
	border-radius:5px;
	color:#F90;
	display:block;
	font-family:sans-serif;
	font-size:22px;
	padding:5px;
	text-shadow:1px 1px 1px #CCCCCC;
	width:565px;
	text-align:center;
}
/*-----Estilos para la ul y li del formulario---- */
.contact_form ul{
	width:600px;
	list-style-type:none;
	margin:0px;
	padding:2px;
}

.contact_form li{
	padding:12px;
	border-bottom:1px solid #eee;
	position:relative;
}

.contact_form label{
	color:#555555;
	display:inline-block;
	float:left;
	font-family:sans-serif;
	font-size:13px;
	font-weight:bold;
	margin-top:3px;
	padding:3px;
	width:90px;
}

.contact_form input{
	height:20px;
	width:290px;
	padding:5px 8px;
}

.contact_form textarea{
	padding:8px;
	width:370px;
}

.contact_form button{
	margin-left:250px;
}
/*-----Estilos Visuales de los Elementos ------*/
.contact_form input, .contact_form textarea{
	border:1px solid #aaa;
	box-shadow:0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	color:#888;
	font-size:12px;
	padding-right:30px;
	-moz-transition: padding .25s;
	-webkit-transition: padding .25s;
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background:#fff;
	border: 1px solid #555;
	box-shadow: 0 0 3px #aaa;
	padding-right:80px;
}
/*-----Estilos para la validación de los campos-----*/
.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow:0 0 5px #5cd053;
	border-color:#28921f;
}
.contact_form input:required:invalid, .contact_form textarea:required:invalid {
	box-shadow:0 0 5px #d42522;
	border-color:#b03535;
}
/*-----Estilos para el boton de envio-----*/
.contact_form button.submit{
	padding:9px 17px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	line-height:1;
	color:#444;
	border:none;
	text-shadow:0 1px 1px rgba(255, 255, 255, 0.85);
	background-image: -webkid-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#bbb));
	background-image: -moz-linear-gradient(0% 100% 90deg, #BBBBBB, #FFFFFF);
	background-color:#fff;
	border:1px solid #f1f1f1;
	border-radius:5px;
	box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
}
.contact_form button.submit:hover{
	opacity:.55;
	cursor:pointer;
	color:#F60;
}
.contact_form button.submit:active{
	border:1px solid #222;
	box-shadow:0 0 10px 5px #444 inset;
}
/*---------- Fin de la Ficha de Contacto----------*/

/*---------- MAQUETACION PARA UBICACION ----------*/

#contenedor_google_maps{
	background:url(../img/background/photography.png);
	background-color:#00CC66;
	margin-left:20px;
	border-radius:10px;
	height:490px;
	width:920px;
}
#img_google_maps{
	margin-left:20px;
}
#contenido2_google_maps{
	margin-left:600px;
	width:300px;
	height:400px;
	margin-top:-454px;
	color:#666;
	font-size:14px;
}

/*---------- MAQUETACION PARA UBICACION ----------*/