@charset "utf-8";

/* global */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;	
}
body {
	background: #fff;
	color: #666;
	font-family: "Lato", Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;	
}

.liquidbox-fixed-height-box{
height: 260px !important;
	}
.liquidbox-submit .bdtslqbx-btn-bg-submit { 
min-width: 190px !important;
	}
	.bdts-liquidbox{

	width: 321px !important;
	height:354px !important;
}

.promobox .bdtslqbx-tab-bg.bdtslqbx-tab-color{
background: rgba(10, 31, 88, 0.46);
color:#ffffff;
}	
.promobox .bdtslqbx-main-bg{
background-color: rgba(10, 31, 88, 0.46);
}
.promobox .bdtslqbx-body-color label{
color:#ffffff;
}	
.promobox .bdtslqbx-border-color{
border-color: rgba(10, 31, 88, 0.1);
}
.promobox .bdts-liquidbox{

	width: 70% !important;
	height:354px !important;
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 50px;
}

ul, ol {
	list-style-type: none;	
}
img {
	max-width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	color: #222;	
}
.blue {
	color: #69adc8;
}
a.blue:hover {
	color: #000;	
}

.blue {
	color: #6a8942;
}
a.blue:hover {
	color: #000;	
}
a:hover {
	transition: .5s ease all;	
}
.lightbox-target {
position: fixed;
top: -100%;
width: 100% !important;
background: rgba(0,0,0,.7);
width: 100%;
z-index: 1;
opacity: 0;
-webkit-transition: opacity .5s ease-in-out;
-moz-transition: opacity .5s ease-in-out;
-o-transition: opacity .5s ease-in-out;
transition: opacity .5s ease-in-out;
overflow: hidden;
}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
margin: auto;
position: absolute;
top: 0;
left:0;
right:0;
bottom: 0;
max-height: 0%;
max-width: 0%;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
box-sizing: border-box;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}

/* Styles the close link, adds the slide down transition */

a.lightbox-close {
display: block;
width:50px;
height:50px;
box-sizing: border-box;
background: white;
color: black;
text-decoration: none;
position: absolute;
top: -80px;
right: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
}
	
a.lightbox-close:before {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
}

/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
content: "";
display: block;
height: 30px;
width: 1px;
background: black;
position: absolute;
left: 26px;
top:10px;
-webkit-transform:rotate(-45deg);
-moz-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
opacity: 1;
top: 0;
bottom: 0;
left: 0;
}

.lightbox-target:target img {
max-height: 100%;
max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
top: 0px;
}
/* header */

#mainHeader {
	text-align: center;	
}
#mainLogo {
	margin: 2rem 0.25rem 2rem 0.25rem;	
}
#mainNav p {
	color: #444;
	margin: 0 0 1rem 0;
	padding: 0 0 .25rem 0;
	border-bottom: 1px solid #666;	
	cursor: pointer;
}
#mainNav p a:hover {
	background: none;
	color: #69adc8;
}
#mainNav p:hover {
	color: #69adc8;	
}
#mainNav ul {
	display: none;	
}
#mainNav ul li {
	display: inline-block;
	margin: 0 .1rem .25rem 0;	
}
#mainNav ul li a {
	background: #69adc8;
	color: #fff;
	padding: .25rem;	
}
#mainNav ul li a:hover {
	background: #666;
}
#idiomas a {
	display: inline-block;
	width: 45px;
	padding: 25px 0 0 0;
	margin: 0 5px 0 0;
	text-decoration: none;
	font-size: 10px;
	color: #333;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;	
}
#idiomas a:hover {
	opacity: .25;
	transition: .5s ease all;	
}
#idiomas a#en {
	background-image: url(../pic/bandera-en.gif);	
}
#idiomas a#fr {
	background-image: url(../pic/bandera-fr.gif);	
}
#idiomas a#de {
	background-image: url(../pic/bandera-de.gif);	
}
#idiomas a#it {
	background-image: url(../pic/bandera-it.gif);	
}
#idiomas a#pt {
	background-image: url(../pic/bandera-pt.gif);	
}

/*Redes Sociales bajo del menu */

#redes-soc-men {
	display: inline-block;
}
#redes-soc-men a {
	display: inline-block;
	width: 30px;
	height: 5px;
	padding: 25px 0 0 0;
	margin: 0 5px 0 0;
	text-decoration: none;
	font-size: 10px;
	color: #333;
	text-align: center;
	background-repeat: no-repeat;
	background-position: top center;	
}

/* home */
div.fsbgr {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	clear: both;
		margin: 0 auto;
	max-width: 1920px;
}

div.promobox {
	background-repeat: no-repeat;
	background-size: 100% 100%;
	clear: both;
		margin: 0 auto;
	max-width: 1920px;
}
section.mainSecc {
	padding: 0 0 .5rem 0;	
}
section.mainSeccsmall {
	padding: 0 0 .5rem 0;	
}
#descubreMexico {
	background-image: url(../pic/slider-prin-cas.jpg);	
}
#encuentroHistoria {
	margin: 0 auto;
	max-width: 1920px;	
	background-size: cover; 
}
#bodas-romance-full {
		margin: 0 auto;
	max-width: 1920px;
	background-size: cover;	
}
#recintos-ini-full {
	
		margin: 0 auto;
	max-width: 1920px;
	background-size: cover;	
}
#destinos-mexico-full {

	margin: 0 auto;
	max-width: 1920px;
	background-size: cover;	
}
#playas {
	background-image: url(../pic/banner-pda-3.jpg);	
}

.mainSecc h1 {
	padding: 1rem 0;
	font-weight: 900;			
	color: #fff;			
	text-shadow: 0 0 5px #333;
	text-align: center;		
}
a.cuadroLiga {
	display: block;
	clear: both;
	overflow: hidden;
	padding: 0 1rem;
	margin: 0 0 .5rem 0;
}
a.cuadroLiga img {
	float: left;
	width: 19%;
	height: 19%;
	margin: 0 .5rem 0 0;
	border: 1px solid #fff;
}
a.cuadroLiga:hover img {
	opacity: .5;
	transition: .5s ease all;	
}
a.cuadroLiga h2 {
	color: #fff;
	font-size: 1rem;	
	text-shadow: 1px 1px 0 #333;
}
#navFijo {
	padding: .5rem 0;
	text-align: center;
	position: absolute;
	top: -3px;	
}

#navFijo a {
	display: inline-block;
	color: #fff;
	margin: .25rem;
	padding: .25rem;
	background: rgba(50,50,50,.8);	
}
#navFijo a:hover {
	background: rgba(255,255,255,.5);	
}
#navFijoizq {
	padding: 2.5rem 0;
	text-align: center;	
	position: absolute;
	top:-35px;
}

#navFijoizqindex {
	padding: 2.5rem 0;
	text-align: center;	
	position: absolute;
	top:-35px;
}
#bodas-romance-full {
	margin-bottom: 20px;
}

#navFijoizq a {
	display: inline-block;
	color: #fff;
	margin: .25rem;
	padding: .25rem;
	background: rgba(50,50,50,.8);	
}
#navFijoizqindex a {
	display: inline-block;
	color: #fff;
	margin: .25rem;
	padding: .25rem;
	background: rgba(50,50,50,.8);	
}
#navFijoizq a:hover {
	background: rgba(255,255,255,.5);	
}
#navFijoizqindex a:hover {
	background: rgba(255,255,255,.5);	
}
#redesSociales {
	overflow: hidden;
}


#redesSociales a:hover img {
	transform: scale(.8,.8);
	transition: .5s ease all;		
}
#anuncios {
	text-align: center;	
}
#anuncios h1 {
	font-weight: 900;
	color: #69adc8;	
	text-align: center;
	margin: .5rem 0;	
}
#anuncios a img {
	padding: .5rem 0;	
}
#anuncios a:hover img {
	box-shadow: 0 0 5px #999;
}
#reservaAhora {
	background: #ccc;
	border-radius: 15px;
	text-align: center;	
	margin: 1rem 2rem;	
}
nav.box {
	text-align: center;		
	padding: .5rem 0;
	margin: 0 0 1rem 0;
}
nav.box a {
	padding: 0 .5rem;
	border-right: 1px solid #ccc;
}
nav.box a:last-child {
	border-right: none;	
}
nav.box a:hover {
	color: #69adc8;	
}
footer#mainFooter {
	text-align: center;
	font-size: .7rem;
	padding: 0 0 .5rem 0;
	border-top: 1px dotted #eee;	
}
p#dev {
	text-align: center;
	background: #eee;
	clear: both;
	width: 100%;
	display: block;
	margin: 1rem 0 0 0;
	padding: 1rem 0 .5rem 0;
	font-size: .77rem;	
	color: #ccc;
}
p#dev a {
	background: #ff6405;
	color: white;
	font-weight: 700;
	padding: 0 .25rem;
	border-radius: .25rem;	
}

/* pages */

.menuExtra ul li {
	text-align: center;
	padding: .5rem 0;
	border-bottom: 1px solid #666;	
	background: #ccc;
}
.menudhp ul li {
	text-align: center;
	padding: .5rem 0;
	border-bottom: 1px solid #666;	
	background: #ccc;
}
.menuaye ul li {
	text-align: center;
	padding: .5rem 0;
	border-bottom: 1px solid #666;	
	background: #ccc;
}
.mainContent {
	padding: 1rem .5rem;	
}
.mainContent h1 {
	font-weight: 400;			
	color: #999;
	font-size: 2rem;		
}
.mainContent  h6{
	font-weight: 400;			
	color: #555353;
	font-size: 2rem;
	text-align: center;		
}
.mainContent  h4{
	font-weight: 400;			
	color: #555353;
	font-size: 2rem;
	text-align: center;		
}
	.mainContent h6 {
			font-size: 20px;
			padding: 7px 0px 7px 0;
			margin: 0 0 30px 0;
			background-color:#ccc;	
		}
.mainContent p {
	margin: 0 0 1rem 0;	
}
.ligasDestinos {
	margin: 1rem .5rem 2rem .5rem;
	text-align: center;	
}
.ligasDestinos1 {
	margin: 1rem .5rem 2rem .5rem;
	text-align: center;	
}
.ligasDestinos .sublist  {
	margin:0px;
	font-size:14px;
	margin-left: 10px;
	}
.ligasDestinos1 .sublist  {
	margin:0px;
	font-size:14px;
	margin-left: 10px;
	}
.ligasDestinos li {
	display: inline-block;
	padding: .25rem .5rem;
	margin: 0 .25rem .25rem 0;
	background: #69adc8;
	color: #fff;	
}
.ligasDestinos li h4 {
	color: #69adc8;	
	margin: 1rem 0 0 0;
}
.ligasDestinos1 li {
	display: inline-block;
	padding: .25rem .5rem;
	margin: 0 .25rem .25rem 0;
	background: #69adc8;
	color: #fff;	
}
.ligasDestinos1 li h4 {
	color: #69adc8;	
	margin: 1rem 0 0 0;
}
.redSoc {
	background: #69adc8;
	padding: 1rem;
	margin: 0 0 1rem 0;
}
.redSoc .bdtslqbx-template1
{
	width:210px !important;
}
.destinosLateral li {
	padding: 0 0 1rem 0;
	text-align: center;	
}
#guiasTuristicas {
	text-align: center;	
}
#guiasTuristicas h3 {
	margin: 2rem 0 .5rem 0;	
}
.promoGuia {
	background: #69adc8;
	text-align: center;
}
.promoGuia a:hover img {
	transform: scale(.9,.9);
	box-shadow: 0 0 10px #222;
	transition: .5s ease all;	
}
.descargaGuia {
	text-align: center;	
}
.descargaGuia h1 {
	margin: 0 0 1rem 0;	
}
.descargaGuia p {
	margin: 1rem 0;	
}
.size1 { font-size: 1.25rem;}
.size2 { font-size: 1.5rem;}
.size3 { font-size: 1.75rem;}
.size4 { font-size: 2rem;}
.size5 { font-size: 2.25rem;}
.eventDescr div {
	padding: 1rem;
	border-bottom: 5px dotted #ccc;
	margin: 0 0 1rem 0;
}
.eventDescr div h3 {
	font-size: 2rem;
	line-height: 1;
	margin: 0 0 .5rem 0;
}
.eventDescr div hgroup {
	background: #eee;
	padding: 1rem;
	margin: 0 0 1rem 0;	
}
p.regresar {
	text-align: right;	
}
p.regresar a {
	display: inline-block;
	background: #125479;
	color: #fff;
	padding: .25rem .5rem;	
}
p.regresar a:hover {
	background: #a32c3d;	
}
.lista {
	padding: 1rem 2rem;
	list-style-type: circle;	
}
ol.lista {
	list-style-type: decimal;	
}
.lista li {
	margin: 0 0 1rem 0;	
	font-size: .9rem;
}
.infoActive {
	background: #eee;	
}
.flag img{
	width: 30%;
	float: left;
}
.flag h2{
	display: -webkit-inline-box;
	padding-top: 28px;
	margin-bottom: 20px;
}
.cuadr3 {
	text-align: center;		
}
.cuadr7 {
	text-align: center;		
}
.cuadr6 {
	text-align: center;		
}
.
.cuadr3 h3 {
	line-height: 1.2;
	margin: .25rem 0;	
}
.cuadr7 h3 {
	line-height: 1.2;
	margin: .25rem 0;	
}
.cuadr6 h3 {
	line-height: 1.2;
	margin: .25rem 0;	
}
.cuadr2 {
	text-align: center;		
}
.cuadr2 h3 {
	line-height: 1.2;
	margin: .25rem 0;	
}
.expandir {
	display: inline-block;
	margin: .25rem 0 1rem 0;
	padding: .25rem;
	width: 1.5rem;
	height: 1.5rem;
	line-height: 1.5rem;
	font-size: 1.25rem;
	font-weight: bold;
	background: #ccc;
	color: #fff;	
}
.expandir:hover {
	background: #69adc8;	
}
.descripcion {
	display: none;	
}
.mainContent.mapas h2 {
	padding: 1rem;
	margin: 1rem 0 0 0;
	text-align: center;
	background: #ccc;
	color: #444; 	
}
.zoom {
	display:inline-block;
	position: relative;
	}
.zoom:after {
	content:'';
	display:block; 
	width:33px; 
	height:33px; 
	position:absolute; 
	top:0;
	right:0;
	background:url(../pic/icon.png);
	}
.zoom img {
	display: block;
	}
.zoom img::selection { 
	background-color: transparent; 
	}
.btnLong {
	background: #69adc8;
	display: block;
	text-align: center;	
	font-size: 1rem;
	color: #fff;
	padding: 1rem;
}
.btnLong:hover {
	background: #69adc8;
	transform: scale(.95,.95);
	border-radius: 2rem;	
}

.btnAye {
	background:#125479;
	display: block;
	transform: scale(.95,.95);
	text-align: center;	
	font-size: 1rem;
	color: #fff;
	padding: 8px;
	width: 25%;
}
.btnAye:hover {
	background: #125479;
	transform: scale(.95,.95);
	border-radius: 2rem;	
}


.btngreen {
	background:#6a8942;
	display: block;
	transform: scale(.95,.95);
	text-align: center;	
	font-size: 1rem;
	color: #fff;
	padding: 8px;
	width: 25%;

}
.btntinto {
	background:#810c26;
	display: block;
	transform: scale(.95,.95);
	text-align: center;	
	font-size: 1rem;
	color: #fff;
	padding: 8px;
	width: 25%;
}
.btntinto:hover {
	background: #810c26;
	transform: scale(.95,.95);
	border-radius: 2rem;	
}
.btnyellow {
	background:#febe00;
	display: block;
	transform: scale(.95,.95);
	text-align: center;	
	font-size: 1rem;
	color: #fff;
	padding: 8px;
	width: 25%;
}
.btnyellow:hover {
	background: #febe00;
	transform: scale(.95,.95);
	border-radius: 2rem;	
}
.btngreen:hover {
	background: #6a8942;
	transform: scale(.95,.95);
	border-radius: 2rem;	
}
.btnpurple {
	background:#7c3668;
	display: block;
	transform: scale(.95,.95);
	text-align: center;	
	font-size: 1rem;
	color: #fff;
	padding: 8px;
	width: 25%;
}
.btnpurple:hover {
	background: #7c3668;
	transform: scale(.95,.95);
	border-radius: 2rem;	
}
.menu-nav-soc {
			width: 100%;
		}


#navFijo img {
			display: inline-block;
			width: 98px;
		}
#navFijo h2 {
			color: #ffffff;
			font-size: 16px;
		}

#navFijoizq img {
			display: inline-block;
			width: 98px;
		}
		#navFijoizq h2 {
			color: #ffffff;
			font-size: 16px;
		}
#navFijoizq h1 {
			color: #ffffff;
			font-size: 16px;
		}
		#navFijoizqindex img {
			display: inline-block;
			width: 98px;
		}
		#navFijoizqindex h2 {
			color: #ffffff;
			font-size: 16px;
		}
#navFijoizqindex h1 {
			color: #ffffff;
			font-size: 16px;
		}

#redesSociales a {
	display: inline-block;
	float: left;
	width: 18.2%;
	text-align: center;
	margin-left: 3px;
	
}
/*EMPIEZA CODIGO MEDIA */
#redes-soc-men a#fc {
	background-image: url(../pic/un-fc.png);	
}
#redes-soc-men a#tw {
	background-image: url(../pic/un-tw.png);	
}
#redes-soc-men a#pin {
	background-image: url(../pic/un-pin.png);	
}
#redes-soc-men a#ins {
	background-image: url(../pic/un-ins.png);	
}
#redes-soc-men a#blogger {
	background-image: url(../pic/un-blogger.png);	
}

#redes-soc-men a#youtube {
	background-image: url(../pic/un-youtube.png);	
}

#redes-soc-men a#gplus{
	background-image: url(../pic/un-ggplus.png);	
}

#redes-soc-men a#maps {
	background-image: url(../pic/un-maps.png);	
}


#bodas-romance-full h1 {  color: #ffffff;font-size: 27px; }
#destinos-mexico-full h1 {  color: #ffffff;font-size: 27px; }

#recintos-ini-full h1 {  color: #ffffff;font-size: 27px; }




.column-1-ini img {
 width: 100%;

}
#redesSociales a.restaurant-ini {
width: 17.5%;
}
#redesSociales a.rutas-turis {
width: 18.2%;
margin-left: 12%;
}

.column-3-ini {
   text-align: center;
}
.column-wrap .one-fifth {
 text-align: center;
}

#promociones {
			background-color: #c1ae9b;	
		}



#redesSociales {
	display: block;
	text-align: center;
	margin: 0 auto;
}


.cuadr4-ini {
			text-align: center;
		}


.column-wrap .two-fifths {
   text-align: center;
}

.column-wrap .two-fifths-low {
   text-align: center;
}

.column-1-ini {
	text-align: center;
}


@media (min-width: 610px) {

#redesSociales a.restaurant-ini {
max-width: 100px;
}
#redesSociales a.rutas-turis {
display: block;
	float: left;
	max-width: 85px;
	text-align: center;
	margin-left: 0px;
	padding-left: 70px;
}

.column-1-ini img {
	display: block;
}
/*COLUMNA FINAL DE INICIO*/

.column {
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.column img {
  width: 100%;
  display: block;
}

.column-wrap {
  width: 1366px;
  max-width: calc( 100% + 5px );
  margin: 0 auto;
  overflow: hidden;
}
.column-wrap-2 {
  width: 1366px;
  max-width: calc( 100% + 5px );
  margin: 0 auto;
  overflow: hidden;
  padding-bottom: 70px;
}
.column {
  padding: 0 3.5px;
  float: left;
}
.column-wrap .one-fifth {
  width: 18.8%;
  position: relative;
  padding: 0;
  margin-right: 5px;
}

.column-wrap .two-fifths {
  width: 38.5%;
  margin-right: 12px;
  position: relative;
  padding:0;
}
.column-wrap .two-fifths-low {
  width: 38.5%;
  margin-left: 7px;
  position: relative;
  padding:0;
}
.column-wrap .three-fifths {
  width: 60%;
}
.column-wrap .four-fifths {
  width: 80%;
}
/*TERMINA COLUMNA FINAL DE INICIO*/


.cuadr4-ini {
			width:18%;
			margin-left: 90px;
			float: left;
			font-size: .8rem;
		}



#redesSociales a {
	display: block;
	float: left;
	max-width: 90px;
	text-align: center;
	padding-left: 70px;
}
#redesSociales img {
	display: block;
}
#redes-soc-men a:hover {
	opacity: .25;
	transition: .5s ease all;	
}



/* Create four equal columns that floats next to each other */

.cuadr4-ini .back-black, .back-black-ft {
background-color: rgba(0, 0, 0, 0.71);
position: absolute;
bottom: 0;
height: 23%;
width: 100%;


}

.cuadr4-ini h2{
color: #ffffff;
position: absolute;
bottom: 15%;
left: 0;
right: 0;

}
.cuadr4-ini .back-black-ft h2{
color: #ffffff;
position: absolute;
bottom: 15%;
left: 0;
right: 0;

}
.column-1-ini h2{
color: #ffffff;
position: absolute;
bottom: 15%;
text-align: center;
left: 0;
right: 0;

}
.column-1-ini .back-black {
background-color: rgba(0, 0, 0, 0.71);
position: absolute;
bottom: 0;
height: 15%;
width: 100%;


}

.column-wrap .two-fifths .back-black {
background-color: rgba(0, 0, 0, 0.71);
position: absolute;
bottom: 0;
height: 15%;
width: 100%;


}
.column-wrap .two-fifths h2{
color: #ffffff;
position: absolute;
bottom: 15%;
left: 28%;
font-size: 16px;

}
.column-wrap .two-fifths-low .back-black {
background-color: rgba(0, 0, 0, 0.71);
position: absolute;
bottom: 0;
height: 15%;
width: 100%;


}
.column-wrap .two-fifths-low h2{
color: #ffffff;
position: absolute;
bottom: 15%;
left: 0;
right: 0;
font-size: 16px;

}
.column-wrap .one-fifth .back-black {
background-color: rgba(0, 0, 0, 0.71);
position: absolute;
bottom: 0;
height: 15%;
width: 100%;


}
.column-wrap .one-fifth h2{
color: #ffffff;
position: absolute;
bottom: 15%;
left: 0;
right: 0;
font-size: 16px;

}
.column-2-ini h2{
color: #ffffff;
position: absolute;
bottom: 15%;
left: 0;
right: 0;
font-size: 16px;

}
.column-2-ini .back-black {
background-color: rgba(0, 0, 0, 0.71);
position: absolute;
bottom: 2%;
height: 17%;
width: 100%;


}

.column-1-ini {
    float: left;
    width: 40%;
    position: relative;
}
.column-2-ini {
    float: right;
    width: 60%;
 
    height: 300px; /* Should be removed. Only for demonstration */
}
.column-3-ini {
    float: left;
  margin-left:8px;
    width: 30.7%;
 position: relative;
    margin-bottom:20px;
     /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.cow:after {
    content: "";
    display: table;
    clear: both;
}

	#separator {
		margin-bottom: 70px;
	}
		
		#navFijo h2 {
			display: block;
			color: #ffffff;
			padding: 15px 0;	
			font-size: 32px;
		}
		#navFijo img {
			display: inline-block;
			padding-left: 150px;
			float: left;
			width: 205px;
		}
		#navFijoizq h2 {
			display: block;
			color: #ffffff;
			padding: 15px 0;	
			font-size: 32px;
		}
		#navFijoizq img {
			display: inline-block;
			padding-right: 150px;
			float: right;
			width: 205px;
		}
		#navFijoizqindex h2 {
			display: block;
			color: #ffffff;
			padding: 15px 0;	
			font-size: 32px;
		}
		#navFijoizqindex img {
			display: inline-block;
			padding-right: 150px;
			float: right;
			width: 205px;
		}	
.menu-nav-soc {
	width: 1080px;
}
		
		/* 960 global */
			.bdtslqbx-template1{
height: 375px !important;
			}
		.clearfix {
			clear: both;	
		}		
		.inner {
			width: 960px;
			margin: 0 auto;	
		}
		.inner-4-ini {
			max-width: 1500px;
			margin: 0 auto;	
		}
		.botban {
			width: 600px;
			margin: 0 auto;	
			margin-top: 10px;
		}
		.ayeban {
			width: 600px;
			margin: 0 auto;	
			margin-top: 10px;
			
		}
		.ayegreen {
			width: 600px;
			margin: 0 auto;	
			margin-top: 10px;
			
		}
.ayetinto {
			width: 600px;
			margin: 0 auto;	
			margin-top: 10px;
			
		}
		.ayeamarillo {
			width: 600px;
			margin: 0 auto;	
			margin-top: 10px;
			
		}

		.ayecafe {
			width: 600px;
			margin: 0 auto;	
			margin-top: 10px;
			
		}
		.ayepurple {
			width: 600px;
			margin: 0 auto;	
			margin-top: 10px;	
		}
		.ayeban h2{
background-color: #114b85;
padding:2px 4px 5px 7px;
color:#ffffff !important;
width: 620px;

			}
			.ayegreen h2{
background-color: #6a8942;
padding:2px 4px 5px 7px;
color:#ffffff !important;
width: 620px;

			}
			.ayetinto h2{
background-color: #810c26;
padding:2px 4px 5px 7px;
color:#ffffff !important;
width: 620px;

			}
			.ayeamarillo h2{
background-color: #febe00;
padding:2px 4px 5px 7px;
color:#ffffff !important;
width: 620px;

			}

			.ayecafe h2{
background-color: #5e2b14;
padding:2px 4px 5px 7px;
color:#ffffff !important;
width: 620px;

			}
			.ayepurple h2{
background-color: #7c3668;
padding:2px 4px 5px 7px;
color:#ffffff !important;
width: 620px;

			}
		.innew {
			width: 630px;
			margin-right: 610px;
			margin-bottom: 0px ;
			margin-left: auto;	
		}
		.clr01 { background-color: #6a8942;	}
		.clr02 { background-color: #a32c3d;	}
		.clr03 { background-color: #00797c;	}
		.clr17 { background-color: #406541;}
		.clr18 { background-color: #7c3668;}
		.clr19 { background-color: #810c26;}
		.clr20 { background-color: #febe00;}

		.clr21 { background-color: #5e2b14;}

		.clrr03 {

	left: 0;
	width: 100%;	
}
		.clr04 { background-color: #53326b;	}
		.clr05 { background-color: #125479;	}
		.clr06 { background-color: #d68e33;	}
		.clr07 { background-color: #dab534; }
		.clr08 { background-color: #d25131; }
		.clr09 { background-color: #c73460; }
		.clr10 { background-color: #00755f; }
		.clr11 { background-color: #916d39; }
		.clr12 { background-color: #852f57; }
		.clr13 { background-color: #663b38; }
		.clr14 { background-color: #406541; }
		.clr15 { background-color: #254c5e; }
		.clr16 { background-color: #00909c; }
		
		.clearfix {
			clear: both;	
		}
		
		/* 960 header */
		
		#mainHeader {
			position: relative;	
		}
		#mainLogo {
			float: left;	
		}
		#mainNav {
			margin: 40px 0 5px 0;
			float: left;	
		}
		#mainNav p {
			font-size: 13px;
			padding: 0 .5rem;
			max-width: 80px;
			margin: 0;
			border-bottom: none;
			display: inline-block;	
		}
		#mainNav ul {	
			position: absolute;
			padding: .25rem;
			width: 700px;
			background: #eee;
			z-index: 9999;
		}
		#mainNav a {
			display: inline-block;
			font-size: 13px;
		}
		#mainNav a:hover {
			color: #fff;	
			background: #69adc8;
			transition: .5s ease all;	
		}
		.mainNavActive {
			background: #eee;	
		}
		#idiomas {
			float: left;
			margin: 0 0 0 185px;	
		}

		#redes-soc-menu {
			float: right;
			margin: 0 0 0 185px;	
		}
		
		/* 960 home */
		
		section.mainSecc {
			width: 100%;
			height: 580px;
			padding: 0;
			position: relative;
			clear: both;
		}
		section.mainSeccsmall {
			width: 100%;
			height: 350px;
			padding: 0;
			position: relative;
			clear: both;
			margin-bottom: 70px;
		}
		#navFijo {
			position: absolute;
			z-index: 9999;
			left: 0;
			top: auto;
			bottom: 0;
			width: 100%;
			padding-top: 20px;
			padding-bottom: 15px;
			background: rgba(0, 0, 0, 0.7);	
		}
	
		#navFijo a {
			display: block;
			text-transform: uppercase;
			color: #ffffff;
			text-decoration: none;	
			font-size: 14px;
			margin: 0;
			background: none;
			padding: 5px 10px;	
		}
		#navFijo a:hover {
			background: #d5e5ec;	
		}
		#navFijoizq {
			position: absolute;
			z-index: 9999;
			left: 0;
			bottom: 0;
			top:auto;
			width: 100%;
			padding-top: 20px;
			padding-bottom: 15px;
			background: rgba(0, 0, 0, 0.7);	
		}
	
		#navFijoizq a {
			display: block;
			text-transform: uppercase;
			color: #ffffff;
			text-decoration: none;	
			font-size: 14px;
			margin: 0;
			background: none;
			padding: 5px 10px;	
		}
		#navFijoizq a:hover {
			background: #d5e5ec;	
		}
		#navFijoizqindex {
			position: absolute;
			z-index: 9999;
			left: 0;
			bottom: 0;
			top:auto;
			width: 100%;
			padding-top: 20px;
			padding-bottom: 15px;
			background: rgba(0, 0, 0, 0.7);	
		}
	
		#navFijoizqindex a {
			display: block;
			text-transform: uppercase;
			color: #ffffff;
			text-decoration: none;	
			font-size: 14px;
			margin: 0;
			background: none;
			padding: 5px 10px;	
		}
		#navFijoizqindex a:hover {
			background: #d5e5ec;	
		}
		#redesSociales a:last-child {
			border-right: none;	
		}
		a.cuadroLiga {
			width: 191px;
			height: 191px;
			position: absolute;
			text-decoration: none;
			background: #69adc8;
			color: #fff;
			padding: 0;
			margin: 0;
			border: 2px solid #fff;	
		}
		a.cuadroLiga h2 {
			font-size: 16px;
			text-align: center;
			position: absolute;
			bottom: 5px;
			padding: 3px;	
		}
		a.cuadroLiga img {
			float: none;
			width: auto;
			height: auto;
			margin: 0;
		}
		.mainSecc h1 {
			position: absolute;
			font-size: 48px;
			padding: 0;
		}
			
		#descubreMexico h1 { width: 300px; top: 40px; right: 80px; }
		#in1a { top: 0px; left: 320px; }
		#in1b { top: 193px; left: 320px; }
		#in1c { top: 193px; left: 513px; }
		#in1d { top: 386px; left: 513px; }
		#encuentroHistoria h1 { width: 380px; top: 10px; right: 40px; }
		#bodas-romance-full h1 { width: 380px; top: 10px; right: 40px; color: #ffffff;font-size: 32px; }
		#destinos-mexico-full h1 { width: 380px; top: 10px; right: 40px; color: #ffffff;font-size: 32px; }
		#recintos-ini-full h1 { width: 380px; top: 10px; right: 40px; color: #ffffff;font-size: 32px; }
		#in2a { top: 0px; left: 320px; }
		#in2b { top: 193px; left: 320px; }
		#in2c { top: 193px; left: 513px; }
		#in2d { top: 386px; left: 513px; }
		#playas h1 { width: 380px; top: 30px; left: 10px; }
		#in3a { top: 0px; left: 513px; }
		#in3b { top: 193px; left: 513px; }
		#in3c { top: 386px; left: 513px; }
		#in3d { top: 0px; left: 707px; }
		#promociones {
			overflow: hidden;
			
			background-color: #c1ae9b;	
			margin-bottom: 70px;
		}
		#anuncios {
			width: 600px;
			float: left;
			margin: 0 0 0 10px;	
		}
		#anuncios h1 {
			text-align: left;
			font-size: 40px;
		}
		#anuncios a:nth-child(3) {
			margin: 0 5px;	
		}
		#anuncios a img {
			padding: 0;	
		}
		#reservaAhora {
			width: 320px;
			float: right;
			margin: 0 10px;
			background: #ccc;
			border-radius: 15px;
			text-align: center;	
		}
		#reservaAhora h2 {
			padding: 10px 0 0 0;	
		}
		#reservaAhora p {
			margin: 20px;	
		}
		section.lateral #reservaAhora {
			width: 100%;	
			margin: 0 0 30px 0;
		}
		nav.box {
			width: 320px;
			float: left;
		}
		nav.box a {
			display: block;
			margin: 5px 0;
			padding: 0;
			color: #777;
			border-right: none;
			text-decoration: none;	
		}
		#banner {
			clear: both;
			margin: 0 auto 30px auto;
		}
		#banner img {
			display: block;	
		}
		#bannew {
			clear: both;
			
		}
		#bannew img {
			display: block;	
		}
		.mainContent {
			clear: both;
			margin: 0 0 30px 30px;
			padding: 0 30px 0 0;
			width: 600px;
			float: left;
			border-right: 1px solid #999;	
		}

		.recintos li{
			list-style-type:disc;
			margin-left:20px;
			font-size: 14px;
			line-height: 1.8;
		}
		.adress li{
			
			font-size: 14px;
			
		}
		.recintos ul{
margin:30px 0;
			}


		.mainContent h1 {
			font-size: 40px;
			padding: 0 0 30px 0;
			margin: 0 0 30px 0;
			border-bottom: 30px solid #ccc;	
		}
		.mainContent h5 {
			font-size: 25px;
			margin: 0 0 30px 0;
		}
		.mainContent h6 {
			font-size: 20px;
			padding: 7px 0px 7px 0;
			margin: 0 0 30px 0;
			background-color:#ccc;	
		}
		.mainContent h4 {
			font-size: 15px;
			padding: 7px 0px 7px 0;
			margin: 0 0 30px 0;
			background-color:#ccc;	
		}
            .ocv {
		
			padding: 7px 0px 7px 0;
			margin: 0 0 30px 0;
			background-color:#ccc;	
		
		}
		.ocv p {
			font-size: 15px !important;
			line-height: 1 !important;
			text-align: left;
			margin: 8px 0px 8px 8px;

		}.paddingBlock {
	padding: 20px 0;
}

.eqWrap {
	display: flex;
}

.eq {
	padding: 10px;
}

.eq:nth-of-type(odd) {
	background: yellow;
}

.eq:nth-of-type(even) {
	background: lightblue;
}

.equalHW {
	flex: 1;
}

.equalHMWrap {
	justify-content: space-between;
}

.equalHM {
	width: 32%;
}

.equalHMRWrap {
	justify-content: space-between;
	flex-wrap: wrap;
}

.equalHMR {
	width: 32%;
	margin-bottom: 2%;
}

.equalHMVWrap {
	flex-wrap: wrap;
}

.equalHMV {
	width: 32%;
	margin: 1%;	
}

.equalHMV:nth-of-type(3n) {
	margin-right: 0;	
}

.equalHMV:nth-of-type(3n+1) {
	margin-left: 0;	
}

		
		     .dhp {
		
			padding: 7px 0px 0px 0;
			margin: 0 0 30px 0;
			background-color:#ccc;	
			display: table-cell;
			height: 181px;
		
		}
		.dhp img {
		height: 90px;
		margin: 0 auto;
		display: block;
		
		}

		.dhp p {
			font-size: 15px !important;
			line-height: 1 !important;
			text-align: left;
			margin: 8px 0px 8px 8px;

		}
		.ocv h1 {
			font-size: 15px;
			font-weight: bold;
			text-align: left;
			color:#000000;
			padding:0;
			margin: 8px 0px 0px 8px;
			border-bottom:0;
		}
		.mainContent h2 {
			clear: both;
			font-weight: 400;
			font-size: 1.4rem;	
			color: #999;
			margin: 0 0 1rem 0;	
		}
		.mainContent p {
			color: #333;
			font-size: 14px;
			line-height: 1.8;	
		}
		.mainContent p strong {
			font-weight: 900;
			color: #69adc8;	
		}
		.menuExtra ul {
			list-style-type: none;	
			overflow: hidden;
			padding: 0 0 0 80px;
		}
		.menuExtra ul li {
			background: none;
			width: 200px;
			float: left;
			border-right: 1px solid #fff;
			border-bottom: none;
			padding: 0;	
		}
		.menuExtra ul li:first-child {
			border-left: 1px solid #fff;
		}
		.menuExtra ul li a {
			display: block;
			padding: 15px 0;
			text-align: center;
			color: #fff;
			text-decoration: none;	
		}
		.menuExtra ul li a:hover {
			background: #333;
			color: #fff;
			transition: .5s ease all;	
		}
		.menudhp ul {
			list-style-type: none;	
			overflow: hidden;
			padding: 0 0 0 0px;
			margin-bottom: 15px;
		}
		.menuaye ul {
			list-style-type: none;	
			overflow: hidden;
			padding: 0 0 0 0px;
			margin-bottom: 15px;
		}
		.menudhp ul li {
			
			width: 115px;
			float: left;
			border-right: 1px solid #fff;
			border-bottom: none;
			padding: 0;	
			height: 55px;
		}
			.menuaye ul li {
			
			width: 96px;
			float: left;
			border-right: 1px solid #fff;
			border-bottom: none;
			padding: 0;	
			height: 55px;
		}
		.menudhp ul li:first-child {
			border-left: 1px solid #fff;
		}
		.menuaye ul li:first-child {
			border-left: 1px solid #fff;
		}
		.menudhp .verd {
			background-color: #33777b;

			}
			.menudhp .caf {
			background-color: #603d39;
			}

			.menudhp .mus {
			background-color: #8c6e41;

			}
.menudhp .crem {
			background-color: #b39f81;

			}

			td {
    border-right: 10px solid #cccccc;
    width: 10%;
    padding-bottom:15px;

}
th {
    border: 1px solid #cccccc;
    background-color: #cccccc;
    padding: 10px;

}
.menudhp .azu {
			background-color: #265476;

			}


			.menuaye .blue {
			background: #022035; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #022035,#8aa6bb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #022035,#8aa6bb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #022035,#8aa6bb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#022035,#8aa6bb); /* Standard syntax (must be last) */

			}
			.menuaye .green {
			background: #6a8942; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #6a8942,#000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #6a8942,#000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #6a8942,#000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#6a8942,#000000); /* Standard syntax (must be last) */

			}

			.menuaye .morado {
			background: #7c3668; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #7c3668,#000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #7c3668,#000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #7c3668,#000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#7c3668,#000000); /* Standard syntax (must be last) */

			}
			.menuaye .tinto {
			background: #810c26; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #810c26,#000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #810c26,#000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #810c26,#000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#810c26,#000000); /* Standard syntax (must be last) */

			}

			.menuaye .amarillo {
			background: #febe00; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #febe00,#000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #febe00,#000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #febe00,#000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#febe00,#000000); /* Standard syntax (must be last) */

			}

			.menuaye .cafe {
			background: #5e2b14; /* For browsers that do not support gradients */    
    background: -webkit-linear-gradient(left, #5e2b14,#000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, #5e2b14,#000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, #5e2b14,#000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to left,#5e2b14,#000000); /* Standard syntax (must be last) */

			}
			.menudhp .tint {
			background-color: #a32c3d;

			}
			.menudhp .tran {
			background-color: transparent;
			width: 

			}
			.menudhp .sor {
			background-color: #8c2657;
			width: 170px;
}
            .menudhp .ros {
			background-color: #8c2657;

			}
			.menudhp .lieco {
			background-color: #5d899f;
			width: 170px;

			}

.menudhp .cuatro {
			background-color: transparent;
			width: 10%;

			}


.menudhp .unosol {
			background-color: transparent;
			width: 40%;

			}
.menuaye .uno {
			background-color: transparent;
			width: 40%;

			}
.menuaye .tres {
			background-color: transparent;
			width: 25%;

			}
			.menuaye .cuatro {
			background-color: transparent;
			width: 15%;

			}


.menuaye .dos {
			background-color: transparent;
			width: 32%;

			}

			.menudhp .tres1 {
			background-color: transparent;
			width: 20%;

			}
			.menudhp .dos {
			background-color: transparent;
			width: 30%;

			}

						.menudhp .gree {
			background-color: #406541;

			}
			.menudhp .oran {
			background-color: #d78e33;

			}
			.menudhp .cielo {
			background-color: #5d899f;

			}
		.menudhp ul li a {
			display: block;
			padding: 15px 0;
			text-align: center;
			color: #fff;
			text-decoration: none;	
			line-height:14px;
		}
		.menudhp ul li a:hover {
			background: #0a0a0a;
			height: 55px;
			color: #fff;
			transition: .5s ease all;	
		}
		.menuaye ul li a {
			display: block;
			padding: 15px 0;
			text-align: center;
			color: #fff;
			text-decoration: none;	
			line-height:14px;
		}
		.menuaye ul li a:hover {
			background: #0a0a0a;
			height: 55px;
			color: #fff;
			transition: .5s ease all;	
		}
		.ligasDestinos {
			margin: 0;
			text-align: left;	
		}
		.ligasDestinos1 {
			margin: 0;
			text-align: left;	
		}
		.ligasDestinos ul {
			list-style-type: none;
			width: 200px;
			float: left;
			margin: 30px 0;
		}

.ligasDestinos1 ul {
			list-style-type: none;
			width: 280px;
			float: left;
			margin: 30px 0;
			margin-right: 20px;
		}		
		.ligasDestinos.col2 ul {
			width: 290px;
			margin: 0 10px 0 0;	
		}
		.ligasDestinos ul li {
			display: block;
			background: #fff;
			padding: 0;
			margin: 0 0 5px 0;	
		}
		.ligasDestinos1 ul li {
			display: block;
			background: #fff;
			padding: 0;
			margin: 0 0 5px 0;	
		}
		#eventosMenu {
			overflow: hidden;
			margin: 0 0 1rem 0;	
		}
		.ligas3 li {
			list-style-type: none;
			width: 31%;
			text-align: center;
			float: left;
			padding: 1%;
		}
		.ligas3 li h3 {
			margin: 0 0 10px 0;	
		}
		.ligas3 li a {
			position: relative;	
			display: inline-block;
		}
		.ligas3 li a:hover img {
			transform: scale(1.1,1.1);
			transition: .5s ease all;	
		}
		.ligasDestinos ul li a {
			text-decoration: none;
			color: #666;
			background: url(../pic/arrowBeige.jpg) no-repeat -15px center;	
		}
		.ligasDestinos1 ul li a {
			text-decoration: none;
			color: #666;
			background: url(../pic/arrowBeige.jpg) no-repeat -15px center;	
		}
		.ligasDestinos ul li a:hover {
			color: #c2af9b;
			padding: 0 0 0 20px;
			transition: .5s ease all;
			background: url(../pic/arrowBeige.jpg) no-repeat 0 center;			
		}
		.ligasDestinos1 ul li a:hover {
			color: #c2af9b;
			padding: 0 0 0 20px;
			transition: .5s ease all;
			background: url(../pic/arrowBeige.jpg) no-repeat 0 center;			
		}
		ul.ligasDeInteres li {
			list-style-type: none;
			width: 150px;
			height: 130px;
			margin: 20px 20px 20px 0;
		}
		ul.ligasDeInteres li a {
			display: block;
			position: relative;
			color: #fff;
			text-decoration: none;
			background: #fff;
			height: 130px;
		}
		ul.ligasDeInteres li a:hover {
			opacity: .8;
			box-shadow: 0 0 5px #666;
			transition: .5s ease all;	
		}
		ul.ligasDeInteres li img {
			position: absolute;
			top: 0;
			left:0;
			z-index: 50;
		}
		ul.ligasDeInteres li h3 {
			position: absolute;
			top: 0;	
			z-index: 51;
			font-size: 1rem;
			padding: 3px 0;
			width: 150px;
			background: rgba(194,175,155,.5);
		}
		.ligasComplementarias li {
			width: 175px;
			height: 175px;
			margin: 30px 0 0 0;
			float: left;
			list-style-type: none;
			overflow: hidden;
			border-right: 1px solid #fff;
		}
		.ligasComplementarias li p {
			position: absolute;	
		}
		.ligasComplementarias li p.titulo {
			top: 0;
			left: 0;
			background: #69adc8;
			padding: 2px 5px;
			color: #fff;
			z-index: 20;
		}
		.ligasComplementarias li p.descripcion {
			top: 145px;
			left: 5px;
			text-transform: uppercase;
			font-size: 11px;
			line-height: 11px;
			z-index: 50;
			color: #fff;
		}
		.ligasComplementarias li h3 {
			font-size: 20px;
			font-weight: 400;
			position: absolute;
			z-index: 30;
			left: 5px;
			top: 90px;
			text-shadow: 1px 1px 0 #000;	
		}
		.ligasComplementarias li a {
			display: block;
			text-decoration: none;
			position: relative;
			color: #fff;	
		}
		.ligasComplementarias li a img {
			width: 175px;
			height: 175px;
			position: absolute;
			z-index: 10;	
		}
		.ligasComplementarias li a:hover img {
			transform: scale(1.2,1.2);
			transition: 2s ease all;
		}
		#guiasTuristicas a {
			width: 180px;
			display: inline-block;
			text-align: center;
			color: #666;
			margin: 40px 10px 0 0;	
		}
		#guiasTuristicas a h3 {
			margin: 0 0 10px 0;	
		}
		#guiasTuristicas a:hover {
			color: #69adc8;
		}
		#guiasTuristicas a:hover img {
			box-shadow: 0 0 5px #999;	
		}
		.promoGuia {
			max-width: 240px;
			float: right;
			margin: 0 0 1rem 1rem;
			padding: 1rem 0 0 0;	
		}
		.promoGuia p {
			font-size: 1.2rem;
			padding: 0 1rem;
			color: #fff;
			line-height: 1.2rem;	
		}
		.miniaturas {
			list-style-type: none;
			margin: 0 0 30px 0;
			overflow: hidden;	
		}
		.miniaturas li {
			width: 120px;
			margin: 0 0 20px 5px;
			float: left;	
		}
		.miniaturas li h3 {
			text-align: center;
			margin: 0 0 5px 0;
			font-size: 14px;	
		}
		#visor div {
			display: none;
			margin: 30px;
		}
		#guiasTuristicas nav a:hover {
			background: #333;
			transition: .5s ease all;	
		}
		.lateral {
			width: 240px;
			float: right;
			margin: 30px 30px 30px 0;
			padding: 30px 0 0 0;	
		}
		.destinosLateral {
			text-align: center;
			list-style-type: none;
			margin: 30px 0;	
		}
		.destinosLateral li {
			padding: 0 0 30px 0;
			margin: 30px 0;
			border-bottom: 5px dotted #ccc;	
		}
		.destinosLateral li a {
			text-decoration: none;
			font-size: 14px;
			color: #333;	
		}
		.destinosLateral li a:hover {
			color: #69adc8;	
			transition: .5s ease all;	
		}
		.destinosLateral li a:hover img {
			border-radius: 50%;	
			transition: .5s ease all;
		}
		.videoLateral {
			display: block;
			margin: 20px 0;	
		}
		ul.hoteles {
			list-style-type: none;	
		}
		ul.hoteles li {
			overflow: hidden;
			background: #eee;
			margin: 0 0 30px 0;	
		}
		ul.hoteles li img {
			margin: 0 20px 0 0;
			float: left;	
		}
		ul.hoteles li p {
			margin: 20px;
		}
		div.descarga a {
			float: left;
			transform: scale(1,1);	
		}
		div.descarga a:hover {
			transform: scale(.9,.9);	
		}
		.descargaGuia {
			text-align: center;	
		}
		.descargaGuia h1 {
			margin: 0 0 1rem 0;	
		}
		div.descarga p, div.consulta p, div.ahora p {
			text-align: center;
			font-size: 2rem;
			color: #999;	
		}
		div.descarga, div.consulta {
			overflow: hidden;
			margin: 1rem 0;
		}
		div.consulta img {
			float: right;	
		}
		p.contenidos {
			font-size: 1.25rem;
			padding: 2rem 0;
			text-align: center;
			color: #999;
			line-height: 1;	
		}
		div.ahora a {
			float: right;	
		}
		div.ahora a:hover {
			opacity: .5;	
		}
		dl.telefonos {
			margin: 30px;	
		}
		dl.telefonos dt {
			width: 70%;
			float: left;
			border-bottom: 1px dotted #ccc;
			margin: 0 0 15px 0;	
		}
		dl.telefonos dd {
			margin: 0 0 0 30px;
			float: left;	
		}
		ul.mapas {
			list-style-type: none;
			text-align: center;	
		}
		ul.mapas li p {
			background: #eee;
			padding: 10px;
			font-size: 18px;
			margin: 40px;
		}
		footer#mainFooter {
			overflow: hidden;
			clear: both;
			padding: 20px 0 0 0;	
		}
		#arduinnaLogo {
			float: left;
			margin: 0 5px 0 200px;	
		}
		footer#mainFooter p {
			text-align: center;	
			width: 400px;
			float: left;
			font-size: 13px;
		}
		footer#mainFooter p.ligasPie {
			margin: 20px 0 0 0;	
		}
		footer#mainFooter p.ligasPie a {
			color: #333;
			text-decoration: none;	
		}
		footer#mainFooter p.ligasPie a:hover {
			color: #f00;
			transition: .5s ease all;	
		}
		.cuadr3 {
			width: 31%;
			margin: 1%;
			float: left;
			font-size: .8rem;
			min-height: 350px;
		}

		.squareline {
			height: 160px;
			display: table;
			margin-bottom: 30px;		}
		.cuadrdhp {
			width: 38%;
			
			float: left;
			font-size: .8rem;
			min-height: 160px;
			display: table-cell;
		}
		.cuadr7 {
			width: 31%;
			margin: 1%;
			float: left;
			font-size: .8rem;
			min-height: 245px;
		}
		.one-third {
			width: 34%;
			margin: 1%;
			float: left;
			font-size: .8rem;
		}
		.two-third {
			width: 55%;
			margin: 1%;
			display: inline-block;
			font-size: .8rem;
			min-height: 245px;
		}
		.cuadr4-ini {
			width:20%;
			margin-left: 4%;
			float: left;
			font-size: .8rem;
			position: relative;
			margin-bottom: 75px;
		}

		.cuadr3-3-ini {
			width:10%;
			margin-left: 90px;
			float: left;
			font-size: .8rem;
		}
		.cuadr6 {
			width: 31%;
			margin: 1%;
			float: left;
			font-size: .8rem;
			min-height: 465px;
		}
		.shortboxes div.cuadr3 {
			min-height: 300px;
		}
		.shortboxes div.cuadr7 {
			min-height: 240px;
		}
		.shortboxes div.cuadr6 {
			min-height: 240px;
		}	

		.cuadr2 {
			width: 48%;
			margin: 1%;
			float: left;
			font-size: .8rem;
			min-height: 350px;
		}
		.cuadro {
			width: 48%;
			margin: 1%;
			float: left;
			font-size: .8rem;
			min-height: 210px;
		}
		.cuadrodhp {
			width: 60%;
			float: left;
			font-size: .8rem;
			min-height: 160px;
			display: table-cell;
		}
		.shortboxes div.cuadr2 {
			min-height: 240px;
		}	
		.descripcion p {
			line-height: 1.1;
			margin: .5rem .25rem;			
		}
		.meses {
			text-align: center;
			position: relative;
			margin: 0 0 1rem 0;
		}
		.meses h2 {
			font-size: 2.4rem;	
		}
		.meses a {
			color: #69adc8;
			position: absolute;	
			bottom: .5rem;
		}
		.meses a:hover {
			color: #222;	
		}
		.meses a:first-child {
			left: 0;	
		}
		.meses a:last-child {
			right: 0;	
		}
		.receta img {
			width: 50%;
			height: 50%;
			float: right;
			margin: 1rem 0 1rem 1rem;	
		}
		.hotel {
			background: #ececec;
			overflow: hidden;
			margin: 0 0 1rem 0;	
		}
		.hotel img:first-child {
			display: block;
			float: left;
			margin: 0 1rem 0 0;
		}
		.hotel div p:first-child img {
			padding: .5rem 0;
			margin: 0 auto;
			float: none;	
		}
		.hotel div p:last-child {
			max-width: 400px;
			float: right;
		}
		#coloredMenu ul {
			overflow: hidden;	
		}
		#coloredMenu li {
			width: 20%;
			float: left;
			margin: 0 0 .25rem 0;	
		}
		#coloredMenu li a {
			display: block;
			text-align: center;
			color: #fff;
			font-size: .75rem;
			padding: .5rem 0;	
		}
		#coloredMenu li a:hover {
			color: #000;	
		}
		.directorio {
			clear: both;
			font-size: .8rem;
			margin: 2rem 0;	
		}
		.directorio td {
			padding: .5rem 0;
			border-bottom: 1px solid #ececec;
		}
		td.dirSep {
			background: #ececec;
			text-align: center;	
		}
/* LIGHTBOX START */

		a.lightbox img {
height: 360px;
border: 3px solid white;
box-shadow: 0px 0px 8px rgba(0,0,0,.3);
margin: 0px 20px 20px 140px;
}

/* Styles the lightbox, removes it from sight and adds the fade-in transition */


	}

	