h2,h3{
    padding: 0px;
    margin: 0px;
}
body{
	font-size: 16px;
	font-family: 'Lato', sans-serif;
	color:#666;
	margin-top:70px}

.btn-principal{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color:#FFF;
	font-size:14px;
	letter-spacing: 0.15em;
}
.btn-principal a{color:#FFF;}
.btn-principal:hover{color:#F7EB00;}
.btn-principal:active{background-color: transparent;}
.btn-drop{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color:#FFF;
	font-size:16px;
}
.btn-drop:hover{
	color:#F7EB00;
}
.navbar .nav > li.dropdown.open.active > a:hover, 
.navbar .nav > li.dropdown.open > a
{
   color: #fff;
   background-color: #008BBF;
}

.navbar-nav > li > .dropdown-menu { background: rgb(4, 110, 140);}
.fondo-nav{background: rgb(0, 139, 191);}
.nav>li>a:hover, .nav>li>a:focus, .nav>li>a:active {background-color: transparent;}
.fondo-rosa{background-color: #c3c9ce; padding-bottom: 20px; padding-top: 25px;}
.fondo-azul{background-color: #066E8E; padding-bottom: 30px; padding-top: 35px;}
.pattern{ background-image:url(../img/pattern.jpg); background-repeat:repeat; min-height:50px;}
.blanco-bold{
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing:0.05em;
	color:#FFF;
}
.gris{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #666;
	line-height:1.2em;}
	
.gris-listas{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color: #666;
	font-size:16px;
	line-height: 24px;
}
.gris-claro-light{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#f7f7f7;
}
.rosa-light-exp{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#f05f6a;
	letter-spacing: 0.15em;
}
.blanco-light-exp{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#FFF;
	letter-spacing: 0.15em;
}
.blanco-light{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#FFF;
}
.azul-light{
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	color:#008BBF;
}
.azul{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color:#008BBF;
}
.azul a{
	color:#008BBF;
}
.blanco{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color:#FFF;
}
.blanco a{
	color:#FFF;
}

.divider-fix{
	height: 1px;
	margin: 1px 0;
	background-color: #FFF;
}
.divider-gris{
	height: 1px;
	margin: 15px 0;
	background-color: #666;
}
.divider-blanco{
	height: 1px;
	margin: 15px 0;
	background-color: #FFF;
}
.boton-reserve{
	outline: 0;
	display:inline-block;
	background: #B1D1F1;
	color:#FFF;
	font-family: 'Lato', serif;
	font-weight:700;
}
.boton-reserve a{color:#FFF;}
.boton-reserve:hover{
	color: #67AAED;
}
.boton-sub-seccion{
	padding: 7px 15px 7px 15px;
	margin: 3px auto;
	outline: 0;
	display:inline-block;
	border-radius: 15px;
	background: rgb(239, 77, 145);
	color:#FFF;
	font-family: 'Lato', serif;
	font-weight:700;
}
.boton-sub-seccion a{color:#FFF;}
.boton-sub-seccion:hover{
	padding: 7px 15px 7px 15px;
	margin: 3px auto;
	outline: 0;
	display:inline-block;
	border-radius: 15px;
	background: rgb(247, 236, 0);
	color:#FFF;
	font-family: 'Lato', serif;
	font-weight:700;
}
.boton-rosa{
	padding: 0px 20px 0px 20px;
	margin: 3px auto;
	outline: 0;
	display:inline-block;
	background-color: #EE4C91;
	color:#FFF;
	font-family: 'Lato', serif;
	font-weight:400;
}
.boton-rosa a{	color:#FFF;}
.boton-rosa:hover{
	background-color: #6FBE44;
	color:#FFF;
}
.boton-azul{
	padding: 0px 20px 0px 20px;
	margin: 3px auto;
	outline: 0;
	display:inline-block;
	border-radius:15px;
	background-color: #066E8E;
	color:#FFF;
	font-family: 'Lato', serif;
	font-weight:400;
}
.boton-azul a{	color:#FFF;}
.boton-azul:hover{
	background-color: #6FBE44;
	color:#FFF;
}
.tag2{
	background-color: #3CF;	
	padding: 5px 23px 5px 10px;
	outline: 0;
	display:inline-block;
	position: absolute;
	right:0;
	top: 10px;
	color:#FFF;
	font-size:22px;
	z-index: 100;
}
.tag{
	background-color: #EE4C91;	
	padding: 5px 20px 5px 10px;
	outline: 0;
	display:inline-block;
	position: absolute;
	right:0;
	top: 60px;
	color:#FFF;
	font-size:22px;
	z-index: 100;
}
.iconosmenuxs {display: inline-block !important;}
.plyr25 {padding-left:25px;}
.plyr5 {padding-left:5px;}
.navbar-brand>img {
    max-height: 60px;
}
.texto-der{	text-align: right;}
.map2 iframe{width:100%; height:350px; display:block;}
.map iframe{width:100%; height:450px; display:block;}
#map-container iframe{width:100%; height:450px; display:block; }
.margin10px{margin:10px;}
.redes{float:right; list-style:none; margin:0;}
.redes li{
	list-style: none;
	position: relative;
	display: block;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
}
@media screen and (max-width: 768px) {
.centrar-mobil {text-align: center;}
.centrar-mobil-img {margin: 0px auto 0px auto;}
.margin-top-mobil{ margin-top: 15px;}
.navbar-brand>img {
    max-height: 60px;
}
.btn-principal{
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	color:#FFF;
	font-size:14px;
	letter-spacing: 0.20em;
	margin-left: 10px;
}
#heroslidersm{display:block; background-repeat:no-repeat;}
#herosliderlg{display:none;}
#logov{display:block; background-repeat:no-repeat;}
#logoh{display:none;}
#heroxs{display:block; background-repeat:no-repeat;}
#herosm{display:none;}
#heromd{display:none;}
#herolg{display:none;}
.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 30%;
}
}
@media screen and (min-width: 769px) and (max-width: 995px) {
#heroxs{display:none;}
#herosm{display:block; background-repeat:no-repeat;}
#heromd{display:none;}
#herolg{display:none;}
#logov{display:block; background-repeat:no-repeat;}
#logoh{display:none;}
#heroslidersm{display:block; background-repeat:no-repeat;}
#herosliderlg{display:none;}
.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
@media screen and (min-width: 996px) and (max-width: 1366px) {
#heroxs{display:none;}
#herosm{display:none;}
#heromd{display:block; background-repeat:no-repeat;}
#herolg{display:none;}
#logov{display:none;}
#logoh{display:block; background-repeat:no-repeat;}
#heroslidersm{display:none;}
#herosliderlg{display:block; background-repeat:no-repeat;}
.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
@media screen and (min-width: 1367px) and (max-width: 1920px) {
#heroxs{display:none;}
#herosm{display:none;}
#heromd{display:none;}
#herolg{display:block; background-repeat:no-repeat;}
#logov{display:none;}
#logoh{display:block; background-repeat:no-repeat;}
#heroslidersm{display:none;}
#herosliderlg{display:block; background-repeat:no-repeat;}
.carousel-caption {
z-index:10;
color:#fff;
bottom:auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%)
}
}
/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	vertical-align:top;
}
.input-style{
	background-color:#FFF;	
	color:#20383c;
	padding:10px;
	border: 0; 
	outline: 0;
	width:100%;
}
.input-style-second{
	background-color:#FFF;	
	color:#20383c;
	padding:10px;
	border: 0; 
	outline: 0;
	width:100%;
	margin-bottom: 15px;
}
.carousel-control { background: none !important; filter: none !important; progid:none !important; }
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
.row.no-pad {
  margin-right:0;
  margin-left:0;
}
.row.no-pad > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
  height: 100%;
  background: #000;
}



.animated {
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
#fondo-promo {
    background-image: url(../img/fondo-promo.jpg);
	padding: 70px 0px 70px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}
#fondo-rincon {
    background-image: url(../img/fondo-rincon.jpg);
	padding: 100px 0px 100px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}
#fondo-pergola {
    background-image: url(../img/fondo-pergola.jpg);
	padding: 100px 0px 100px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}
#fondo-dunas {
    background-image: url(../img/fondo-dunas.jpg);
	padding: 100px 0px 100px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}
#fondo-old {
    background-image: url(../img/fondo-old.jpg);
	padding: 100px 0px 100px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}
#fondo-marenas2 {
    background-image: url(../img/fondo-marenas.jpg);
	padding: 100px 0px 100px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}
#fondo-marenas1 {
    background-image: url(../img/fondo-marenas1.jpg);
	padding: 100px 0px 100px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}

#fondo-sobremedanos {
    background-image: url(../img/fondo-sobremedanos.jpg);
	padding: 100px 0px 100px 0px;
	background-repeat:no-repeat;
	background-size: cover;
	background-position:center;
    display: block;
    text-align: center;
}
  
.box-listas{
	background-color:#FFF;
	padding:25px;
  	margin-top: 15px;
	border-radius:15px;
	display:block;
}
.box-listas:before, .box-listas:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.box-listas:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.card-img-wrap {
  overflow: hidden;
  position: relative;
}
.card-img-wrap:after {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(255,255,255,0.3);
  opacity: 0;
  transition: opacity .25s;
}
.card-img-wrap img {
  transition: transform .25s;
  width: 100%;
}
.card-img-wrap:hover img {
  transform: scale(1.2);
}
.card-img-wrap:hover:after {
  opacity: 1;
}
.boton-ver{
	padding: 7px 15px 7px 15px;
	margin: 3px auto;
	outline: 0;
	display:inline-block;
	border-radius: 15px;
	background: rgb(2, 152, 208);
	color:#FFF;
	font-family: 'Lato', serif;
	font-weight:400;
}
.boton-ver a{
	color:#FFF;
}