@charset "utf-8";
/*CSS Document*/

*{  padding: 0;
    margin: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    list-style: none;
    text-decoration: none;
	font-size: 13px;    
	line-height: 1.4em;
}

h1{
    border-bottom: 0.12em solid #38B449;
    color: #38B449;
    font-family: 'Vibur';
    font-size: 22px;
}

h3{
    font-weight: 600;
}

body {
	background-color: #FFEFBA;
}

.ancho{
    clear: left;
    max-width: 980px;
	margin: auto;   
 }

/*///////////////////////////HEADER////////////////////////////*/

header {    
    background-color: #28CE6B;    
}

.cabecera {
    width: 100%;
    text-align: center;
    position: relative;
    height: auto;
    margin-bottom: 2em;
    padding: 0 0 1em 0;
    border-bottom: solid 2px;
    border-bottom-color: #014137;
}

.logo{
    display: block;
    color: #014137;
    font-weight: bold;
    width: 90%;
    text-align: center;
    margin: auto;
}
.logo a img{
    width: 75%;
    margin: 5px
    }

.logo a img:hover {
     transition: 0.5s;
    background-color: #A2F4B9;
    padding: 0.5em;
}

.huertas,.escuelas,.territorio,.salud,.informacion {
    background-image: url(imagenes/iconohuerta.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 4em;
    height: 4em;
}

.huertas{
    background-image: url(imagenes/iconohuerta.svg);
}

.escuelas{
    background-image: url(imagenes/iconoescuelas.svg);
}

.territorio{
    background-image: url(imagenes/iconoterritorio.svg);
}

.salud{
    background-image: url(imagenes/iconosalud.svg);
}

.informacion{
    background-image: url(imagenes/iconoinfo.svg);

}

.menusuperior>ul {
    margin: 10px auto 0px;
}

.menusuperior>ul>li {
    display: inline-block;
    margin: 4px 4px;
    position: relative;
}

.menusuperior>ul>li>a{
    color: #014137;
    font-size: 15px;
    font-weight: bold;
}
.menusuperior ul li a:hover{
    color: #FFEFBA; 
}

#infoid{
    display: none;
    position: relative;
    background-color: #014137;
    width: 150px 
}

.menusuperior ul li:hover #infoid {
    display: block;
    position: absolute;
    z-index: 9999;
}

#infoid li{
    border-bottom: 1.5px solid #31B5AF;
    width: 100%;
}

#infoid li a{
    color: #A2F4B9;
    font-weight: normal;
    line-height: 3em;
    width: 50px;
}

#infoid li:hover{
    background: #31B5AF;
    color: #014137;
    font-weight: bold;
}

/*///////////////////////////HEADER////////////////////////////*/

.quien{
    margin-left: 1em;
    margin-right: 1em;
}


.quien h1{
    margin-top: 1.5em;
}

video{
    position: relative;
    width: 94%;
    height: auto;
    margin: 1 auto;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-bottom: 56,25%;
    margin-left: 1em;
    margin-right: 1em;
}

.saludinfo h1{
    margin-top: 1em;
    margin-bottom: 0;
}

.saludinfo {
display: block;
position: relative;
margin-left: 1em;
margin-right: 1em;
overflow: hidden;    
float: left;
    background-color: #8FD8D1;
    padding: 1em;
    padding-top: 0;
}

.saludinfo img{
    max-width: 100%;
}

.noticias {
background-color: #A2F4B9;
    padding: 1em;
margin: 1em;  
display: block;
position: relative;
box-sizing: border-box;
padding-bottom: 1em;
float: left;
}


.noticias h3{
    margin-bottom: 0.5em;
    margin-top: 1em;
}


.cronograma {
background-color: #A2F4B9;
    color: #014137;
margin: 1em;
padding: 0.5em; 
display: block;
position: relative;
box-sizing: border-box;
text-decoration: none;
padding-bottom: 1em;
float: left;
}

.cronograma h1{
    margin: 0.5em;
    margin-bottom: 1em;
}



.cronograma ul li {
    border-bottom: 1px solid #014137;
	line-height: 0.3 rem;
    padding: 0px;
	margin: 10px 5px 3px 10px;
}
   
.cronograma ul li a{
    color: #014137;
    }

.flex-caption {
  width: 97.2%;
  padding: 1em;
  background: #014137;
    float: left;
  color:  #78E787;
    font-size: 14px;
    opacity: 0.8;
    text-align: center;
}

.s2{
max-width: 100%;
    height: auto;
}

.contacto {
        margin-left: 1em;
        margin-right: 1em;
    }

.contacto img {
    width: 100px;
    padding-bottom: 20pxl
    float: left;
    position: relative;

}

.contacto li {
    display: block;
    margin-top: 2em;
    margin-bottom: 2em;
    list-style: none;
    text-decoration: none;
    }
    
  #afb{
     margin-left: 1.5em; 
  }
    
#ainst{
    margin-left: 1.5em;
}
    
    #atw{
        margin-left: 2.1em;
    }
    
#contactof img{
    margin-left: 2px;
    margin-right: auto;
}
    
#contactoi img{
    margin-left: 2px;
    margin-right: auto;
}
#contactot img{
    margin-left: 2px;
    margin-right: auto;
}


.contacto a{
    color: #014137;
    font-weight: 700;
    text-decoration: none;
    margin-left: 10em;
    
}
.contacto a:hover {
    background-color: #014137;
    color: white;
}

 .ecu{
    float: left;
    margin-left: 1em;
    margin-top: 1em;
    margin-right: 1em;
    padding-bottom: 1em;
          }  
    
    .ecu p{
    color:#014137;
    padding-top: 0.8em;
    float: left;
        margin-top: 0;
        margin-bottom: 2em;
    }

#ecu2 h1{
   margin-bottom: 0;
padding-bottom: 0;
}

#ecu2 p{
    margin-top: 0;
    padding-top: 0;
}

.
    
    
    #ecu2 video{
        margin-left: 1em;
        margin-top: 0em;
    }

#tipos{
    margin: 1em;
}

#tipos p{
        margin-bottom: 2em;
    }

#tipos h3{
        margin-top: 1em;
    margin-bottom: 0.5em;
    }

#tipos img{
    max-width: 100%;
   
    height: auto;
}

#tipos h1{
    margin-top: 0;
}

#tipos2{
    margin: 1em;
}

#tipos2 p{
        margin-bottom: 2em;
    }

#tipos2 h3{
        margin-top: 0em;
    margin-bottom: 0.5em;
     color: #014137;
    }

#tipos2 img{
    max-width: 100%;
   
    height: auto;
}

#tipos2 h1{
    margin-top: 0;
}


    

 #seccion img{
margin-top: -2em;     
width: 100%;
     height: auto;
     margin-bottom: 2em;
 }
        
.infoterritorio, .seccionsalud, .seccionescuelas{
    float: left;
    margin-left: 1em;
    margin-top: 1em;
    margin-right: 1em;
    padding-bottom: 1em;
          }
    
    .infoterritorio h1{
    color: #F9521E;
    border-bottom: solid 0.1em #F9521E;}
    
    .seccionescuelas h1{
    color:#6E3F6D;
    border-bottom: solid 0.1em #6E3F6D;
    } 
    
#t1 img{ 
    margin-top: -3.3em;
}
    
#t1 h1, #t2 h1, #salud1 h1{
    margin-top: 0em;
    margin-bottom: 0em;
          }    

#salud2 h1{
margin-top: 1em;
}

#t1 p, #t2 p, #salud1 p, #salud2 p{
    color:#014137;
    float: left;
    margin-top: 0em;
}
    
#t1 p{
    margin-bottom: 5em;
}

#es1 h1, #es2 h1{
margin-bottom: 0em;
}
    
#es1 p, #es2 p{
    color:#014137;

    float: left;
    margin-bottom: 1em;
}
    
#t2 h1{
    padding-top: 1em;    
}
    
    .seccionescuelas img{
        width: 98%;
        height: auto;
        margin-top: 0.5em;
        margin-bottom: 2em;
    }

.infoterritorio img, .seccionsalud img{
        width: 98%;
    height: auto;
       margin-top: 1em;
        margin-bottom: 1.5em;
    }

.seccionsalud h1 {
    color: #28BBB1;
    border-bottom: solid 0.1em #28BBB1;
}

    
#recuadro {
     background-color: #F9521E;
    height: 100px;
    float: left;
    padding: 1em;
    width: 91%;
    margin-bottom: 1em;
}
    
#recuadrosalud {
 background-color: #28BBB1;
    width: 92%;
   height: 55px;
     float: left;
    padding: 1em;
    margin-bottom: 1em;
}
        
#recuadro p, #recuadrosalud p{
     color: #FFF;
    font-size: 12px;
    margin-left: 0em;
    margin-top: 0.8em;
    width: 100%;   
            }
    
#recuadro h2, #recuadrosalud h2 {
     color:#014137;
    font-size: 15px;
    font-weight: 00;
    margin-left: 0em;
    width: 100%;
    font-family: 'Source Sans Pro', bold;
    line-height: 0.6em;
}
    
#recuadroescuelas{
float: left;
width: 92%;
 background-color: #6E3F6D;
    color: #FFF;
    padding: 1em;
}

.hu1{
    float: left;
    margin-left: 1em;
    margin-top: 1em;
    margin-right: 1em;
    padding-bottom: 1em;
          }   
    
    .hu1 img{
        width: 98%;
        float: left;
    }
    
    .hu1 p{
        float: left;
    }
    
    .hu1 h3{
        margin-top: 1.5em;
        margin-bottom: 1em;
        float: left;
    }

    .hu1 h1{
        width: 98%;
        margin-bottom: 1em;
        margin-top: 1em;
        float: left;
    }
    
    .mas{
        margin-top: 1em;
        margin-bottom: 3em;
        text-decoration: underline;
        color: #38B449;
        float: left;
    }
    
    #hu2 p, #hu3 p{
        margin-bottom: 0.5em;
    }
        
    #hu2 img{
        margin-right: 0em;
        margin-top: 1em;
        max-width: 25%
            
}

#hu3 img{
    margin-top: 1em;
    margin-bottom: 1em;
}

#hu3 h1{
    margin-top: 1.5em;
}

#hu2 h1{
    margin-top: 0em;
}
    
    
.noticia123{
       float: left;
    margin-left: 1em;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    padding: 1em;
    background-color: #38B449;
         color: #FFEFBA;
    }
    
    .noticia123 p{
    padding-top: 1.5em;
    color: #FFEFBA;
    margin-left: 1.2em;
        margin-right: 1em;
    
    }
    
    .noticia123 h4 {
        font-size: 16px;
        line-height: 20px;
        margin-left: 1em;
        margin-right: 1em;
        border-bottom: solid 0.12em #FFEFBA;
        padding-top: 0.5em;
    }
    
   .volver{
       margin-top: 0.5em;
       margin-left: 1em;
        text-decoration: underline;
        color: #FFEFBA;
        float: left;
   }
    
    
    #foto6 img{
        width:100%;
        float: left;
          padding-top: 1.5em;
        padding-bottom: 1.5em;
        
    }

.cronograma1{
    margin-left: 1em;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em; 
        padding: 1em;
         color: #0DA758;
        font-family: 'Source Sans Pro', sans-serif;
    }

.cronograma1 img{
    width: 100%;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
    
    .cronograma1 p{
    
         margin-top: 1em;
        margin-bottom: 1em;
    }

#tipos2 h3:hover{
        color: #38B449;
    }


/*///////////////////////////FOOTER////////////////////////////*/

footer{
    clear: both;
    width: 97.5%;
	background-color: #28CE6B;
    color: #014137;
	position: relative;
	height: auto;
    padding: 1em;
    display: inline-block;
    text-align: center
}

.footer1{
    text-align: center;
    width: 45%;
    border-right: 0.15em solid;
    float: left;
    padding-right: 1em;
    margin: 1em 1em 0 0;
    height: 175px;
}
.footer1 ul li{
    margin: 0.5em 0
}
.footer1 ul li a{
    color: #014137;
}

.footer2{
    width: 40%;
    margin: 1em 0 0 0;
    float: left;
    height: 175px;
}

.footer2 a .lo{
    width: 4em;
    margin: 1em;
}
.footer3{
    float: left;
    margin: 1em
}
.footer4{
    margin: 1em;
}
.footer5{
    clear: both;
    margin: 1em auto;
}

.footer5 .redes{
    max-width: 50px;
    height: auto;
    margin: 1em 1em 0;
}

/*///////////////////////////FOOTER////////////////////////////*/
    
@media screen and (min-width:848px) {
 /*///////////////////////////HEADER///////////////////////////*/
    .cabecera{
        height: 150px;
        border-bottom: none;
    }
    
    .logo{
        display: block;
        float: left;
        width: auto;
        text-align: left;
        margin: 1em 0 0 0;
        padding-left: 1.5em;
        padding-right: 1.5em;
    }
        


    .huertas,.escuelas,.territorio,.salud,.informacion {
        width: 5em;
        height: 5em;
        margin-top: 0.5em;
    }
    .menusuperior{
        float: right;
        margin-top: 1em;
    }
    
    .menusuperior>ul {
        margin: 10px auto 0;
        width: 100%;
    }
    
    #infoid{
        width: 300px;    
}
    
/*///////////////////////////HEADER///////////////////////////*/
    
    .quien { 
    margin-top: 1em;
    background-color: #78E787;
    height: 391.2px;
    float: left;
    width: 26.34%;
    padding-right: 1em;
    padding-left: 1em;
    }
    
      
    .quien h1{
        margin-top: 0.7em;
        margin-bottom: 0.5em;
    }
    
h1{
    display: block;
    position: relative;   
    float: left;
    width: 100%;
    margin-top: 0.5em;
    margin-left: 0.5em;
    margin-right: 0.5em;
    }
    
    #textofoto {
    background-color: #FFF;
    width: 50%;
    margin: 1em;
    padding-top: 2em;
    padding-bottom: 1em;
    padding-left: 1em;
    height: auto;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    font-size: 10px;
    color: #014137;
    border-bottom: 0.2em solid #FFF;
    text-transform: uppercase;
    opacity: 60%;
    }
    
.texto{
  font-size: 16px;
    color: #014137;
    border-bottom: 0.1em solid #014137;
    text-transform: uppercase;
}
    
.quien p{
    padding-top: 2.5em;
    padding-left: 1em;
    padding-right: 1em;
    font-size: 13px;
}
    
    .quien{
        margin: 0;
        margin-top: 1em;
    }
    
video {
    box-sizing: border-box;
    display: block;
    width: 71%;
    height: auto;
    margin right: 0;
    margin-bottom: 0;
    position: relative;
    padding-bottom: 0;
   
}

.saludinfo {
    float: left;
    height: 285px;
    background-color: #8FD8D1;
    padding-bottom: 2em;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
    }
    
       .quien:hover{
    background-color: #FFF;
         color: #38B449;
    }
    
    .saludinfo:hover{
        background-color: #FFF;
         color: #38B449;
    }
    
    .noticias:hover{
        background-color: #fff;
        color: #38B449;
    }
    
    .cronograma:hover{
    background-color: #FFF;
         color: #38B449;
    
    }
    
.saludinfo h1{
    width: 59%;
    height: auto;
    float: left;
}

#saludt p{
    float: left;
    position: relative;
    overflow: hidden;
padding-top: 0.9em;
     margin-left: 48em;
    font-size: 13px;
          padding-right: 2em;
}
    
.saludinfo img{
    float: left;
    width: 59%;
    height: auto;
    overflow: hidden;
    margin-left: 0.9em;
    margin-top: -17.2em;
    padding-top: 0.7em;
}
   
    
.noticias {
width: 72%;  
display: block;
position: relative;
box-sizing: border-box;
padding: 1em;
    padding-top: 0;
float: left;
}

.cronograma {
background-color: #A2F4B9;
width: 26.8%;  
display: block;
position: relative;
box-sizing: border-box;
text-decoration: none;
margin: 1em 0 0 0; 
padding-bottom: 0.84em;
    padding-top: 0;
float: left;
}
    
.noticias { 
    background-color: #A2F4B9;
    color: #014137;
    margin: 0;
   
}

.noticias h1, .cronograma h1{
    width: 95%;
    }

#noticia4 {
padding: 0em;
width: 96.3%;
float: left;
border-top: 1px solid #014137;
    padding-left: 0.5em;
    padding-right: 0.5em;
  
}

    
#noticia2 {
padding-bottom: 0;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
width: 46.9%;
float: left;
border-right: 1px solid #014137;
    height: 225px;
    }
    
#noticia3 {
    padding-top: 0.5em;
    padding-left: 1em;
width: 46.7%;
float: left;
    height: 210px;
    }
    
.cronograma {
    margin: 0;
    color: #014137;
	font-size: 13px;
	margin-left: 11px;
}
    
    .cronograma h1{
        margin-bottom: 0.em;
    }
    
.cronograma ul{
      padding-top: 3em;  
}

.cronograma ul li {
    border-bottom: 1px solid #014137;
	line-height: 0.3 rem;
    padding: 0px;
	margin: 10px 5px 3px 10px;
}
   
.cronograma ul li a{
    color: #014137;
    }

 #seccion img{
margin-top: -2em;     
width: 100%;
     height: 20%;
     margin-bottom: 1em;
 }
        
.infoterritorio, .seccionsalud, .seccionescuelas{
    float: left;
    max-width: 980px;
    margin-left: 10em;
    margin-top: 1em;
    margin-right: 0em;
    padding-bottom: 1em;
          }
    
    .infoterritorio h1{
    color: #F9521E;
    border-bottom: solid 0.1em #F9521E;}
    
    .seccionescuelas h1{
    color:#6E3F6D;
    border-bottom: solid 0.1em #6E3F6D;
    } 
    
#t1 img{ 
    margin-top: -4.3em;
    margin-left: 1.5em;
}
    
#t2 img{ 
    margin-top: -3.3em;
    margin-left: 1.5em;
}  
    
#t1 h1, #t2 h1, #salud1 h1{
    margin-top: 0em;
    width: 56%
          }    

#salud2 h1{
margin-top: 1em;
  width: 56%}

#t1 p, #t2 p, #salud1 p, #salud2 p{
    color:#014137;
    padding-top: 0.8em;
    float: left;
      margin-left: 0.9em;
    width: 56.4%;
}
    
#es1 h1, #es2 h1{
width: 56%;
margin-bottom: 0.5em;
}
    
#es1 p, #es2 p{
    color:#014137;
    padding-top: 0.8em;
    float: left;
    margin-left: 0.9em;
    width: 56%;
    margin-bottom: 1em;
}
    
#t2 h1{
    padding-top: 1em;    
}
    
    .seccionescuelas img{
        width: 40%;
        margin-left: 1em;
        margin-bottom: 2em;
    }

.infoterritorio img{
        width: 40%;
        float: left;
        margin-left: 1em;
    }

    
    .seccionsalud img{
        width: 39.7%;
        float: left;
        margin-left: 1em;
    }
    
.seccionsalud h1 {
    color: #28BBB1;
    border-bottom: solid 0.1em #28BBB1;
}
    
#recuadro {
     background-color: #F9521E;
    height: 110px;
    float: left;
    width: 37.3%;
    padding: 1em;
    margin-left: 1.5em;
}
    
    
    
#recuadrosalud {
 background-color: #28BBB1;
    width: 36.9%;
   height: 55px;
     float: left;
    padding: 1em;
    margin-left: 1em;
}
    
    .seccionsalud p{
        margin-right: 1em;
    }
        
#recuadro p, #recuadrosalud p{
     color: #FFF;
    font-size: 12px;
    margin-left: 0em;
    margin-top: 0;
    width: 100%;   
            }
    
#recuadro h2, #recuadrosalud h2 {
     color:#014137;
    font-size: 15px;
    font-weight: 600;
    margin-left: 0em;
    width: 100%;
    margin-top: 0.2em;
    font-family: 'Source Sans Pro', bold;
    line-height: 0.6em;
}
    
#recuadroescuelas{
float: left;
width: 96%;
margin-left: 1em;
    background-color: #6E3F6D;
    color: #FFF;
    padding: 1em;
}
        
    .hu1{
    float: left;
    max-width: 980px;
    margin-left: 10em;
    margin-top: 1em;
    margin-right: 10em;
    padding-bottom: 1em;
          }   
    
    .hu1 img{
        max-width: 30%;
        float: left;
        margin-left: 0.8em;
    }
    
    .hu1 p{
        max-width: 64%;
        padding-left: 2em;
        float: left;
    }
    
    .hu1 h3{
        margin-left: 2em;
        margin-top: 1em;
        margin-bottom: 1em;
        float: left;
    }

    .hu1 h1{
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .mas{
        margin-top: 1em;
        margin-left: 2em;
        margin-right: 45em;
        margin-bottom: 2em;
        text-decoration: underline;
        color: #38B449;
        float: left;
    }
    
    #hu3 p{
        padding-left: 0.9em;
        padding-top: 0em;
        max-width: 40%;
        margin-bottom: 0.5em;
    }
        
    #hu2 p{
        padding-left: 0.9em;
        padding-top: 0em;
        max-width: 40%;
        margin-bottom: 0.5em;
        margin-right: 5em;
    }
    
   #hu3 img{
        margin-right: 0em;
        margin-left: 2em;
        max-width: 55%
        
            
}
    
     #hu2 img{
        margin-left: 1em;
         margin-right: 0;
        margin-top: 1em;
        max-width: 11%
            
}

#hu3 img{
    margin-top: 0em;
    margin-bottom: 1em;
}

#hu2 h1{
    margin-top: 1.5em;
}
    
    #tipos p{
        margin-bottom: 3em;
    }
    #tipos h3{
        margin-top: 0;
        
    }
    
    #tipos img{
        max-width: 30%;
    }
    
     #tipos2 p{
         margin-left: 16em;
        margin-bottom: 3em;
    }
    #tipos2 h3{
        margin-top: 0;
        margin-left: 16em;
        color: #014137;
    }
    
    #tipos2 img{
        max-width: 20%;
        margin-top: 2em;
    }
    
    
    .masnoticias{
       float: left;
    max-width: 980px;
    margin-left: 12.5em;
    margin-top: 1em;
    margin-right: 0em;
    margin-bottom: 1em; 
        padding: 1em;
         color: #0DA758;
    }
    
    h4{
        font-size: 15px;
            }
    
    .masnoticias p{
        color:#014137;
    }
    
    #noticias1, #noticias2, #noticias3, #noticias4, #crono{
        background-color: #9CF7BA;
    margin-left: 0.9em;
        float: left;
    }
    
    .masnoticias img{
        width:100%;
        float: left;
padding-top: 1em;
    }
    
    #noticias1 {
        background-color: #9CF7BA;
        padding: 1em;
        width: 45%;
        padding-top: 0.5em;
        float: left;
        margin: 0em;
        margin-left: 0.9em;
        margin-top: 1em;
    }
    
    #noticias1:hover{
        background-color: #FFF;
        color: #38B449;
    }
    
    #noticias2 {
        margin-top: 1em;
          padding: 1em;
         background-color: #8fF7BA;
        width: 40.2%;
        padding-top: 0.5em;
     float: left;
        margin-left: 1em;
        }
     
      #noticias2:hover{
        background-color: #FFF;
        color: #38B449;
    }
        
     #noticias3 {
           padding: 1em;
         float: left;
        width: 25%;
           margin: 1em;
         height: 494px;
        }
    
      #noticias3:hover{
        background-color: #FFF;
        color: #38B449;
    }
    
    #noticias4 {
          padding: 1em;
         float: left;
        width: 60%;
        margin: 0em;
        margin-top: 1em;
                }
    
      #noticias4:hover{
        background-color: #FFF;
        color: #38B449;
    }

.noticia123{
       float: left;
    max-width: 800px;
    margin-left: 21em;
    margin-top: 1em;
    margin-right: 0em;
    margin-bottom: 2em;
    padding: 1em;
    background-color: #38B449;
         color: #FFEFBA;
    }
    
    .noticia123 p{
    padding-top: 2em;
    color: #FFEFBA;
    margin-left: 1.2em;
        margin-right: 1em;
    
    }
    
    .noticia123 h4 {
        font-size: 16px;
        margin-left: 1em;
        margin-right: 1em;
        border-bottom: solid 0.12em #FFEFBA;
        padding-top: 1em;
    }
        
    #foto6 img{
        width:100%;
        float: left;
          padding-top: 1.5em;
        padding-bottom: 1.5em;
        
    }
    
    .cronograma1{
       float: left;
    max-width: 980px;
    margin-left: 12.5em;
    margin-top: -2em;
    margin-right: 0em;
    margin-bottom: -1em; 
        padding: 1em;
         color: #0DA758;
        font-family: 'Source Sans Pro', sans-serif;
    }
    
    .cronograma1 h1{
    margin-bottom: 1em;}
    
    
    #foto8 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -28em;
        overflow: hidden;
    }
    
    #foto9 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -16em;
        overflow: hidden;
    }
    
     #foto10 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -28.5em;
        overflow: hidden;
    }
       #foto11 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -17em;
    }
      #foto12 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -20em;
    }
    
      #foto13 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -8em;
    }
    
        #foto14 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -18em;
    }
    
        #foto15 img{
    width: 25%;
    float: left;    
    margin-left: 23em;
    margin-top: -5em;
    }
    
    #foto123 img{
    width: 40%;
        float: left;
        margin-left: 43em;
        margin-top: -27.2em;
    }
    
     #foto1234 img{
    width: 40%;
        float: left;
        margin-left: 43em;
        margin-top: -27.8em;
    }
    
     #foto12345 img{
    width: 40%;
        float: left;
        margin-left: 43em;
        margin-top: -23em;
    }
    
       #foto123456 img{
    width: 40%;
        float: left;
        margin-left: 43em;
        margin-top: -24em;
           padding-bottom: 2em;
    }
    
    h6{
    font-size: 12.5px;
        font-family: 'Vibur', cursive;
        border-bottom: solid 0.12em #0DA758;
        margin-left: 0;
    }
    
    #crono1 p, #crono2 p, #crono3 p, #crono4 p{ 
        width: 25%;
    color: #014137;
    margin-left: 1em;
       font-family: 'Source Sans Pro', sans-serif;
    }
    
    .cronograma1 h7{
     font-weight: bold; 
        margin-top: 1em;
    font-size: 1.2em;
    }
    
    #crono4 {
    padding-top: 7em;
    }
    
    .ecu{
    float: left;
    max-width: 980px;
    margin-left: 10em;
    margin-top: 1em;
    margin-right: 0em;
    padding-bottom: 1em;
          }  
    
    .ecu p{
    color:#014137;
    padding-top: 0.8em;
    float: left;
      margin-left: 0.8em;
        margin-bottom: 1em;
    }
    
    #ecu2 p{
    margin-top: 1em;
    }
    
    .ecu h3{
    margin-left: 0.8em;
    margin-top: 2em;
    }
    
    #ecu2 video{
        margin-left: 10em;
    }
    
        
.contacto {
        margin-left: 10em;
        margin-right: 10em;
    }

.contacto img {
    width: 50px;
    padding: 20px;
    float: left;
    position: relative;

}

.contacto li {
    margin-top: 2em;
    margin-bottom: 2em;
    margin-left: 
    list-style: none;
    float: left;
    text-decoration: none;
    }
    
  #afb{
     margin-left: 20.5em; 
  }
    
#ainst{
    margin-left: 11.2em;
}
    
    #atw{
        margin-left: 11.9em;
    }
    
#contactof img{
    margin-left: 250px;
    margin-right: auto;
}
    
#contactoi img{
    margin-left: 130px;
    margin-right: auto;
}
#contactot img{
    margin-left: 130px;
    margin-right: auto;
}


.contacto a{
    color: #014137;
    font-weight: 700;
    text-decoration: none;
    margin-left: 10em;
    
}
.contacto a:hover {
    background-color: #014137;
    color: white;
    }

}

@media screen and (min-width: 400px) {
/*///////////////////////////HEADER////////////////////////////*/
    .cabecera{
        padding: 0;
    }
    .logo{
        width: 400px;
        padding: 0;
    }
    
    .logo a img{
        width: 70%;
        margin: 0;
    }
    .logo a{
        display: block;
    }
/*///////////////////////////HEADER////////////////////////////*/
    
    
/*///////////////////////////FOOTER////////////////////////////*/

    .footer3{
        text-align: center;
        width: 45%;
        border-right: 0.15em solid;
        float: left;
        padding-right: 1em;
        margin: 1em 1em 0 0;
        height: 175px;
        
    }
    
    .footer4{
    display: inline-block;
    float: left;
    width: 40%;
    margin: 1em 0 2em 0;
    height: 175px;
    }
    
    .footer5{
        display: block;
        margin: auto
    }

    
/*///////////////////////////FOOTER////////////////////////////*/
}

@media screen and (min-width: 600px) {
    
    footer{
    color: #014137;
	height: auto;
    margin-top: 1em;
    padding-top: 2em;
    float: left;
    display: inline-block;
    margin-bottom: 1em;
}
        
    
    .footer1{
        width: 15%;
        float: left;
        padding-bottom: 1em;
        border-right: none;
        height: 12em;
    
    }
    
    .footer2{
        float: left;
        width: 15%;
        padding-top: -0.5em;
        margin-bottom: 0.5em;
        border-right: 0.15em solid;
        border-right-color: #014137;
        padding-right: 0.5em;
        height: 13em;
        border-left: 0.15em solid;
        border-left-color: #014137;
    }
    
    .footer2 img{
        width: 48%;
    }
    
    .footer3{
        float: left;
        width: 21.7%;
        padding-bottom: 1%;
        padding-right: 1em;
        padding-left: 0.5em;
         margin-left: 1em;
        margin-right: 1.5em;
        height: 12em;
        
    }
    
    .footer4{
        float: left;
        width: 13%;
        border-right: none;
        margin-left: 0.2em;
        margin-right: 0.2em;
        height: 13em;
        
    }
    
    .footer5{
        margin: 0em;
        float: left;
        width: 15%;
        padding-right: 0.5em; 
        height: 13em;
        border-right: none;
        border-left: 0.15em solid;
        border-left-color: #014137;
        margin-top: 1em;
        margin-left: 1em;
        clear: none;
    }
    
    .footer5 img{
        width: 31%;
    }
/*///////////////////////////FOOTER////////////////////////////*/
}
