body{font-family: 'Cuprum', sans-serif;}
.top-header {max-width:1280px;margin:0 auto;}
#img-top { background:#BEC9FA;
	   padding:0.15em 0;
	   }
@media screen and (max-width: 980px) {
	#img-top { background:#BEC9FA;
	   padding: 3.2em 0 0;
	   }
}
#img-top-smart { display:none;}
@media screen and (max-width: 768px) {
	#img-top{display:none;}
	#img-top-smart { display:block;}
	#img-top-smart {background:#BEC9FA; padding: 3.2em 0 0;}
}
@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}
* {box-sizing: border-box;}
figure {margin:0;font-weight: 500;}
div#captioned-gallery {width: 100%; overflow: hidden; padding-bottom:8px}
figure.slider {position: relative; width: 500%;font-size: 0; animation: 16s slidy infinite;}
figure.slider figure {width: 20%; height: auto;display: inline-block;  position: inherit;}
figure.slider img { width: 100%; height: auto; }
figure.slider figure h1 {position: absolute; bottom:20%;background: rgba(250,250,250,0);width:90%; left:5%;color: white;text-shadow: 1px 1px #000;font-size: 3rem; padding: .2rem;text-align:center;line-height:1.2; }
.texto-borde {
  -webkit-text-stroke: 1px black;
  color: white;
}
figure.lider {max-width:1500px;margin:0 auto;position: relative;border-bottom:10px solid #000;}
figure.lider img { width: 100%;height: auto;  }
figure.lider h1 {position: absolute; bottom:5%;background: rgba(250,250,250,0.6);width:100%; left:0;color: #333;text-shadow: 1px 1px #000;font-size: 2rem; padding: .5rem;text-align:center;line-height:1.2; }

@media only screen and (max-width: 768px) {
figure.slider figure h1 {position: absolute; bottom:10%;font-size:1.5rem}
.gradient-button{margin-top:1em}
figure.lider {border-bottom:4px solid #333;}
}
.bajo { border-bottom: 2px solid gray;  }
img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.btn {
  color: #ffffff;
  padding: 0.5rem;
  font-size: 18px;
  border-radius: 5px;
  font-weight: 400;
  display: block;
  width: 100%;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
}

.btn:hover {
  background-color: rgba(255, 255, 255, 0.12);
}
li.destinos {
  background-color: rgba(255, 0, 255, 0.12);
}
.cards {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}

.cards_item {
  display: flex;
  padding: 0.75rem;
}
.gallery_item {
  
  display: flex;
  padding: 0.5rem;
}
@media (max-width: 1240px) {
  .main {margin-left:1%;margin-right:1%; }
}
@media (max-width: 840px) {
  .main {margin-left:3%;margin-right:3%; }
}
@media (min-width: 1081px) {
  .cards_item { width: 25%;}
  .gallery_item { width: 25%;}
}

@media (max-width: 1080px) {
  .cards_item { width: 50%;}
  .gallery_item { width: 50%;}
}
@media (max-width: 600px) {
  .cards_item {width: 100%;}
}
@media (max-width: 480px) {
  .gallery_item {width: 100%;}
}
.card {
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.card_content {
  padding: 1rem;
  background: linear-gradient(to bottom left, #8CACFE 30%, #003d7a 100%);
}
.card_title {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 400;
  margin: 0px;
  text-align:center;
}
.card_text {
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0.5rem 0 1rem;    
  font-weight: 400;
  text-align:center;
}
.img_gallery {
  position: relative;
  background-color: white;
  border-radius: 0.5rem;
  box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25);
  display: flex;
  flex-direction: column;
}
.gallery_desc {
  position: absolute;
  width: 100%;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.5;
  bottom: 0; 
  left: 0;
  font-weight: 400;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px;
}
/* Opacity */
.card_image img {
 opacity: 1;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.card_image:hover img {
  opacity: 0.7;
}
.card_title {text-decoration:none !important;}
.card_content{text-align:center;}
.clearfix{margin-top:1em}
.card_btn {text-decoration:none !important;}
/* Buttons */
.gradient-button,.wpcf7-submit,.form-submit #submit,
button {font-size:18px;line-height:36px;font-weight:500;text-transform:uppercase;text-decoration:none;color:#fff !important;height:36px;padding:0 18px !important;text-align:center;display:inline-block;text-shadow:0 -1px 0 rgba(0,0,0,0.2);border-radius:12px;-moz-border-radius:12px;-webkit-border-radius:12px;background: #406FDE;background: -moz-linear-gradient(top, #406FDE 0%, #0836A2 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#406FDE), color-stop(100%,#0836A2));background: -webkit-linear-gradient(top, #406FDE 0%,#0836A2 100%);background: -o-linear-gradient(top, #406FDE 0%,#0836A2 100%);background: -ms-linear-gradient(top, #406FDE 0%,#0836A2 100%);background: linear-gradient(to bottom, #406FDE 0%,#0836A2 100%);cursor:pointer;-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.3);-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.3);box-shadow: inset 0 0 1px rgba(0,0,0,.3);}
.gradient-button:hover,.wpcf7-submit:hover,.form-submit #submit:hover,
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover 	   	{text-shadow:0 1px 0 rgba(0,0,0,0.2);background: #0836A2;background: -moz-linear-gradient(top, #0836A2 0%, #406FDE 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0836A2), color-stop(100%,#406FDE));background: -webkit-linear-gradient(top, #0836A2 0%,#406FDE 100%);	background: -o-linear-gradient(top, #0836A2 0%,#406FDE 100%);background: -ms-linear-gradient(top, #0836A2 0%,#406FDE 100%);background: linear-gradient(to bottom, #0836A2 0%,#406FDE 100%);}

		.promo {
			position: absolute;
			top: 20px;
			left: 20px;
			color: white;
			}
		.cuerpo {
			max-width: 1280px;margin:0 auto;
			}
.side {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: #fff;
  height: 100%;
  overflow: auto;
}
.side a {
  display: block;
  color: black;
  padding: 10px 16px;
  text-decoration: none;
  font-size: 1.15rem;
  border-bottom: 1px dotted #555;
}
.side a.active {
  background-color: #333333;
  color: white;
}
.side a:hover:not(.active) {
  background-color: #555;
  color: white;
}
@media screen and (max-width: 980px) {
  .sidebar {
    display:none;
   }
@media screen and (max-width: 980px) {
  .side {
    width: 50%;margin:0 auto;display:none;
   }
   .side a {
    text-align: center;
   
  }
}
@media screen and (max-width: 400px) {
  .side a {
    text-align: center;
   
  }
}
.nolink a {
    pointer-events: none; 
    cursor: default;
	font-size: 0.875rem;
}