@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Antique&display=swap');


.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1;}
html,body{width:100%;height:100%;font-family: 'Poppins', sans-serif;}
*{
font-family:sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}

*:focus { 
    outline: none; 
} 

#popup {
		background-color: rgba(0,0,0,0.9);
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0;
		-webkit-animation:autopopup 2s;
		-moz-animation:autopopup 2s;
		animation:autopopup 2s;z-index:9999;
	}
	
		@-webkit-keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}
		@-moz-keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}
		@keyframes autopopup {
			from {opacity: 0;margin-top:-200px;}
			to {opacity: 1;}
		}

	#popup:target {
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		transition:all 1s;
		opacity: 0;
		visibility: hidden;z-index:9999;
	}

	.popup-contenedor {
		position: relative;
		margin:1% auto;
		padding:0;
		background-color: transparent;
		color:#333;
		border-radius: 3px;
		width:95%;
		max-width:700px;
		height:400px;
		z-index:9999;
		top:100px;
		
	}

	
#elheader2{ width:100%; height:100px; top:0px; left:0; position:absolute; z-index:6;}
#whatsapp{ width:281px; height:108px; bottom:10px; right:10px; position:fixed; z-index:6;}

#slide1{text-align:center;width:100%;min-height:700px; height:100%;}
#beneficios{background:url(../imagenes/home.jpg) no-repeat 50% 50% ;background-size:cover; text-align:center; width:100%;}

#footi{ width:100%; background-color:#f6f5f1;}

.texto1{color:#331308;font-size:15px; line-height:180%;}
.texto2{color:#00195b;font-size:19px; font-family: 'Zen Antique', serif;}
.texto3{color:#2c2220;font-size:23px; line-height:160%;}
.texto4{color:#1e1913;font-size:66px;line-height:90%; font-family: 'Zen Antique', serif;}
.texto5{color:#91794e;font-size:20px; line-height:160%;}
.texto6{color:#d1c1b2;font-size:20px; line-height:160%;}
.texto7{color:#d1c1b2;font-size:16px; line-height:160%;}
.texto7a{color:#ffffff;font-size:20px; font-weight:700; line-height:160%;}
.texto8{color:#d1c1b2;font-size:66px;line-height:90%; font-family: 'Zen Antique', serif;}
.texto9{color:#331308;font-size:18px; line-height:160%;}
.texto10{color:#331308;font-size:18px; line-height:160%; font-weight:700;}
.texto11{color:#91794e;font-size:18px; line-height:160%; font-weight:700;}
.texto12{color:#000000;font-size:17px; line-height:160%;}
.texto13{color:#000000;font-size:17px; line-height:160%; font-weight:800;}
.texto14{color:#000000;font-size:17px; line-height:160%; text-decoration:underline;}


#arriba, #arriba1,#arriba2,#arriba3{display:inline-block;vertical-align:top;}
#arriba{width:1200px;vertical-align:middle; text-align:left;}
#arriba1{width:550px;margin-right:-4px; text-align:left; margin-top:15px; }
#arriba2{width:650px;margin-right:-4px;text-align:right; margin-top:40px; }


#iconos, #iconos1, #iconos11,#iconos2,#iconos3,#iconos4,#iconos5,#iconos6,#iconos7,#iconos0{display:inline-block;vertical-align:top;}
#iconos{width:1128px;vertical-align:middle; text-align:left; padding-left:162px;}
#iconos1{width:136px;margin-right:-4px; text-align:center;  }
#iconos2{width:145px;margin-right:-4px;text-align:center;  }
#iconos3{width:140px;margin-right:-4px;text-align:center; }
#iconos4{width:151px;margin-right:-4px;text-align:center; }
#iconos5{width:143px;margin-right:-4px;text-align:center; }
#iconos6{width:159px;margin-right:-4px;text-align:center; }
#iconos7{width:146px;margin-right:-4px;text-align:center; }
#iconos0{width:108px;margin-right:-4px;text-align:center; margin-top:70px; }


#ediciones, #ediciones1, #ediciones11,#ediciones2{display:inline-block;vertical-align:top;}
#ediciones{width:100%; background-color:#2c2220;vertical-align:middle; text-align:left; }
#ediciones1{width:50%; height:500px;margin-right:-4px; text-align:center;background:url(../imagenes/abajo.jpg) no-repeat 50% 50% fixed;background-size:cover;   }
#ediciones2{width:50%;margin-right:-4px;text-align:center;  }


#abajo, #abajo1,#abajo2,#abajo3,#abajo4,#abajo5{display:inline-block;vertical-align:top;}
#abajo{width:1200px;vertical-align:middle; text-align:left;}
#abajo1{width:550px;margin-right:-4px; text-align:left;  }
#abajo2{width:650px;margin-right:-4px;text-align:right; margin-top:40px; }
#abajo3{width:550px;margin-right:-4px; text-align:left;  margin-top:184px;  }
#abajo4{width:650px;margin-right:-4px;text-align:left; margin-top:40px; }
#abajo5{ display:none;}

#contactame, #contactame1,#contactame2,#contactame3{display:inline-block;vertical-align:top;}
#contactame{width:1200px;vertical-align:middle; text-align:left;}
#contactame1{width:800px;margin-right:-4px; text-align:left; margin-top:15px; }
#contactame2{width:400px;margin-right:-4px;text-align:justify; }
#contactame3{ display:none;}

.boton1{text-align:center;HEIGHT:50px;width:290px;border:0; font-size:14PX;color:#ffffff;font-weight:400; background-color:#00a7e0; border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px; cursor:pointer;}

.boton2{color:#ffffff; border:0; font-family: 'Poppins', sans-serif; font-size:16px; font-weight:400;  text-decoration:none;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; border-radius: 20px 20px 20px 20px;-moz-border-radius: 20px 20px 20px 20px;-webkit-border-radius: 20px 20px 20px 20px; cursor:pointer; padding-top:5px; padding-left:16px; padding-right:16px; padding-bottom:5px; text-align:center; background-color:#91794e; width:100%; height:50px;}


.forma1{text-align:left;HEIGHT:50px;width:100%;border:1; border:0; font-size:16px;font-weight:400; background-color: transparent; color:#331308; border-top: 0px solid red;  border-right: 0px solid red;  border-bottom: 1px solid #331308;  border-left: 0px solid red; 	}

.forma2{text-align:center;HEIGHT:50px;width:100%;border:1; border:0; font-size:16px;font-weight:400; background-color: transparent; color:#331308; border-top: 0px solid red;  border-right: 0px solid red;  border-bottom: 1px solid #331308;  border-left: 0px solid red; 	}

.forma{text-align:left;HEIGHT:50px;width:100%;border:1; border:0; font-size:16px;font-weight:400; background-color: transparent; color:#331308;  	}




#menumovil{ display:none;}


#edi{ width:90%; max-width:540px; margin-left:10%; text-align:left;}

.lali{ width:100%; height:643px;}

#todo{ position:relative; width:100%; height:732px; left:0; top:0;}
#todo1{ position:absolute; width:510px; height:732px; left:50%; margin-left:-255px; top:0; z-index:999;}
#todo2{ position:absolute; width:100%; background-color:#91794e; height:60px; left:0; bottom:0; z-index:1;}

#centro1{ width:100%; height:100%;}
#centro2{ display:none;}

@media screen and (max-width:1300px){
#iconos{width:599px;vertical-align:middle; text-align:left; padding-left:0px;}
#iconos1{width:200px;margin-right:-4px; text-align:center;  }
#iconos2{width:200px;margin-right:-4px;text-align:center;  }
#iconos3{width:200px;margin-right:-4px;text-align:center; }
#iconos4{width:151px;margin-right:-4px;text-align:center; }
#iconos5{width:143px;margin-right:-4px;text-align:center; }
#iconos6{width:159px;margin-right:-4px;text-align:center; }
#iconos7{width:146px;margin-right:-4px;text-align:center; }
#iconos0{width:100%;margin-right:0px;text-align:center; margin-top:20px; }
}

@media screen and (max-width:1220px){
#contactame{width:1000px;vertical-align:middle; text-align:left;}
#contactame1{width:600px;margin-right:-4px; text-align:left; margin-top:15px; }
#contactame2{width:400px;margin-right:-4px;text-align:justify; }

#arriba, #arriba1,#arriba2,#arriba3{display:inline-block;vertical-align:top;}
#arriba{width:1000px;vertical-align:middle; text-align:left;}
#arriba1{width:350px;margin-right:-4px; text-align:left; margin-top:15px; }
#arriba2{width:650px;margin-right:-4px;text-align:right; margin-top:40px; }

#abajo{width:1000px;vertical-align:middle; text-align:left;}
#abajo1{width:350px;margin-right:-4px; text-align:left;  }
#abajo2{width:650px;margin-right:-4px;text-align:right; margin-top:40px; }
#abajo3{width:350px;margin-right:-4px; text-align:left;  margin-top:184px;  }
#abajo4{width:650px;margin-right:-4px;text-align:left; margin-top:40px; }
}


@media screen and (max-width:1020px){
#contactame{width:90%;vertical-align:middle; text-align:left;}
#contactame2{width:100%;margin-right:0px;text-align:center; }
#contactame1{width:100%;margin-right:0px;text-align:center;}

#abajo{width:90%; max-width:650px;vertical-align:middle; text-align:left;}
#abajo1{width:100%;margin-right:0px; text-align:center;  }
#abajo2{width:100%;margin-right:0px;text-align:right; margin-top:0px; }
#abajo4{width:100%;margin-right:0px;text-align:center; margin-top:0px; }
#abajo3{ display:none;}
#abajo5{width:100%;margin-right:0px;text-align:center; margin-top:40px; display:inline-block; }
}

@media screen and (max-width:800px){
#ediciones1{width:100%; height:300px;margin-right:0px; text-align:center;background:url(../imagenes/abajo.jpg) no-repeat 50% 50% ;background-size:cover;   }
#ediciones2{width:100%; height:510px;margin-right:0px;text-align:center;  }
#edi{ width:90%; max-width:90%; margin-left:5%; text-align:center;}

#centro2{ width:100%; height:900px; display:block;}
#centro1{ display:none;}

}



@media screen and (max-width:620px){
#abajo2{ display:none;}

#iconos{width:450px;vertical-align:middle; text-align:center; padding-left:0px;}
#iconos1{width:150px;margin-right:-4px; text-align:center;  }
#iconos2{width:150px;margin-right:-4px;text-align:center;  }
#iconos3{width:150px;margin-right:-4px;text-align:center; }
#iconos4{width:151px;margin-right:-4px;text-align:center; }
#iconos5{width:143px;margin-right:-4px;text-align:center; }
#iconos6{width:159px;margin-right:-4px;text-align:center; }
#iconos7{width:146px;margin-right:-4px;text-align:center; }
#iconos0{width:100%;margin-right:0px;text-align:center; margin-top:20px; }
}


@media screen and (max-width:530px){

#todo{ position:relative; width:100%; height:643px; left:0; top:0;}
#todo1{ position:absolute; width:448px; height:732px; left:50%; margin-left:-225px; top:0; z-index:999;}
#todo2{ position:absolute; width:100%;  background-color:#91794e; height:60px; left:0; bottom:0; z-index:1;}
}	
.ball {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 1;   -moz-transform: translateY(-5px); }

    100% {
opacity: 1;  -moz-transform: translateY(5px);   }
}



@-webkit-keyframes spin {
    0% {
opacity: 1; -webkit-transform: translateY(-5px); }

    100% {
opacity: 1; -webkit-transform: translateY(5px); }  
}



#menumovil{ display:none;}
 
@media screen and (max-width:1020px){

#arriba{width:90%;vertical-align:middle; text-align:left; }
#arriba1{width:100%;margin-right:-4px;  text-align:left;}
#arriba2,#arriba3{display:none;}

#menumovil{ z-index:9999;position: absolute;top:50px;
  right: 30px;
  height: 27px;
  width: 35px; display:block;}
  
  #buscarmovil{ 
  width:260px; right:0px;text-align:center; background-color:#e3813a; height:70px; top:100px;position: absolute;display:block;z-index:1;
  }
  
}

.button_container {
  position: absolute;
  top: -2px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #ffffff;
}
.button_container.active .middle {
  opacity: 0;
  background: #ffffff;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #ffffff;
}
.button_container span {
  background: #8f784d;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color: rgba(44,34,32,0.8);
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .7s ease forwards;
  -moz-animation: fadeInUp .7s ease forwards;
          animation: fadeInUp .7s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 50%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  
  font-weight: 700;
  text-align: center;
  margin-right:0;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 80px;
  position: relative;
  opacity: 0;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
  font-size: 50px;
  opacity:1; 
}
.overlay ul li a:hover,a:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
  width: 100%;
  opacity:1;-webkit-transition: .25s;
  transition: .25s; color: #91794e;
}
.overlay ul li a:after {
  font-size: 61px;
  opacity:.9;-webkit-transition: .25s;
  transition: .25s;
  
}



/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden; text-decoration:none; color:#331308; font-size:16px; padding:15px;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #91794e;
  border-style: solid;
  border-width: 0;
  border-radius: 30px 30px 30px 30px; -moz-border-radius: 30px 30px 30px 30px; -webkit-border-radius: 30px 30px 30px 30px;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 2.5px;
}

.limi{ opacity:1;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}
.limi:hover{ opacity:.7;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;}