@charset "utf-8";
@font-face{font-family:bree-serif; src:url(Bree.ttf);
	}
body { margin:0 auto; font-family:bree-serif; font-size:12px;}

.contenido, .custom{ max-width:1200px; margin:0 auto; text-align:justify;clear: both;}
.header ul, .recurso ul, .promociones ul, .banners ul, div.itemRelated ul{ margin:0; padding:0;} 
.header ul li, .recurso ul li, .promociones ul li, .banners ul li, div.itemRelated ul li{ list-style:none;}

.home .header{ width:100%; float:left; margin:0; padding:7px 0; z-index:1; position:absolute; color:#FFF}
.secciones  .header{ width:100%; float:left; margin:0; padding:7px 0; z-index:1; position:relative; color:#333;box-shadow: 0 0 15px rgba(84,84,84,0.5);background: #f2f2f2}
	.header a{ text-decoration:none;}
	.header .logotipo{float:left; margin:5px 0 0 0;position:absolute;}
	img.logotipo-movil{display: none;}
	.header .derecha{ float:right; margin:15px 0 0 0;}
	.header .mod-languages_idioma{float:right;margin:0 0 0 0;}
		.header .mod-languages_idioma ul li{ list-style:none; float:left; text-transform:uppercase;}
		.header .mod-languages_idioma ul li  img{margin:0 7px;}
	.header .correo{ float:right; margin:0 15px 0 0;font-size:14px;}
		.header .correo i{  float: left; margin:0 7px 0 0;vertical-align:middle; }
		.header .custom_correo{float: left;}
		.home .header .custom_correo a{ color: #fff}
		.secciones .header .custom_correo a{ color: #333}
		.header p{padding: 0;margin: 0;}

	.header .telefono{ float:right; margin:0 15px 0 0;font-size:14px;}
		.header .telefono i{ margin:0 7px 0 0;float: left; }
		.header .custom_telefono{ font-size:18px; float:right; margin:0 15px 0 0; font-weight:bold;}
		.home .header .custom_correo a{ color: #fff}
		.secciones .header .custom_correo a{ color: #333}
		.fa-whatsapp{color: #fff; background: green; padding: 1px 2px; -webkit-border-radius:4px;border-radius:4px;-moz-border-radius:4px;}

	.header .menu{ clear:both; float:right; margin:5px 0;font-size:12px;}

		#gruemenu.grue_93, #gruemenu.grue_108{ background:none !important;font-family:bree-serif !important; }
		#gruemenu.grue_93 > ul, #gruemenu.grue_108 > ul{ box-shadow:none !important;}
		#gruemenu.grue_93 > ul > li, #gruemenu.grue_108 > ul > li{ float:none !important;font-family:bree-serif !important;}
		.home #gruemenu.grue_93 > ul > li > a,.home #gruemenu.grue_108 > ul > li > a{color: #fff !important;font-family:bree-serif !important;}
		.secciones #gruemenu.grue_93 > ul > li > a, .secciones #gruemenu.grue_108 > ul > li > a{color: #333 !important;font-family:bree-serif !important;}
		#gruemenu.grue_93 > ul > li:hover > a, #gruemenu.grue_93 > ul > li > a:hover, #gruemenu.grue_93 > ul > li.active > a, #gruemenu.grue_108 > ul > li:hover > a, #gruemenu.grue_108 > ul > li > a:hover, #gruemenu.grue_108 > ul > li.active > a{color: #E3AE22 !important;background:none !important;border-bottom:#E3AE22 3px solid;}
		#gruemenu > ul > li > ul > li{ text-align:left !important; text-transform:uppercase;}

.slidecolor{float:left; width:100%; position:relative;z-index:0;margin: 0 0 0 0; padding:0;text-align:center;background: #000}
.slide{float:left; width:100%; position:relative;z-index:0;margin: 0 0 0 0; padding:0;text-align:center;opacity: 0.8}
	.slide img{max-width:100%;min-width:100%;height: 700px !important;}

.sobreslide{float:left; width:100%; position:absolute;z-index:0;margin:0; padding:0;bottom:35%;}

.frases{ float:right; width:100%; text-align:center}
	.frases h3{font-size:60px; color:#FFF; text-transform:uppercase;text-shadow: 0.05em 0.05em 0.10em #000; padding:0; margin:0; font-weight:normal;}
	.frases span{color:#FFFFFF;font-size:38px;text-shadow: 0.05em 0.05em 0.10em #000;font-weight:bold}
	.frases .getnow{margin-top:35px;}
	.frases .getnow a {padding: 16px 25px;border: #0094D9 2px solid;color: #0094D9;text-decoration: none;}
	.frases .getnow a:hover{background: #0094D9;color: #fff;}

.recurso{width:100%;color:#333;float:left; margin-top: -50px;  }
	.recurso h3{ text-align:center; float:left; width:100%; color:#333333;font-weight:bold; padding:10px 0 0 0; margin:0 0 15px 0;font-size:20px;}
	.recurso li.destino{ list-style:none; float:left; width:19%; margin:0px 0.5%;position:relative}
	.recurso .imagen{width:100%;line-height: 0;}
	.recurso .imagen img{max-width: 100%;min-width: 100%}
	.recurso .texto {color:#FFFFFF;text-decoration:none;padding:5px 0; font-size:20px;text-shadow: 3px 3px 3px #000000;background: url(../images/bg-title.png) bottom repeat-x; width:100%;text-align:center;position:absolute;bottom: 0;padding-bottom: 20px;}

.promociones{float:left; width:100%;}
	.promociones h3{text-align:center; float:left; width:100%; padding:0; margin:20px 0; font-size:20px; color:#333333;}
	.promociones li.paquete{float:left; width:24%; margin:0px 0.5%;position:relative;list-style:none; }
		.promociones .imagen {float: left; width: 100%;line-height: 0px;}
		.promociones .imagen img{min-width: 100%;max-width: 100%; }
		.promociones .moduleItemExtraFields {position: absolute; bottom: 0px; width: 100%;background: url(../images/bg-title.png);}
		.promociones .titulo{background: url(../images/bg-title-r.png) repeat-x top ; width:100%;text-align:center;position:absolute;top:0px;padding:10px 0; }
		.promociones .titulo a{color:#FFFFFF;text-decoration:none;font-size:18px;text-shadow: 3px 3px 3px #000000;}
		.promociones .group2{width:50%;text-align:right;margin:5px 0px; float: right; }
		.promociones .group2 span{color:#FFFFFF;text-decoration:none;padding:7px; font-size:14px;text-shadow: 3px 3px 3px #000000;}
		.promociones .group1{width:46%;text-align:left;float: left; margin:0 0 2% 4%}
		.promociones .group1 span{margin: 0px 5px; color:#E3AD21;text-decoration:none;font-size:28px;font: bold;text-shadow: 3px 3px 3px #000000;}

.banners{float: left;width:100%; margin: 30px 0px 0px;}
	.banners .video{float:left; width:60%;}
		.banners .video p{margin: 0;}
		.banners .video iframe{margin: 0px 1%;}
 	.banners .banneritem{float:right; width:40%;}
	.banners .banneritem img{ max-width:100%;min-width: 100%}

.pasajes{float:left; width:100%;text-align: center;}
	.pasajes h3{ text-align:center; float:left; width:100%; color:#333333;font-weight:bold; padding:20px 0 0 0; margin:0 0 15px 0;font-size:20px;}
	.pasajes img{max-width: 100%;}

.footer{background: url(../images/footer-img.png) no-repeat center #E3AD21; clear:both;width:100%; margin: 20px 0px;; padding:20px 0; color:#FFF;font-size:11px;float:left}
	.footer  a{color:#FFFFFF;}
	.footer .derechos {float:left;width: 50%}
	.footer .contactos{float:right;width: 50%;text-align: right;font-size:13px}

.footer2{clear:both;width:100%; margin:0; padding:10px 0; color:#FFF;font-size:11px;float:left}
	.footer2 .izquierda {float:left;width: 33%}
	.footer2 .derecha {float:right;width: 33%;}
	.footer2 .redes{ float:left; text-align: center; margin-top: 10px;width: 33.33%}
		.redes i{ background:#E3AD21; margin: 0 3px; width: 25px;height: 25px;line-height: 25px;-webkit-border-radius:50%;border-radius:50%;-moz-border-radius:50%;font-size: 20px;color: #fff;padding: 5px;text-align: center;transition: all .2s ease-in-out;}
		.redes i:hover{transform: scale(1.5);}
	.footer2 img{max-width: 100%;}

/*Contenido */

h2.tituloitem, .componentheading{padding: 0;padding:20px 0; text-transform: uppercase; font-weight: bold;font-size: 25px;}
.contenido img{max-width: 100%;}
.item-page a{list-style: none;color: #E3AE22 }

/*Paquetes Listado*/

div.itemContainer {width:32.3%; margin:0.5%;}
.itemListView{}
div.catItemView {margin-bottom:0;padding:0;}
div.catItemIsFeatured:before, div.userItemIsFeatured:before, div.itemIsFeatured:before{    content: none;}
div.catItemBody {padding: 0;margin: 0;}
.catItemHeader{background: url(../images/bg-title-r.png) repeat-x top ; width:100%;text-align:center;position:absolute;top:0px;padding:10px 0; }
div.catItemHeader h3.catItemTitle{padding: 0;}
div.catItemHeader h3.catItemTitle a{color:#FFFFFF;text-decoration:none;font-size:18px;text-shadow: 3px 3px 3px #000000;}
div.catItemImageBlock {float: left; width: 100%;line-height: 0px;padding: 0; margin: 0;}
div.catItemImageBlock img{max-width: 100%;min-width: 100%; height: 305px;}
span.catItemImage { display: block;text-align: center;margin:0;}
div.catItemExtraFields{position: absolute; bottom:0; width: 100%;background: url(../images/bg-title.png); float:left;}
div.catItemExtraFields, div.genericItemExtraFields { margin:0; padding:0; border-top:none;}
div.catItemExtraFields .group2{width:50%;text-align:right;margin:5px 0px; float: right; }
		div.catItemExtraFields .group2 span{color:#FFFFFF;text-decoration:none;padding:7px; font-size:14px;text-shadow: 3px 3px 3px #000000;}
		div.catItemExtraFields .group1{/*width:46%;*/text-align:left;float: left; margin:0 0 2% 4%}
		div.catItemExtraFields .group1 span{margin: 0px 5px; color:#E3AD21;text-decoration:none;font-size:28px;font: bold;text-shadow: 3px 3px 3px #000000;}

/*Paquetes Detalles*/
div.itemView {padding: 0;margin: 35px 0 0 0 ; float: left;width: 100%;}
div.itemHeader {float: right;width: 35%; margin-top: 25px;}
h2.itemTitle {padding: 0;margin: 0 0 10px 0; text-transform: uppercase;}
div.itemExtraFields {margin: 0; padding: 0; border-top: none;}
div.itemExtraFields li{float: left;margin-right: 10px; font-size: 25px;text-transform: uppercase;color: #E3AE22;}
div.itemExtraFields li.group1:before{ content:"\f0d6"; color: #333; margin-right: 5px; font-family: FontAwesome; }
div.itemExtraFields li.group2:before{ content:"\f185"; color: #333; margin-right: 5px; font-family: FontAwesome; }
div.itemImageBlock {padding:0;margin: 0;float: left;width: 60%}
div.itemImageBlock img{max-width: 100%; border-right: 5px #E3AD21 solid}
	span.itemImage { display: block;text-align: center; margin: 0;}
div.itemAttachmentsBlock:before{content:"\f019"; color: #333; margin-right: 5px; font-family: FontAwesome; }
div.itemAttachmentsBlock { padding: 10px 0; border-bottom: 1px dotted #ccc; border-top: 1px dotted #ccc;}
	div.itemAttachmentsBlock ul.itemAttachments li a{text-transform: uppercase;color: #E3AE22; }
div.itemBody {padding: 0;margin: 0;clear: both;float: left;width: 68%;}
div.itemFullText p{ color:#666}
div.itemRelated {margin-bottom: 16px;padding: 0;float: right;width: 30%; text-align: center;}
	div.itemRelated li{margin: 15px 0;}
	div.itemRelated h3{text-transform: uppercase; }
div.itemRelated .titulo a{color:#333;text-decoration: none}
div.itemRelated .leermas{margin-bottom: 45px;float: left;width: 100%;}
div.itemRelated .getnow{margin-top:25px;}
	div.itemRelated .getnow a {padding: 10px 25px;color: #fff;text-decoration: none;background: #E3AE22}
	div.itemRelated .getnow a:hover{background: #E3AE22;color: #fff;}
div.itemBackToTop a{color: #fff}
div.itemBackToTop .getnow{margin-top:25px;}
	div.itemBackToTop .getnow a:before{content:"\f0a6"; color: #fff; margin-right: 8px; font-family: FontAwesome; }
	div.itemBackToTop .getnow a {padding: 10px 25px;color: #fff;text-decoration: none;background: #E3AE22;}
	div.itemBackToTop .getnow a:hover{background: #E3AE22;color: #fff;}
.reservas {float: left;width: 100%;margin-top: 15px;}
.reservas h3{text-align: center;font-size: 22px;margin: 0;padding: 0;}
.wrapper_reservasformsmall{width: 100%; height: 420px;}

/*CONTACTO*/
	.moduletable_contactform{width:50%; float:left; margin-top:10px;}
	.wrapper_contactform{width:100%;height:350px;}
	.moduletable_mapa{ float:right; width:45%;}

/*-------------------------------------------------------------------------*/

/*Subcategorias de Tours*/
.subCategoryContainer{width: 50%}
div.subCategory {background: none; border: none; margin: 4px;padding: 8px;}
	div.subCategory h2 {position: absolute;text-align: center; color: #fff; text-shadow: 3px 3px 3px #000000;background: url(../images/bg-title-r.png) bottom repeat-x;display: block;font-size: 1.5em;font-weight: bold; width: 100%; margin: 0;padding: 25px 0;}
.subCategoryImage{float: left; width: 100%;line-height: 0px;position: relative;}
	.subCategoryImage img{background: url(../images/bg-title.png) bottom repeat-x;}

/*-----------------------------------------------------------------------------*/

@media screen and (max-width: 780px) {
	.contenido, .custom{ width:100%; margin:0 auto; text-align:justify;clear: both;}

	.home .header{ width:100%; float:left; margin:0; padding:7px 0; z-index:1; position:relative; color:#333}
	.header .logotipo{float:left; margin:5px 0 0 0;position:relative;width: 100%;text-align: center;}
	img.logotipo-movil{display: block;}
	img.logotipo-pc{display: none;}
	.header .derecha{ float:none; margin:15px 0 0 0;}
	.header .mod-languages_idioma{float:left;margin:0 0 0 0;text-align: center;width: 100%}
		.header .mod-languages_idioma ul li{ list-style:none;display: inline; text-transform:uppercase;float: none;}

	.header .correo{ float:right; margin:0 15px 0 0;font-size:14px;display: none;}

	.header .telefono{ float:right; margin:0;font-size:14px;width: 100%; text-align: center;}
		.header .telefono i{ margin:0 7px 0 0;display: none;}
		.header .custom_telefono{float: none;}

	.home #gruemenu.grue_93 > ul > li > a,.home #gruemenu.grue_108 > ul > li > a{color: #333 !important;}


	.slide img{max-width:100%;min-width:100%;height: 300px !important;}

	.sobreslide{float:left; width:100%; position:relative;z-index:0;margin:0; padding:15px 0 35px 0;}

	.frases h3{font-size:20px; color:#333; text-transform:uppercase;text-shadow: none; padding:0; margin:0; font-weight:normal;}		
		.frases span{color:#FFFFFF;font-size:38px;text-shadow: none;font-weight:bold}
	
	.recurso{width:100%;color:#333;float:left; margin-top: 0;  }
		.recurso li.destino{ list-style:none; float:left; width:49%; margin:0.5%;position:relative}

	.promociones li.paquete{float:left; width:100%; margin:0.5% 0;position:relative;list-style:none; }

	.banners .video{float:left; width:100%;}
		.banners .video iframe{margin: 1% 0;width: 100%}
 	.banners .banneritem{float:right; width:100%;}

	.footer .derechos {float:left;width: 100%;text-align: center;}
	.footer .contactos{float:right;width: 100%;text-align: center;font-size:13px}
		.footer2 .izquierda {float:left;width: 100%;text-align: center;}
		.footer2 .derecha {float:right;width: 100%;text-align: center;}
		.footer2 .redes{ float:left; text-align: center; margin-top: 10px;width: 100%}

	/*Paquetes Detalles*/
	div.itemHeader {float: none; text-align: center; width: 100%; margin-top: 25px;}
	div.itemExtraFields li{float: none;margin-right: 5px 0; font-size: 25px;text-transform: uppercase;color: #E3AE22;text-align: center;}
	div.itemImageBlock {padding:0;margin: 0;float: none;width: 100%}
	div.itemBody {padding: 0;margin: 0;clear: both;float: none;width: 100%;text-align: center;}
	div.itemRelated {margin-bottom: 16px;padding: 0;float: right;width: 100%; text-align: center;}
	div.catItemExtraFields .group2 { width: 50%;text-align: right;margin: 5px 0px;float: none;position: absolute;right: 50px;}

	/*CONTACTO*/
	.moduletable_contactform{width:100%; float:left; margin-top:10px;}
	.moduletable_mapa{ float:right; width:100%;}

	#gruemenu.grue_108 ul ul li a,#gruemenu.grue_93 ul ul li a, #navigation-toggle {color: #D1E3FB;background: #E3AE22 !important;}

	.sidr.left {display: none;position: fixed;top: 0;height: 100%;z-index: 999999;width: 320px;overflow-x: auto;overflow-y: auto;font-size: 16px;background: rgba(227, 174, 34, 0.90);color: #333;}

	.sidr.left ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active {background: #fff;color: #333;}

	.sidr.left ul li a, .sidr.left ul li span {padding: 0 15px;display: block;text-decoration: none;color: #333;}

	.sidr-class-current  a {background: #fff !important;}

	.subCategoryContainer{width: 100%;}
	.sidr-class-sub-menu{background: rgba(206, 181, 85, 0.9)}
}

@media screen and (max-width: 480px) {
	.contenido, .custom{ width:100%; margin:0 auto; text-align:justify;clear: both;}
	.slide img{max-width:100%;min-width:100%;height: 200px !important;}
}