﻿@charset "utf-8";
/* CSS Document */
 
*{ margin:0px; 
   padding:0px; 
   box-sizing:border-box; 
   -moz-box-sizing:border-box; 
   -ms-box-sizing:border-box; 
   -o-box-sizing:border-box; 
   -webkit-box-sizing:border-box;

}
body{
	/*background-color:#ffc700;*/
	background-color:#f5f5f5;
	/*background-image: url(img/bg3.jpg);*/
/*	background-size: contain;*/
	background-repeat: inherit;
	max-width: 100% !important;
    overflow-x: hidden !important;
}
 
.card {
  color: white;
  padding: 1rem;
  height: 25rem;
 
}
.card-salon {
  color: white;
  padding: 1rem;
  height: 15rem;
 
}
 
.card2b {
  background-image: url("img/btnhome/btn-ayuda-economica.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
  display: flex;        
  justify-content: center;
  vertical-align: middle;
}
.card3 {
  background-image: url("img/btnhome/btn-complejo.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
        display: flex;        
        justify-content: center;
}
.card4 {
  background-image: url("img/btnhome/btn-fiestasyeventos.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
        display: flex;        
        justify-content: center;
}
.card5 {
  background-image: url("img/btnhome/btn-apross.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
        display: flex;        
        justify-content: center;
}
.card6 {
  background-image: url("img/btnhome/btn-cem.jpg");
  background-size:contain;
  background-repeat: no-repeat; 
  color: white;
  padding: 3rem;
  height: 15rem;
        display: flex;        
        justify-content: center;
}
.card7 {
  background-image: url("img/btnhome/btn-sanos.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
        display: flex;        
        justify-content: center;

}
.cards {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  margin-left:3.5%;
 
}
.cards-noticias {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  margin-left:1%;
  margin-bottom:10%;
  height: 100rem;
 
}
.cards-salones {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-gap: 17rem;
  margin-left:1%;
  margin-right:1%; 
  margin-bottom:20%;
}
/* Screen larger than 600px? 2 column */
@media (min-width: 600px) {
  .cards-salones { grid-template-columns: repeat(2, 1fr); margin-left:0%; margin-right:0%; margin-bottom:20%; grid-gap: 1rem;  }        
  .cards-noticias { grid-template-columns: repeat(2, 1fr); margin-left:0%; }     
  .cards { grid-template-columns: repeat(2, 1fr); margin-left:0%; }
  .card2b {
  background-image: url("img/btnhome/btn-ayuda-economica.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
  
}
.card3 {
  background-image: url("img/btnhome/btn-complejo.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card4 {
  background-image: url("img/btnhome/btn-fiestasyeventos.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card5 {
  background-image: url("img/btnhome/btn-apross.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card6 {
  background-image: url("img/btnhome/btn-cem.jpg");
  background-size:contain;
  background-repeat: no-repeat; 
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card7 {
  background-image: url("img/btnhome/btn-sanos.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
 

}
}

/* Screen larger than 900px? 3 columns */
@media (min-width: 900px) {
  .cards-salones { grid-template-columns: repeat(3, 1fr); margin-left:13%; margin-right:15%;margin-bottom:20%; grid-gap: 1rem;}    
  .cards-noticias { grid-template-columns: repeat(3, 1fr); margin-left:0%; margin-bottom:5%; width:100%; height: 32rem }
  .cards { grid-template-columns: repeat(3, 1fr); margin-left:0%;  }
 
  .card2b {
  background-image: url("img/btnhome/btn-ayuda-economica.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;
  
  }
 
.card3 {
  background-image: url("img/btnhome/btn-complejo.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card4 {
  background-image: url("img/btnhome/btn-fiestasyeventos.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card5 {
  background-image: url("img/btnhome/btn-apross.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card6 {
  background-image: url("img/btnhome/btn-cem.jpg");
  background-size:contain;
  background-repeat: no-repeat; 
  color: white;
  padding: 3rem;
  height: 15rem;

}
.card7 {
  background-image: url("img/btnhome/btn-sanos.jpg");
  background-size:contain;
  background-repeat: no-repeat;
  color: white;
  padding: 3rem;
  height: 15rem;


}
  
}
#bloque{
    display: inline-block;
    width:100%;
    max-width:100%; 
    vertical-align:top;
    margin-top:2%;
}
#bloque-a{
    display: inline-block;
    height:422px;
    width:50%;
    background-image: url("img/btnhome/img-bloque1a.jpg");
    background-size:cover;
    vertical-align:top;
    background-repeat: no-repeat;
}
#bloque-b{
    display: inline-block;
    height:422px;
    width:49%;
    background:#fff;
    text-align:left;
    padding-left:25px;
    margin-left:-2px;
    padding-top:55px;
    vertical-align:top;
}
#bloque-b h1{
  font-size:40px;
  padding-right:65px;
}
#bloque-b p{
  font-size:18px;
  padding-right:65px;
  line-height:80px;
}
#separador{
    height: 3px;
    border-top: 3px solid #008F4F;
    display: inline-block;
    align:left;
    top: 1px;
    width: 15%;
    margin-left: 0%;
    margin-right: 65%;
    text-align: left;
}
#bloque-salon{
    display: inline-block;
    width:100%;
    max-width:100%; 
    vertical-align:top;
    margin-top:2%;
}
#bloque-salon-a{
    display: inline-block;
    height:422px;
    width:50%;
    background-image: url("img/btnhome/img-bloque1a.jpg");
    background-size:cover;
    vertical-align:top;
    background-repeat: no-repeat;
}
#bloque-salon-b{
    display: inline-block;
    height:422px;
    width:49%;
    background:#fff;
    text-align:left;
    padding-left:25px;
    margin-left:-2px;
    padding-top:55px;
    vertical-align:top;
}
#bloque-salon-b h1{
  font-size:40px;
  padding-right:65px;
}
#bloque-salon-b p{
  font-size:18px;
  padding-right:65px;
  line-height:80px;
}
#bloque-salon2{
    display: inline-block;
    width:100%;
    max-width:100%; 
    vertical-align:top;
    margin-top:2%;
}
#bloque-salon2-a{
    display: inline-block;
    height:422px;
    width:49%;
    background:#fff;
    text-align:left;
    padding-left:25px;
    margin-left:-2px;
    padding-top:55px;
    vertical-align:top;

}
#bloque-salon2-b{
    display: inline-block;
    height:422px;
    width:50%;
    background-image: url("img/btnhome/img-bloque1a.jpg");
    background-size:cover;
    vertical-align:top;
    background-repeat: no-repeat;
}
#bloque-salon2-b h1{
  font-size:40px;
  padding-right:65px;
}
#bloque-salon2-b p{
  font-size:18px;
  padding-right:65px;
  line-height:80px;
}
#bloque-salon3{
    display: inline-block;
    width:100%;
    max-width:100%; 
    vertical-align:top;
    margin-top:2%;
}
#bloque-salon3-a{
    display: inline-block;
    height:422px;
    width:49%;
    background:#fff;
    text-align:left;
    padding-left:25px;
    margin-left:-2px;
    padding-top:55px;
    vertical-align:top;
}
#bloque-salon3-b{
  
    display: inline-block;
    height:422px;
    width:49%;
    background:#fff;
    text-align:left;
    padding-left:25px;
    margin-left:-2px;
    padding-top:55px;
    vertical-align:top;
}
#bloque-salon-b h1{
  font-size:40px;
  padding-right:65px;
}
#bloque-salon3-b p{
  font-size:18px;
  padding-right:65px;
  line-height:80px;
}
/* Media Queries */
/**************************/
@media screen and (max-width: 959px) and (min-width: 768px) {
#bloque{
    display:block;
    width:100%;
}
#bloque-a{
    display: block;
    height:250px;
    width:100%;
 
}
#bloque-b{
    display: block;
    height:550px;
    width:100%;
    background:#fff;
}

#bloque-b h1{
  font-size:40px;
  padding-right:35px;
}
.buttonA .buttonA1 {
  margin-top:60px;
}
#bloque-salon{
    display:block;
    width:100%;
}
#bloque-salon-a{
    display: block;
    height:250px;
    width:100%;
 
}
#bloque-salon-b{
    display: block;
    height:550px;
    width:100%;
    background:#fff;
}

#bloque-salon-b h1{
  font-size:40px;
  padding-right:35px;
}
}
@media screen and (max-width: 767px) {
#bloque{
    display:block;
    width:100%;
}
#bloque-a{
    display: block;
    height:250px;
    width:100%;
   
}
#bloque-b{
    display: block;
    height:480px;
    width:100%;
    background:#fff;
}
#bloque-b p{
  font-size:18px;
  padding-right:65px;
  line-height:20px;
  margin-top:20px;
  margin-bottom:20px;
}
#bloque-b h1{
  font-size:40px;
  padding-right:35px;
}
.buttonA .buttonA1 {
  margin-top:60px;
}
#bloque-salon{
    display:block;
    width:100%;
}
#bloque-salon-a{
    display: block;
    height:250px;
    width:100%;
   
}
#bloque-salon-b{
    display: block;
    height:480px;
    width:100%;
    background:#fff;
}
#bloque-salon-b p{
  font-size:18px;
  padding-right:65px;
  line-height:20px;
  margin-top:20px;
  margin-bottom:20px;
}
#bloque-salon-b h1{
  font-size:40px;
  padding-right:35px;
}
}
@media screen and (max-width: 479px) {
#bloque{
    display:block;
    width:100%;
}
#bloque-a{
    display: block;
    height:230px;
    width:100%;
     
}
#bloque-b{
    display: block;
    height:480px;
    width:100%;
    background:#fff;

}
#bloque-b p{
  font-size:18px;
  padding-right:65px;
  line-height:25px;
  margin-top:20px;
  margin-bottom:20px;
}
#bloque-b h1{
  font-size:40px;
  padding-right:35px;
}
.buttonA .buttonA1 {
  margin-top:60px;
}
#bloque-salon{
    display:block;
    width:100%;
}
#bloque-salon-a{
    display: block;
    height:230px;
    width:100%;
     
}
#bloque-salon-b{
    display: block;
    height:480px;
    width:100%;
    background:#fff;

}
#bloque-salon-b p{
  font-size:18px;
  padding-right:65px;
  line-height:25px;
  margin-top:20px;
  margin-bottom:20px;
}
#bloque-salon-b h1{
  font-size:40px;
  padding-right:35px;
}
}
.buttonA {
    background-color: #008F4F; /* Green */
    border: none;
    color: white;
    padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}

.buttonA1 {
    background-color: white; 
    color: black; 
    border: 2px solid #008F4F;
    font-weight:200;
}

.buttonA1:hover {
    background-color: #008F4F;
    color: white;
}
#slogan{
	color: #060;
	font-size: 22px;
    font-family: 'Gudea', sans-serif;
	margin-top:-65%;
	margin-left:56%;
	width:40.5%;
	text-align:center;
}
#fito{
	  margin-left:64%;	
	  margin-top:2%;
	  margin-bottom:20%;
}
#fotosmutual{
	  max-width:70%;
	  max-height:100%;
	  height:15%;
	  width:35%;
	  margin-left:25%;
	  margin-right:27%;
}
h3{
	color:#008F4F;
}
#videoescuela{
	margin-left:4%;
}
#videohome{
	margin-left:65%;
	margin-top:-27%;
	margin-bottom:2%;
	max-width:700px;
	max-height:200px;
}
#li-1{
    background-color:#cfff30; 


  padding:-10px;
  color:#008F4F;

}
#contenedor { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	/*background-color:#E8F0C4; */
    background-color:#FFF;
	text-align:left;
	padding-bottom:15px;
	margin-bottom:0px;	
}
#contenedor-home { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	/*background-color:#E8F0C4; 
    background-color:#FFF;*/
	text-align:center;
	padding-bottom:15px;
	margin-bottom:0px;	
}
#contenedor-noticias { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	/*background-color:#E8F0C4; 
    background-color:#FFF;*/
	text-align:center;
	padding-bottom:15px;
	margin-bottom:0px;	
}
#contenedorescuela { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	background-color:#c3fffb; 

	text-align:left;
	padding-bottom:15px;
	margin-bottom:0px;	
	
}
#contenedorescuela2 { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	/*background-color:#E8F0C4; */
    background-color:#FFF;
	text-align:left;
	padding-bottom:0px;
	margin-bottom:0px;	
	background: #FFF;
}
#contenedor2 { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	background-color:#FFF/*#E2E7C8*/;
	text-align:left;
	margin-top:-25px;
	padding-bottom:150px;
}
#contenedor2 a{
	color:#000;
	font-weight:bold;
}
#contenedor2 a:hover{
	color:#F90;
	 
}
#contenedor3 { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	background-color:#FFF; 
	text-align:left;
	padding-bottom:100px;
	
}
#contenedor4 { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	background-color:#FFF; 
	text-align:center;
	padding-bottom:200px;
	
}
#contenedor5 { 
	width:100%; 
	max-width:1150px; 
	margin:auto; 
	/*background-color:#E8F0C4; */
    background-color:#FFF;
	text-align:left;
	padding-bottom:350px;	
}


#cuerpo-noticias1{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   float:left;
	   background-color:#fff;
	   width:75%;
	   padding-bottom:5%;
		}
#cuerpo-noticias2{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:center;
	   font-family: 'Source Sans Pro', sans-serif;
	   float:left;
	   background-color:#fff;
	   width:25%;
	   padding-bottom:5%;
	   padding-left:1%;
	   border-left:1px solid #92090B;


}
#cajon3{
clear:both;
background:#000;
}
#random{
	width:95%;
	height:10%;
}
#random2{
	width:95%;
	height:110%;
}
#cuerpo{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:center;
	   font-family: 'Source Sans Pro', sans-serif;
}
#cuerpo1{
	   font-size:18px;
	   margin-top:1px;
	   line-height:35px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   padding-left:30px;
	   padding-right:30px;
}
#cuerpo2{
	   font-size:18px;
	   margin-top:1px;
	   line-height:35px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   padding-left:30px;
	   padding-right:30px;
}

#cuerpo3{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:20px;	 
}
#cuerpo5{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;	 	 
}
#cuerpo6{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:80px;
}
#cuerpo7{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-bottom:20px;
	   padding-left:5%;
	   padding-right:5%;	 
}
#cuerpo8{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:right;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-bottom:20px;
	   margin-right:80px;	 
}
#cuerpo9{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:70px;
	   margin-right:70px;	 
}
#cuerpo9 a:hover{
	text-decoration:none;
	color:#F90;
	  
}
#cuerpo9-bis{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:40px;
	   margin-right:50px;	 
}
#cuerpo9-ae{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:0px;
	   margin-right:0px;	 
}
#cuerpo9-ae a{
	  color:#000;
	  font-weight:bold; 
}
#cuerpo9-ae a:hover{
	  color:#008F4F;
	  font-weight:bold; 
}
#cuerpo9-co{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:center;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:120px;
	   margin-right:70px;
	   color:#000;
	   	 
}
#cuerpo9-co a{
	  color:#000;
	  font-weight:bold; 
	  padding-left:25px;
}
#cuerpo9-co a:hover{
	text-decoration:none;
	color:#F90;
	  
}
#cuerpo-simulador{
	   font-size:18px;
	   margin-top:-450px;
	   margin-bottom:150px;
	   line-height:40px;
	   text-align:center;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:640px;
	   margin-right:20px;
	   width: 35%;	 
	   display: inherit;
}
#cuerpo-simulador-res{
	 	 display: none;
}
#cuerpo-simulador-video{
	   font-size:18px;
	   margin-top:1px;
	   margin-bottom:170px;
	   line-height:40px;
	   text-align:center;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:70px;
	   margin-right:0px;	 
	   width: 45%;
	   display:inherit;
}
#cuerpo9escuela{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:70px;
	   margin-right:70px;	 
}
#cuerpo12{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:70px;
	   margin-right:35px;	 
}
#cuerpo12 a{
  text-decoration:none;
  font-weight:bold;
  color:#000;
}
#cuerpo12 a:hover{
	color:#063;
	text-decoration:underline;
	font-weight:bold;
}
#cuerpo10{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:420px;
	   margin-right:35px;	 
}
#cuerpo10-2{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:510px;
	   margin-right:35px;	 
}
#cuerpo11{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:70px;
	   margin-right:35px;	 
}
#cuerpo11 a{
  text-decoration:none;
  font-weight:bold;
  color:#063;
}
#cuerpo11 a:hover{
	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#cuerpo6 a{
  text-decoration:none;
  font-weight:bold;
  color:#000;
}
#cuerpo6 a:hover{
	color:#F37435;
	text-decoration:none;
	font-weight:bold;
}
#cuerpo13{
	   font-size:18px;
	   margin-top:-100px;
	   line-height:40px;
	   text-align:center;
	   font-family: 'Source Sans Pro', sans-serif;	   
}
#cuerpo14{
	   font-size:18px;
	   margin-top:1px;
	   line-height:35px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:100px;
	   margin-right:35px;	 
}
#cuerpo15{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:50px;
	   margin-right:35px;	
}
#cuerpo16{
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:25px;
	   margin-right:35px;	
}
#cuerpo20{
	   font-size:18px;
	   margin-top:30px;
	   line-height:40px;
	   text-align:center;
	   font-family: 'Source Sans Pro', sans-serif;
}
#general-cem{
	display:inline-block;
}
#lado1{
	width:80%;
	margin-left:10%;
}
#lado2{
	width:30%;
	margin-left:120%;
	margin-top:-17%;
	margin-bottom:8%;
	text-align:center;
}
#cuerpocamping{
	   font-size:18px;
	   margin-top:1px;
	   line-height:35px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   width:50%;
	   padding-left:5%;
}
#fotocamping{
	width:30%;
	margin-left:65%;
}
 header{
    position: sticky;
    top: 0px;
    background-color: #008F4F;
    width: 100%;
    z-index: 1000;
    padding-top: 1%;
    padding-bottom: 1%;
}

section{
    position: relative;
    height: calc(100vh - 3rem);
    width: 100%;
    background: url('bg.jpg') no-repeat top center / cover;
    overflow: hidden;
}

.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(56, 165, 238, 0.5);
}

.container{
    max-width: 80rem;
    padding: 0 2rem;
    margin: 0 auto;
    display: flex;
    position: relative;
}

.logo-container{
    flex: 0;
    display: flex;
    align-items: center;
}

.nav-btn{
    flex: 3;
    display: flex;
}

.nav-links{
    flex: 2;
}

.log-sign{
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.logo{
    color: #fff;
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 3rem;
}

.logo span{
    font-weight: 300;
}

 

.nav-links > ul{
    display: flex;
    justify-content: center;
    align-items: center;
}

.nav-link{
    position: relative;
}

.nav-link > a{
    line-height: 3rem;
    color: #fff;
    padding: 0 .6rem;
    letter-spacing: 1px;
    font-size: .95rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: .5s;
}

.nav-link > a > i{
    margin-left: .2rem;
}

.nav-link:hover > a{
    transform: scale(1.1);
}

.dropdown{
    position: absolute;
    top: 100%;
    left: 0;
    width: 10rem;
    transform: translateY(10px);
    opacity: 0;
    pointer-events: none;
    transition: .5s;
}

.dropdown ul{
    position: relative;
}

.dropdown-link > a{
    display: flex;
    background-color: #fff;
    color: #000;
    padding: .5rem 1rem;
    font-size: .9rem;
    align-items: center;
    justify-content: space-between;
    transition: .3s;
}

.dropdown-link:hover > a{
    background-color: #008F4F;
    color: #fff;
}

.dropdown-link:not(:nth-last-child(2)){
    border-bottom: 1px solid #efefef;
}

.dropdown-link i{
    transform: rotate(-90deg);
}

.arrow{
    position: absolute;
    width: 11px;
    height: 11px;
    top: -5.5px;
    left: 32px;
    background-color: #fff;
    transform: rotate(45deg);
    cursor: pointer;
    transition: .3s;
    z-index: -1;
}

.dropdown-link:first-child:hover ~ .arrow{
    background-color: #008F4F;
}

.dropdown-link{
    position: relative;
}

.dropdown.second{
    top: 0;
    left: 100%;
    padding-left: .8rem;
    cursor: pointer;
    transform: translateX(10px);
}

.dropdown.second .arrow{
    top: 10px;
    left: -5.5px;
}

.nav-link:hover > .dropdown,
.dropdown-link:hover > .dropdown{
    transform: translate(0, 0);
    opacity: 1;
    pointer-events: auto;
}

.hamburger-menu-container{
    flex: 1;
    display: none;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu{
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.hamburger-menu div{
    width: 1.6rem;
    height: 3px;
    border-radius: 3px;
    background-color: #fff;
    position: relative;
    z-index: 1001;
    transition: .5s;
}

.hamburger-menu div:before,
.hamburger-menu div:after{
    content: '';
    position: absolute;
    width: inherit;
    height: inherit;
    background-color: #fff;
    border-radius: 3px;
    transition: .5s;
}

.hamburger-menu div:before{
    transform: translateY(-7px);
}

.hamburger-menu div:after{
    transform: translateY(7px);
}

#check{
    position: absolute;
    top: 50%;
    right: 1.5rem;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 2.5rem;
    z-index: 90000;
    cursor: pointer;
    opacity: 0;
    display: none;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div{
    background-color: transparent;
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:before{
    transform: translateY(0) rotate(-45deg);
}

#check:checked ~ .hamburger-menu-container .hamburger-menu div:after{
    transform: translateY(0) rotate(45deg);
}

@keyframes animation{
    from{
        opacity: 0;
        transform: translateY(15px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}

@media (max-width: 920px){
    .hamburger-menu-container{
        display: flex;
    }

    #check{
        display: block;
    }

    .nav-btn{
        position: fixed;
        height: calc(100vh - 3rem);
        top: 0rem;
        left: 0;
        width: 100%;
        background-color: #008F4F;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        overflow-x: hidden;
        overflow-y: auto;
        transform: translateX(100%);
        transition: .65s;
    }

    #check:checked ~ .nav-btn{
        transform: translateX(0);
    }

    #check:checked ~ .nav-btn .nav-link,
    #check:checked ~ .nav-btn .log-sign{
        animation: animation .5s ease forwards var(--i);
    }

    .nav-links{
        flex: initial;
        width: 100%;
    }

    .nav-links > ul{
        flex-direction: column;
    }

    .nav-link{
        width: 100%;
        opacity: 0;
        transform: translateY(15px);
    }

    .nav-link > a{
        line-height: 1;
        padding: 1.6rem 2rem;
    }

    .nav-link:hover > a{
        transform: scale(1);
        background-color: #079f5b;
    }

    .dropdown, .dropdown.second{
        position: initial;
        top: initial;
        left: initial;
        transform: initial;
        opacity: 1;
        pointer-events: auto;
        width: 100%;
        padding: 0;
        background-color: #06ac62;
        display: none;
    }
    
    .nav-link:hover > .dropdown,
    .dropdown-link:hover > .dropdown{
        display: block;
    }

    .nav-link:hover > a > i,
    .dropdown-link:hover > a > i{
        transform: rotate(360deg);
    }

    .dropdown-link > a{
        background-color: transparent;
        color: #fff;
        padding: 1.2rem 2rem;
        line-height: 1;
    }

    .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 3rem;
    }

    .dropdown.second .dropdown.second .dropdown-link > a{
        padding: 1.2rem 2rem 1.2rem 4rem;
    }

    .dropdown-link:not(:nth-last-child(2)){
        border-bottom: none;
    }

    .arrow{
        z-index: 1;
        background-color: #008f4f;
        left: 10%;
        transform: scale(1.1) rotate(45deg);
        transition: .5s;
    }

    .nav-link:hover .arrow{
        background-color: #008f4f;
    }

    .dropdown .dropdown .arrow{
        display: none;
    }

    .dropdown-link:hover > a{
        background-color: #079153;
    }

    .dropdown-link:first-child:hover ~ .arrow{
        background-color: #008f4f;
    }

    .nav-link > a > i{
        font-size: 1.1rem;
        transform: rotate(360deg);
        transition: .7s;
    }

    .dropdown i{
        font-size: 1rem;
        transition: .7s;
    }

    .log-sign{
        flex: initial;
        width: 100%;
        padding: 1.5rem 1.9rem;
        justify-content: flex-start;
        opacity: 0;
        transform: translateY(15px);
    }
}
.menu-fixed {
	display:inherit;
	position:fixed;
	z-index:1000;
	top:0;
	max-width:1000px;
	width:100%;
	box-shadow:0px 3px 2px rgba(0,0,0,.5);
}
 
#fotos{
	  margin-left:10%;
	  height:auto;
	  width:auto;
	  margin-top:-1%;
	  margin-bottom:1%;
}
#fotosalon{  
		   margin-right:15px;
		   margin-bottom:3px;
		   width:40%;
		   height:30%;			 
}
#fotosalonderecha{ 
	         margin-bottom:3px;
			 margin-top:45px;
			 width:470px;
			 height:305px;
}
#fotosalonderecha1{  
	         margin-bottom:0px;
			 margin-top:-80px;
			 width:470px;
			 height:305px;
}
#fotosalonderecha2{  
	         margin-bottom:0px;
			 margin-top:0px;
			 width:370px;
			 height:205px;
}
#bannerescuela{
	max-width:100%;
	  max-height:270px;
}
#titleescuela{
	color: #008F4F;
	font-size:30px;
	font-weight:bold;
}
#portada{ 
	/*background-color:rgba(243,116,53,.8); */
    width:100%; 
	max-width:1150px;
	text-align:center;
	margin-top:1%;
	margin:auto;
}
#portadaayuda{
	   max-width:100%;
	  max-height:auto;
	  height:auto;
	  width:auto;
/*      margin-left:43%;*/
	 
	  margin-bottom:1%;
}
#logoservicio{
	 max-width:190px;
	  max-height:180px;
	  height:450px;
	  width:650px;
/*      margin-left:43%;*/
	  margin-top:1%;
	  margin-bottom:1%;
}
#logoverano{
	  max-width:262px;
	  max-height:264px;
	  height:262px;
	  width:264px;
/*      margin-left:43%;*/
	  margin-top:2%;
	  margin-bottom:1%;
}
#logoayuda{
	   max-width:350px;
	  max-height:180px;
	  height:450px;
	  width:650px;
/*      margin-left:43%;*/
	  margin-top:1%;
	  margin-bottom:1%;
}
#logocomplejo{
	   max-width:350px;
	  max-height:150px;
	  height:420px;
	  width:650px;
/*      margin-left:43%;*/
	  margin-top:1%;
	  margin-bottom:1%;
}
#logocomplejo{
	   max-width:350px;
	  max-height:150px;
	  height:420px;
	  width:650px;
/*      margin-left:43%;*/
	  margin-top:1%;
	  margin-bottom:1%;
	  display:none;
}
#video-complejo{
	display:inherit;
}
#logosalud{
	 max-width:500px;
	  max-height:200px;
	  height:450px;
	  width:650px;
	  margin-top:0%;
	  margin-bottom:0%;
}
#logocumple{
	 max-width:250px;
	  max-height:180px;
	  height:450px;
	  width:650px;
	  margin-top:1%;
	  margin-bottom:1%;
}
#salud1{
	margin-left:25%;
	margin-right:19%;
}
#salud2{
	margin-left:42%;
	margin-right:20%;
}
#salud3{
	margin-left:35%;
	margin-right:20%;
}
#tarifas-tabla{
	margin-left:20%;
	margin-right:20%;
}	
#tarifas-tabla-2{
	margin-left:10%;
	margin-right:0%;
}	
#tarifas-tabla-3{
	margin-left:22%;
	margin-right:22%;
}	
#cem{
	width:40%;
	height:13%;
}
#cono{
	width:30%;
	height:10%;
}
#plano{
	height:50%;
	width:80%;
	text-align:center;
}
#news{
	 max-width:70%;
	  max-height:100%;
	  height:35%;
	  width:40%;
	  margin-top:20px;
	  margin-left:30%;
	  margin-right:27%;	
}
#news2{
	 max-width:70%;
	  max-height:100%;
	  height:55%;
	  width:60%;
	  margin-left:21%;
	  margin-right:27%;	
}
#video{
	   text-align:center;
	   top:10px;
	   margin:10px;	   
}
#videos{
	text-align:center;
}

article{
	border-top:1px solid #92090B;
	margin-top:15px;
	padding-top:10px;
}
.paginacion {
	margin:100px 0;
	font-family:'Source Sans Pro', sans-serif;
	font-size:20px;
	 font-weight:bold;
	
}
.paginacion p {
	 text-align:center;
	 margin-bottom:1px;
}
.paginacion ul {
	list-style:none;
	text-align: center;
}
 
.paginacion ul li {
	display:inline-block;
	margin-right:10px;
}
.paginacion ul li a {
	display:block;
	color:#008F4F;
	text-decoration: none;
}
.paginacion ul li a:hover {
color:#000;
}
 .paginacion ul li .active {
	font-weight:bold;
	color:#000;
}
#logo-header .site-name {
	display: block;
	font-size: 30px;
/*	text-shadow: 0 0 2px #000,
			   0 0 5px #FFF,
			   0 0 2px #000,
			   0 0 2px #000,
			   0 0 3px #fff,
			   0 0 3px #fff,
			   0 0 3px #fff,
			   0 0 3px #fff;*/	   
	font-weight:bold;
	margin-top:-10%;
	margin-left:62%;
	padding-top:4%;
	padding-bottom:2%;
	color:#edb900;
	font-family: 'Source Sans Pro', sans-serif;
}
#novedades {
    height: 10px;
    width: 90%;
    background-color: #F37435;
    float: left;
    margin-left: 60px;
    margin-top: 40px;
    line-height: 10px;
    margin-bottom: 10px;
}
#novedades p{
	display: inline-block;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    margin-left: 10px;
    font-size: 1em;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
}
#novedades1 {
    height: 10px;
    width: 40%;
    background-color: #F37435;
    float: right;
    margin-left: 40px;
    margin-top: 40px;
    line-height: 10px;
    margin-bottom: 30px;
	margin-right:40px;
}
#novedades1 p{
	display: inline-block;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    margin-left: 10px;
    font-size: 1em;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
}
#novedades5 {
    height: 10px;
    width: 40%;
    background-color: #F37435;
    float: right;
    margin-left: 40px;
    margin-top: -240px;
    line-height: 10px;
    margin-bottom: 30px;
	margin-right:40px;
}
#novedades5 p{
	display: inline-block;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    margin-left: 10px;
    font-size: 1em;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
}
#novedades2 {
    height: 10px;
    width: 40%;
    background-color: #F37435;
    float: left;
    margin-left: 50px;
    margin-top: 40px;
    line-height: 10px;
    margin-bottom: 30px;
	margin-right:40px;
}
#novedades2 p{
	display: inline-block;
    background-color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    margin-left: 10px;
    font-size: 1em;
    font-weight: bold;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 1px;
}
#novedades4 {
   display:none; 
}
#novedades4 p{
	display:none; 
}
#novedades6 {
   display:none; 
}
#novedades6 p{
	display:none; 
}
#first{
	margin-left:5%;
	margin-bottom:2%;
	text-align:left;
	
}
#second{
	margin-top:10%;
	margin-left:5%;
	margin-bottom:2%;
	text-align:left;	
}
#third{
	margin-top:10%;
	margin-left:5%;
	margin-bottom:2%;
	text-align:left;	
}
#fourth{
	margin-top:10%;
	margin-left:5%;
	margin-bottom:3%;	
	text-align:left;
}
	
#news1{
	margin-top:60px;
	margin-left:8%;
	margin-bottom:10%;
	padding-bottom:4%;
	width:30%;
	font-family:'Source Sans Pro', sans-serif;
	font-size:18px;
}
#news1-1{
	margin-top:60px;
	margin-left:-16%;
	margin-bottom:10%;
	padding-bottom:4%;
	width:80%;
	font-family:'Source Sans Pro', sans-serif;
	font-size:18px;
}
#bandera{
	margin-left:78%;
	margin-top:-7.5%;
	position: absolute;
}
#bandera1{
	margin-left:71%;
	margin-top:-7.5%;
	position: absolute;
}
#mapa{
	width:90%;
	margin-left:3%;
	margin-top:1%;
	padding-bottom:1.5%;
}
.one {
  position: relative;
  height: 50px;
  width: 100px;
  margin-left:60px;
  margin-top:80px;
}

.one img {
  position: absolute;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.one img.top:hover {
  opacity: 0;
}
.three {
  position: relative;
  height: 50px;
  width: 100px;
  margin-left:590px;
  margin-top:-80px;
}

.three img {
  position: absolute;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.three img.top:hover {
  opacity: 0;
}
.two {
  position: relative;
  height: 50px;
  width: 100px;
  margin-left:330px;
  margin-top:-50px;
}

.two img {
  position: absolute;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.two img.top:hover {
  opacity: 0;
}
.four {
  position: relative;
  height: 50px;
  width: 100px;
  margin-left:850px;
  margin-top:-20px;
}

.four img {
  position: absolute;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.four img.top:hover {
  opacity: 0;
}
.six {
  position: relative;
  height: 50px;
  width: 100px;
  margin-left:780px;
  margin-top:-50px;
}

.six img {
  position: absolute;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.six img.top:hover {
  opacity: 0;
}
.five {
  position: relative;
  height: 50px;
  width: 100px;
  margin-left:420px;
  margin-top:-50px;
}

.five img {
  position: absolute;
  left: 0;
  transition: opacity 0.5s ease-in-out;
}

.five img.top:hover {
  opacity: 0;
}

#slider-com{
margin:25px auto;
display: none;
}
#slider{
margin:10px auto;


display:inherit;
}
#sliderresponsive{
	display:none;
	
}
/* ESTILOS DEL SLIDESHOW */
 
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; left:0%; top:20px;}  /*posición slide*/
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0%;margin-top:3%;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0%;margin-top:3%;}  /*altura y posicion botonera prev next*/
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:100%;margin:0;padding:2%;position:absolute;bottom:0;text-align:center;}
 
 
.bjqs-caption{
color:black;
background:whitesmoke;
opacity:.75;
}
 
/* BOTONERA UBICADA AL PIE DEL SLIDESHOW */
ol.bjqs-markers{
margin-top:5px;margin-left:5px; position:absolute;
}
ol.bjqs-markers li a{
padding: 2px 4px;
height:10px;
width:15px;
background: #FFF;
color: #000;
margin: 5px;
text-decoration: none;
transition:background .5s ease;
-webkit-transition:background .5s ease;
-moz-transition:background .5s ease;
-o-transition:background .5s ease;
 text-indent:-666em;

}
li.active-marker a, ol.bjqs-markers li a:hover{
background:#F90!important;
}
 
/* CONTROLES ATRAS Y ADELANTE */
ul.bjqs-controls.v-centered li a {
display: block;
padding: 15px;
background: whitesmoke;
color: #000;
text-decoration: none;
opacity:.75;
 
transition:color .5s ease, background .5s ease;
-webkit-transition:color .5s ease, background .5s ease;
-moz-transition:color .5s ease, background .5s ease;
-o-transition:color .5s ease, background .5s ease;
}
ul.bjqs-controls.v-centered li a:hover{
    background:#000;
    color:#fff;
}
  
/* Galeria Historia*/
#slider2{
margin-left:0%;
margin-top:-2%
}


 /*   Fin Galeria Historia*/
.menu_bar {
	display:none;
}
 
header {
	width: 100%;
	text-align:center;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
header nav {
	background:#008F4F;
	z-index:1000;
	max-width: 2000px;
	width:auto;
	margin:0px auto;
}
 
header nav ul {
	list-style:none;
}
 
header nav ul li {
	display:inline-block;
	position: relative;
}
 
header nav ul li:hover {
	background:#009d57;
}
 
header nav ul li a {
	color:#fff;
	display:block;
	text-decoration:none;
	padding:20px;
}
 
header nav ul li a span {
	margin-right:10px;
}
 
header nav ul li:hover .children {
	display:block;
}
 
header nav ul li .children {
	display: none;
	background:#00AD4B;
	position: absolute;
	width: 220%;
	z-index:1000;
}
 
header nav ul li .children li {
	display:block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
}
 
header nav ul li .children li a {
	display: block;
}
 
header nav ul li .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right:0;
	margin-left:10px;
}
 
header nav ul li .caret {
	position: relative;
	top:3px;
	margin-left:10px;
	margin-right:0px;
}
 
@media screen and (max-width: 800px) {
body {
	padding-top:0px;
}

.menu_bar {
	display:block;
	width:100%;
	/*position: fixed;*/
	top:0;
	background:#008F4F;
}

.menu_bar .bt-menu {
	display: block;
	padding: 20px;
	color: #fff;
	overflow: hidden;
	font-size: 25px;
	font-weight: bold;
	text-decoration: none;
}

.menu_bar span {
	float: right;
	font-size: 40px;
}

header nav {
	width: 100%;
	height: calc(150% - 80px);
	position:   absolute;
	right:100%;
	margin: 0;
	/*overflow: scroll;*/
}

header nav ul li {
	display: block;
	border-bottom:1px solid rgba(255,255,255,.5);
}

header nav ul li a {
	display: block;
}

header nav ul li:hover .children {
	display: none;
}

header nav ul li .children {
	width: 100%;
	position: relative;
}

header nav ul li .children li a {
	margin-left:20px;
}

header nav ul li .caret {
	float: right;
}
}

footer{
 position: relative;
 bottom: 0;
}
.footer-distributed{
 background-color: #474d52;
 box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 box-sizing: border-box;
 width: 100%;
 text-align: left;
 
 
 padding: 55px 50px;
 margin-top: 80px;
}
 
.footer-distributed .footer-left,
.footer-distributed .footer-center,
.footer-distributed .footer-right{
 display: inline-block;
 vertical-align: top;
}
 
.footer-distributed .footer-left{
 width: 40%;
}
 
.footer-distributed h3{
 color:  #ffffff;
 
 margin: 0;
}
 
.footer-distributed h3 span{
 color:  #5383d3;
}
 
 
.footer-distributed .footer-links{
 color:  #ffffff;
 margin: 20px 0 12px;
 padding: 0;
}
 
.footer-distributed .footer-links a{
 display:inline-block;
 line-height: 1.8;
 text-decoration: none;
 color:  inherit;
}
 
.footer-distributed .footer-company-name{
 color:  #8f9296;
 font-size: 14px;
 font-weight: normal;
 margin: 0;
}
 
 
.footer-distributed .footer-center{
 width: 35%;
}
 
.footer-distributed .footer-center i{
 ;
 color: #ffffff;
 font-size: 20px;
 width: 18px;
 height: 38px;
 
 text-align: center;
 line-height: 42px;
 margin: 10px 15px;
 vertical-align: middle;
}
 
.footer-distributed .footer-center i.fa-envelope{
 font-size: 17px;
 line-height: 38px;
}
 
.footer-distributed .footer-center p{
 display: inline-block;
 color: #ffffff;
 vertical-align: middle;
 margin:0;
}
 
.footer-distributed .footer-center p span{
 display:block;
 font-weight: normal;
 font-size:14px;
 line-height:2;
}
 
.footer-distributed .footer-center p a{
 color:  #5383d3;
 text-decoration: none;;
}
 
.footer-distributed .footer-right{
 width: 20%;
}
 
.footer-distributed .footer-company-about{
 line-height: 20px;
 color:  #92999f;
 font-size: 13px;
 font-weight: normal;
 margin: 0;
}
 
.footer-distributed .footer-company-about span{
 display: block;
 color:  #ffffff;
 font-size: 14px;
 font-weight: bold;
 margin-bottom: 20px;
}
 
.footer-distributed .footer-icons{
 margin-top: 25px;
}
 
.footer-distributed .footer-icons a{
 display: inline-block;
 width: 35px;
 height: 35px;
 cursor: pointer;
 background-color:  #33383b;
 border-radius: 2px;
 
 font-size: 20px;
 color: #ffffff;
 text-align: center;
 line-height: 35px;
 
 margin-right: 3px;
 margin-bottom: 5px;
}
 
 
@media (max-width: 880px) {
 
 .footer-distributed{
 font: bold 14px sans-serif;
 
 }
 
 .footer-distributed .footer-left,
 .footer-distributed .footer-center,
 .footer-distributed .footer-right{
 display: block;
 width: 100%;
 margin-bottom: 40px;
 text-align: center;
 }
 
 .footer-distributed .footer-center i{
 margin-left: 0;
 }
 .main {
 line-height: normal;
 font-size: auto;
 }
 
}
.float2{
	position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:30px;
    text-align:center;
    font-size:30px;
    z-index:100;
}
#sub-footer{
	background-color:#333;
	text-align:center;
	margin-top:30px;
	margin-left:-60px;
	padding-left:20px;

}
#sub-footer-res{
	display:none;
}
#sub1{
	text-align:left;
	margin-left:30px;
	margin-top:1px;
}
#autores{
	text-align:right;
	margin-right:10%;
	margin-top:-35px;
	
}
#publicidad-escuela{
	text-align:right;
	margin-right:10%;
	margin-top:0px;
	display:none;
	background-color:#333;
	
}
#publicidad-what{
	text-align:right;
	margin-right:10%;
	margin-top:0px;
	display:none;
	background-color:#333;
	
}
.flotante {
    display:scroll;
        position:fixed;
        bottom:0px;
        right:0px;
}
#iso-logos{
	margin-top:-55px;
	margin-left:1%
}
#logo-amcep{
	margin-top:-105px;
	margin-left:70%;
	display:inherit;
}
#inscripta{
	color:#000;
	margin-right:39%;
}
#subir{
	margin-top:-4%;
}

#logos{
	width:100%; 
	max-width:1150px;
	text-align:left;
	background-color:#FFF;
	margin-top:1%;
	padding-bottom:2%;
	margin:auto;
}
#logosescuela{
	width:100%; 
	max-width:1150px;
	text-align:left;
background: #c3fffb;
	margin-top:1%;
	padding-bottom:2%;
	margin:auto;
}
#logosescuela2{
	width:100%; 
	max-width:1150px;
	text-align:left;
    background:#FFF;
	margin-top:1%;
	padding-bottom:0%;
	margin:auto;
}
.myButton {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #44c767), color-stop(1, #5cbf2a));
	background:-moz-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-webkit-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-o-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:-ms-linear-gradient(top, #44c767 5%, #5cbf2a 100%);
	background:linear-gradient(to bottom, #44c767 5%, #5cbf2a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#44c767', endColorstr='#5cbf2a',GradientType=0);
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	padding:16px 31px;
	text-decoration:none;
	text-shadow:0px 1px 0px #2f6627;
	margin-top:1%;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cbf2a), color-stop(1, #44c767));
	background:-moz-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-webkit-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-o-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:-ms-linear-gradient(top, #5cbf2a 5%, #44c767 100%);
	background:linear-gradient(to bottom, #5cbf2a 5%, #44c767 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cbf2a', endColorstr='#44c767',GradientType=0);
	background-color:#5cbf2a;
}
.myButton:active {
	position:relative;
	top:1px;
}

.video-responsive-complejo {
position: relative;
padding-bottom: 34.12%;
padding-top: 20px;
height: 0;
overflow: hidden;
display:block;
}
.video-responsive-complejo iframe,
.video-responsive-complejo object,
.video-responsive-complejo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.video-responsive-economica-res {
position: relative;
padding-bottom: 0%;
padding-top: 30px;
height: 0;
overflow: hidden;
display:none;
}

.video-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
display:block;
}
.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.video-responsive-economica {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
display:block;
}
.video-responsive-economica iframe,
.video-responsive-economica object,
.video-responsive-economica embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.button {
    margin: 10px;
    text-decoration: none;
    font: bold 1em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    color: #fff;    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);    
    box-shadow: 0 0 .05em rgba(0,0,0,0.4);  
	margin-left:5%; 
	margin-top:1%;
}
.button, 
.button span {
    -moz-border-radius: .1em;
    border-radius: .1em;
}

.button span {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em 2.5em;    
    /* The background pattern */
    background-image: 
	linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
	linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
	linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
	linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    /* Pattern settings */
    background-size: 3px 3px;            
}

.button:hover {
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}

.button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}
.button-blue {
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}

.button-blue:hover {
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
}

.button-blue:active {
    background: #4477a1;
}

.two-columns {
    
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count:2;
}
.login{
        width: 300px; 
        margin: 0 auto;
        text-align: center; 
}
.login fieldset{
    margin : 0 ; 
    padding: .35em 0 0.75em;
    border: 1px solid silver;
}
.login input {
        font-family: 'lillyregular';
}
.login input[type = text],
.login input[type = password]{
    text-align: center;
    padding: .5em .6em ;
    border: 1px solid #ccc; 
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;  
}
.login input[type = submit],
.login input[type = reset]{
        background-color: #0078e7; 
        color : #fff; 
        padding : .5em 1em ; 
        border: 0; 
        border-radius: 4px; 
        cursor: pointer ;
}

.login input[type = submit]:focus,
.login input[type = reset]:focus,
.login input[type = submit]:hover,
.login input[type = reset]:hover{
    
   background-image : linear-gradient(transparent, rgba(0,0,0,0.05) 40%, rgba(0,0,0,0.1));
}

a{
    color:  #0078e7;
    text-decoration: none; 
}
.pass{

    margin-left: 60px;
    margin-top: 25px;
}

#res{
    margin-top: 25px; 
}
  /*Botonera Interactiva Redes Sociales*/
.social {
	position:   absolute; /* Hacemos que la posición en pantalla sea fija para que siempre se muestre en pantalla*/
	left: 0; /* Establecemos la barra en la izquierda */
	top: 400px;/* Bajamos la barra 200px de arriba a abajo */
	z-index: 2000; /* Utilizamos la propiedad z-index para que no se superponga algún otro elemento como sliders, galerías, etc */
}
.social ul {
	list-style: none;
}
.social ul li a {
	display: inline-block;
	color:#fff;
	background: #000;
	padding: 10px 15px;
	text-decoration: none;
	-webkit-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease; /* Establecemos una transición a todas las propiedades */
}
.social ul li .icon-facebook {background:#3b5998;} /* Establecemos los colores de cada red social, aprovechando su class */
.social ul li .icon-youtube {background: #d92624;}
.social ul li .icon-googleplus {  background:  
   
   linear-gradient( #400080, transparent), 
  
  
   
 linear-gradient( 
   200deg, #d047d1, #ff0000,    #ffff00);}
.social ul li .icon-pinterest {background: #36b125}
.social ul li .icon-mail {background: #666666;}
.social ul li a:hover {
		background:#008F4F; /* Cambiamos el fondo cuando el usuario pase el mouse */
		padding: 10px 30px; /* Hacemos mas grande el espacio cuando el usuario pase el mouse */
}
/* Fin de botonera interactiva*/
/*Galeria de imagenes Salón AMCEP*/
body:after {
  content: url(images/close.png) url(images/loading.gif) url(images/prev.png) url(images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  font-family:Arial, Helvetica, sans-serif;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Comercios*/
#portada{ 
    width:50%; 
	max-width:1150px;
	text-align:center;
	margin-top:1%;
	margin:auto;
}
#logocomercio{
	  max-width:350px;
	  max-height:280px;
	  height:450px;
	  width:650px;
	  margin-top:2%;
	  margin-bottom:1%;
	  margin-left:10%;
}
#texto-comercios{
	   width:50%; 
	   font-size:18px;
	   margin-top:-225px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:530px;
	   margin-bottom:5%;
}
#texto-comercios a{
	font-weight:bold;
}
#texto-comercios a:hover{
	color: #F90;
	text-decoration:none;
	font-weight:bold;
}



#comercio-h1{
	margin-bottom:15px;
}
#logocomercio-arriba{
	  max-width:1150px; 
	  max-height:120px;
	  height:350px;
	  width:100%;
	  display:inherit;
}
#logocomercio2-responsive{
	display:none;
}
#logocomercio22-responsive{
	display:none;
}
#logocomercio-abajo{
	  max-width:1150px; 
	  max-height:120px;
	  height:350px;
	  width:100%;
	  display:inherit;
}
#cuerpo9-comercios{
	   width:50%;
	   font-size:18px;
	   margin-top:1px;
	   line-height:40px;
	   text-align:left;
	   font-family: 'Source Sans Pro', sans-serif;
	   margin-left:120px;
	   margin-right:70px;
	   margin-bottom:2%;	 
}
#mapa-comercios{
	width:50%;
	margin-left:550px;
	margin-top:-26%;
	padding-bottom:4%;
}
#mapa-comercios-red{
	width:50%;
	margin-left:550px;
	margin-top:-17%;
	padding-bottom:4%;
}
#fondo-ofertas{
/*	background-color:#3F9;*/
color:#900;
font-weight:bold;
font-size:20px;
}
/*fin comercios*/

/* reglas CSS para formulario */
.form-consulta {max-width: 500px; background: #eee; padding: 25px; font-family: 'Source Sans Pro', sans-serif;margin-left: 30%}
.campo-form {width:100%; height:36px; margin:2px 0 6px; padding-left:6px; box-sizing: border-box; border-radius:3px; border:0; font-family: 'Source Sans Pro', sans-serif; font-size:1em;}
label span {color: #f00}
textarea {min-height: 150px!important;}
.btn-form {display: inline-block; border:0; background: #008F4F; height: 46px; line-height: 46px; padding: 0 20px; border-radius: 6px; color:#fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px}
.btn-form:hover {background: #444}

/* fin CSS para formulario */

#banner_aleatorio{
	 max-width:350px;
	  max-height:280px;
	  height:450px;
	  width:650px;
	  margin-top:-20%;
	  margin-bottom:1%;
	  margin-left:60%;
}

.topnav {
  overflow: hidden;
  background-color: #e9e9e9;
  margin-left:0px;
}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #2196F3;
  color: white;
}

.topnav .search-container {
  float: center;
  margin-top:5px;
  margin-bottom:8px;
  margin-left:40%;
}

.topnav input[type=text] {
  padding: 6px;
  margin-top: 8px;
  font-size: 17px;
  border: none;
}

.topnav .search-container button {
  float: right;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.topnav .search-container button:hover {
  background: #ccc;
}

@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
	margin-left:0%;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
  }
  .topnav input[type=text] {
    border: 1px solid #ccc;  
  }
}

/* Acordion */

.accordion-container {
    width: 100%;
    margin: 0 0 20px;
    clear:both;
}

.accordion-titulo {
    position: relative;
    display: block;
    padding: 10px;
    font-size: 19px;
    font-weight: 300;
    background: #2c3e50;
    color: #fff;
    text-decoration: none;
}
.accordion-titulo.open {
    background: #009d57;
    color: #fff;
}
.accordion-titulo:hover {
    background: #008F4F;
}

.accordion-titulo span.toggle-icon:before {
    content:"+";
}

.accordion-titulo.open span.toggle-icon:before {
    content:"-";
}

.accordion-titulo span.toggle-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    font-size: 38px;
    font-weight:bold;
}

.accordion-content {
    display: none;
    padding: 20px;
    overflow: auto;
}

.accordion-content p{
    margin:0;
}

.accordion-content img {
    display: block;
    float: left;
    margin: 0 15px 10px 0;
    width: 50%;
    height: auto;
}


@media (max-width: 767px) {
    .accordion-content {
        padding: 10px 0;
    }
}
/* Fin acordion */