@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);

/*estilos index home
===============================================
*/
/*estilos pc
=============================================================================================================================================================================================================================================================================================================================================
*/
@media screen and (min-width: 48rem){

/* ACA VAN TODOS LOS ESTILOS GENERICOS */
body { 
    background-color: #f8faec;
    
}

main{margin: auto;
    margin-top:15px;
    width: 960px;
}

header{clear:both;
    width: 960px;
 }


/* vinculos */

div#vinculos {
float: right;
margin-top: -95px;
position: static;}

/*logo*/




div#logo h1 {
width: 320px;
left: 186px;
font-family: 'Oswald', sans-serif;
font-size: 22px;
font-weight: 400;
color: #b00a14;
letter-spacing: 2px;
float: left;
margin-top: -77px;
margin-left: 17px;
}

div#logo h2 { 
left: 187px;
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 100;
color: #00bab5;
letter-spacing: 2px;
float: left;
margin-top: -37px;
margin-left: 17px;
}

div#logoimg{

}


/*fin logo*/


/*botonera*/
div#menu  {
    margin: auto;
    width: 960px;
    font-family:'Oswald', sans-serif;
    font-weight: 300;
    text-decoration: none;  
    background-color: #00bab5;
    height: 50px;    
    position: absolute;
    margin-top: -10px;
}

ul, ol{
   list-style: none;
}

.nav li a{
   background-color: #00bab5;
   color: #f8faec;
   text-decoration: none;
   padding: 10px; 15px;
   display: block;
   margin-left: 80px;
    margin-top: -10px;
 }

.nav > li{ float: left;
  }

.nav li a:hover{
  background-color: #b00a14;
}

.nav li ul{
 position: absolute;
 min-width: 180px;
  display: none;
      
}

.nav li:hover > ul {
 display: block;
}



/*botonera fin*/
    
/*footer*/

footer img {  clear:both;  
    margin-left:30px;
}

footer p{
     font-family: 'oswald', sans-serif;
    font-size: 12px;
    font-weight: 100;
    margin-left: 85px;
    margin-top: -30px;
}


hr {
    clear:both;
    background-color: #00bab5;
height: 4px;
border-width: 1px;
}

/*fin footer*/
    
    
    

/* ***INDEX*** */


/* texto inicial */

div#carreras { 
    clear:both;
    font-family:'lato', sans-serif; 
    color:#00bab5;
    margin-top: 30px;
    float: right;
    margin-left: 638px;
    font-size: 17px;
    clear: both;
   
        }
/*fin texto inicial*/

/*titulos tabajos*/
div#titulostrabajos{
    clear:both;
    background-image: url(images/titulostrabajos.png);
    background-repeat: no-repeat;
    width: auto;
    height: 60px;
    margin-top: 260px;
}

div#titulostrabajos h3{
    float: left;
    color:#a52021;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 18px;
    clear:both;
    margin-left: 70px;
    clear: both;
}
    
    
    /*fin titulos tabajos*/

/*fin texto incial*/




/*section dos es boton galeria. lo que esta a la izquieda del aside*/

section#inicio{
    float: left;
    margin: auto;
    margin-top: 60px;
    background-image: url(images/foto1.gif);
    background-repeat: no-repeat;
    clear: both;
    
}

div#botontrabajo img{
    clear: both;
    float: left;
    position: static;
}

div#novedades{
    background-image: url(images/novedad.png);
    background-repeat: no-repeat;
    float: left;
    margin-top: 15px;
    width: 390px;
    height: 220px;
    clear: both;
}

div#novedades h1{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    color:#00bab5;
    margin-left: 20px;
    margin-top: 10px;

}


div#novedades ul li{
    float: left;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    color: #a52021;
    margin-left: -20px;
    margin-top: 0px;
}

div#novedades p{
    font-family: 'Oswald', sans-serif;
    font-size: 12px;
    font-weight: 200px;
    margin-left: 95px;
    margin-bottom: 20px;
    margin-top: 0px;
        

}

div#proximaclase{
    width: 420px;
    margin-top: 0px;
    float: left;
    margin-left: -50px;
}

div#proximaclase h1{
    font-family: 'Oswald', sans-serif;
    color: #a52021;
    }

div#proximaclase p{
    font-family: 'lato', sans-serif; 
    font-size: 14px;

}

div#proximaclase h2{
    font-family: 'Oswald', sans-serif;
    color: #a52021;
    font-size: 16px;
    
    }

/*aside*/



div#registro img{
    margin-top: -260px;
    float: right;
    clear: 
    
}

div#botonblog{
    margin-top: -90px;
    float: right;
    clear: 


}

/* archivo */

div#archivo {
    float: right;
    margin-top: 20px;
    margin-right: -190px;
    
    
}
 div#archivo h1{
    position: right;
     margin-top: -200px;
     font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 22px;
    color: #b00a14;  
    
      
 
 }

div#archivo p{
    margin-left: 10px;
    width: 150px;
    font-family: 'Lato';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    margin-top: -10px;

}


/* fin archivo */
/* fin aside */
    
    



/* *** FIN INDEX*** */



/*historia*/

/*imagen central*/




section#history {
    background-image: url(images/historia.png);
    background-repeat: no-repeat;
    margin: auto;
    margin-top: 60px;
}

/* imagen central fin */

/* titulos sobre foto historia*/

div#historia h2{
      color: #f8faec;
      font-family:'Oswald', sans-serif;
font-weight: 400;
text-decoration: none;
float: right;
margin-right: 303px;
      margin-top: 0px;
      font-size: 5em;
          
    }

div#historia h1{
     color: #f8faec;
     font-family:'Oswald', sans-serif;
    font-weight: 300;
    text-decoration: none;  
    float: right;
    margin-right: 310px;
    margin-top: 90px;
   
    letter-spacing: 5px;
}

/* titulos sobre foto historia fin */


/* antecedentes historia */


div#antecedentes h1 {
     color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 300px;
     font-size: 22px;
     float: left;
     margin-top: 180px;
} 

div#antecedentes h2 {
    color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 200;
     font-size: 22px;
     float: left;
     margin-top: 220px;
    margin-left: -130px;
    letter-spacing: 1px;
     
}

div#antecedentes p {
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    font-weight: 700;
    float: left;
    width: 380px;
    margin-left: 45px;
    margin-top: 0px;
         
}

div#antecedentes2 p {
     font-family: 'lato', sans-serif; 
    font-size: 14px;
    font-weight: 700;
    float: right;
    width: 380px;
    margin-left: 20px;
    margin-top: 0px;

}

section#history hr{
    
    background-color: #00bab5;
    height: 4px;
    border-width: 1px;
    width: 960px;
    top: 400px; 
    
    }

/*fin antecedentes historia*/

div#inicios h1{
    
    color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
     font-size: 22px;
     float: left;
     margin-top: 0px;
    
}

div#inicios p{
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    float: left;
    width: 380px;
    margin-left: 105px;
    margin-top: 0px;

}

div#inicios2 p{
    font-family: 'lato', sans-serif; 
    font-size: 14px;
         font-weight: 300;
    font-style: italic;
    float: right;
    width: 380px;
    margin-left: 20px;
    margin-top: 0px;
}

/*inicios historia*/

/* Lista premios historia*/

div#inicios2 h1{
    
    color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 400;
    font-style: italic;
     font-size: 22px;
     float: left;
     margin-top: -15px;
     margin-left: 25px;
    
}

div#inicios2 ul li{

    font-family:'Oswald', sans-serif;
     font-weight: 400;
     font-size: 14px;
     float: right;
     margin-top: 20px;
     margin-right: 0px;
    }

div#inicios2 ul li p{
    margin-top: -19px;
    font-family:'lato', sans-serif;
     font-weight: 300;
    font-style: italic;
    
    
}

/* Fin Lista premios historia/


/********* HABITAR *******/

section#teoria{
    background-image: url(images/marco.png);
    background-repeat: no-repeat;
    width: 250px;
    height: 650px;
    margin-top: 50px;
}


div#teoriadelhabitar{
   background-color: #a52021;
    width: 340px;
    height: 40px;
     margin: auto;
    margin-left: 620px;
}

div#teoriadelhabitar h1{
    color: #f8faec;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    letter-spacing: 2px;
    float: right;
    margin: auto;
    width: 320px;
    margin-right: 0px;

}

div#teoriadelhabitar p{
    width: 350px;
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    padding-top: 50px;
    

}

div#habitar1 {
    margin-left: 290px;
    width: 320px;
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    margin-top: -50px;


}

div#mapa {
    float: left;
    margin-left: 300px;
    margin-top: 30px;

}

/********* FIN HABITAR *******/

/*PENSAMIENTO*/
section#pensamiento1{
background-image: url(images/habitar1.png);
background-repeat: no-repeat;
width: 959px;
height: 765px;
margin-top: 50px;}

div#pensamiento h1
{
background-color: #B01F24;
font-family: 'Oswald', sans-serif;
font-size: 30px;
float: right;
margin-right: 132px;
color: #ffffff;
font-weight: 400;
margin-top: 5px;
padding: 6px;
}

div#pensamiento{width: 354px;
height: 58px;
margin-left: 315px;
margin-top: 56px;
}


div#pensamiento p {width: 300px;
height: 242px;
margin-left: -19px;
}

div#pensamiento h2 {
   font-family: 'Oswald', sans-serif;
font-size: 18px;
float: left;
font-weight: 400;
margin-top: 0px;}

div#pensamiento2 img {
float: left;
margin-left: 310px;
margin-top: 280px;
}

div#texto 
{width: 540px;
height: 233px;
margin-left: 288px;
position: absolute;
margin-top: 54px;}

div#texto p {margin-left: 29px;
font-family: 'Lato', sans-serif;
font-size: 15px;
float: left;
margin-top: 0px;
    width: 650px;

}

/*DOCENTES*/
section#docentes{ position: static;
    margin-bottom: 80px;
    margin-left: 40px;
    margin-top:60px;

}

div#doberti h3{font-family:'Oswald', sans-serif;
    font-size: 16px; 
    font-weight:700;
    color: #b00a14; 
    position: static;
margin-top: -530px;
margin-left: 300px;
}

div#dobertiuno{position: static;
margin-top: 10px;
margin-left: 300px;
font-family:'Oswald', sans-serif;
font-weight: 400;
font-size: 13px;}


div#scaglia h3{font-family:'Oswald', sans-serif;
    font-size: 16px; 
    font-weight:700;
    color: #b00a14;
    position: static;
margin-left: 460px;
}

div#scaglia p{position: static;
margin-top: auto;
margin-left: 445px;
font-family:'Oswald', sans-serif;
font-weight: 400;
font-size: 13px;
width: 119px;}


section#docentes h1{font-family:'Oswald', sans-serif;
    font-size: 21px; 
    font-weight:700;
    color: #b00a14; 
}


section#docentes p {
    font-family:'Oswald', sans-serif;
font-weight: 400;
font-size: 13px;
width: 129px;
}


div#jtp h1{position: static;
margin-top: 120px;
margin-left: 230px;
        font-size: 21px; 
    font-weight:400;
}

div#jtpnombres {position: static;
margin-top: auto;
margin-left: 15px;}


div#jtp h2{font-family:'Oswald', sans-serif;
    font-size: 21px; 
    font-weight:400;
    color: #b00a14; 
    position: static;
margin-top: -50px;
margin-left: 580px;
}

div#verticales table{position: static;
margin-top: -140px;
margin-left: 320px;}
    

/*FIN DOCENTES*/



/*propuestas*/

section#propuesta{background-image: url(images/lineaspropuesta.png);
background-repeat: no-repeat;
width: auto;
margin-top: 70px;
margin-left: 20px;
}


section#propuesta h1{
    font-family:'Oswald', sans-serif;
    font-size: 38px; 
    font-weight:400;
    color: #b00a14; 
    margin-left:20px;
}

section#propuesta h2{
    font-family:'Oswald', sans-serif;
    font-size: 38px; 
    font-weight:300;
    color: #f8faec; 
    float: right;
    margin-top:-86px;
    margin-right: 50px;
    
}

div#objetivos {font-family: 'lato', sans-serif; 
    font-size: 13px;
    font-style: italic;
    float: left;
    width: 250px;
    margin-left: 5px;
    margin-top: 0px;
    color: #00bab5;

}

div#propuesta {font-family: 'lato', sans-serif; 
    font-size: 13px;
    width: 600px;
    margin-left: 300px;
    margin-top: 0px;
}

div#propuesta table {font-family: 'lato', sans-serif; 
    font-size: 13px;
    width: 600px;
}

div#propuesta td {font-family: 'lato', sans-serif; 
    font-size: 12px;
    width: 400px;
    padding-left: 20px;
}
/*fin propuesta*/


/*bibliografia*/

    div#biblio1{
         background-image: url(images/dobertibiblio.png);
         background-repeat: no-repeat;
         height: 300px;
        margin-top: 60px;
    
    }
    
    div#biblio1 h1 {
        color: #f8faec;
      font-family:'Oswald', sans-serif;
        font-weight: 200;
        font-size: 100px;
        float: right;
        letter-spacing: 8px;
    }
    
    div#bibliografia1{
        font-family:'Oswald', sans-serif;
        font-weight: 200;
        font-size: 24px;
        color:  #f8faec; 
        background-color: #b00a14;
        
    }

    div#biblio2{
        float: left;
        width: 480px;
            
    }
    
    div#biblio2 h1{
        font-family:'Oswald', sans-serif;
        font-weight: 200;
        font-size: 22px;
        line-height: 4px;
        color: #00bab5;
        
    
    }
    
    div#biblio2 h2{
        font-family:'Oswald', sans-serif;
        font-weight: 200;
        font-size: 16px;
        line-height: 15px;
        
    
    }

    div#libro1{
        float: right;
        width: 400px;
        background-image: url(images/libro1.png);
        background-repeat: no-repeat;
        height: 240px;
    }
    
    
    div#libro1 h1{
        width: 200px;
        float: right;
        font-family:'Oswald', sans-serif;
        font-weight: 400;
        color: #b00a14;
        
    
    }
    
    div#libro1 p{
        width: 200px;
        float: right;
        margin-left: 300px;
        font-family: 'lato', sans-serif; 
        font-weight: 100;
        font-size: 13px;
        color: #000000;
        
        
    
    }
    
    div#libro2{
       float: right;
        width: 400px;
        background-image: url(images/libro2.png);
        background-repeat: no-repeat;
        height: 240px;
        margin-top: 20px;

    
    }
    
    
        
    div#libro2 h1{
        width: 200px;
        float: right;
        font-family:'Oswald', sans-serif;
        font-weight: 400;
        color: #b00a14;
        
    
    }
    
    div#libro2 p{
        width: 200px;
        float: right;
        margin-left: 300px;
        font-family: 'lato', sans-serif; 
        font-weight: 100;
        font-size: 13px;
        color: #000000;
        
    }
    
    
    div#libro3{
       float: right;
        width: 400px;
        background-image: url(images/libro3.png);
        background-repeat: no-repeat;
        height: 240px;
        margin-top: 20px;

    
    }
    
            
    div#libro3 h1{
        width: 200px;
        float: right;
        font-family:'Oswald', sans-serif;
        font-weight: 400;
        color: #b00a14;
        
    
    }
    
    div#libro3 p{
        width: 200px;
        float: right;
        margin-left: 300px;
        font-family: 'lato', sans-serif; 
        font-weight: 100;
        font-size: 13px;
        color: #000000;
        
    }
           
    
    div#descargasarch{
        float: right;
        margin-top: 50px;
    
    }
    
    
/*********fin bibliografia**********/  
/*****************contacto************/

 section#contacto {
    background-image: url(images/contacto1.png);
    background-repeat: no-repeat;
    height: 550px;
    width: 200px
 

}
    
    
aside#mensaje {

float: right;
margin-top: -440px;}

div#contacto2 h3 {
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    font-size: 40px;
    color: #00bab5;
    width: 190px;
    height: 0px;
    clear: both;
    float: left;
    margin-left: 180px;
}

    
div#contacto  { 
    float: left;
    clear: both;
    margin-left: 180px;
    
    
    

}


div#contacto h1{
 
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    color:#b00a14;
    margin-top: 80px;
    width: 500px;
    
}
    
div#contacto p{  
    
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
    color:#b00a14;
    font-size: 14px;


}

textarea#mensaje { 
    width: 552px;
    height: 170px;
    
}   
    
    
    
/*************fin contacto***********/




/*cronograma*/

section#cronograma{width: 960px;
    margin-top:50px;
    clear: both;
    margin-bottom: 50px;
    
}

div#cronograma h1{color: #f8faec;
font-family: 'Oswald', sans-serif;
font-weight: 400;
    font-size: 25px;
letter-spacing: 2px;
position: static;
margin-top: -50px;
    margin-left:90px;

}

div#cronograma h2{
    font-family:'Oswald', sans-serif;
    font-size: 18px; 
    font-weight:700;
    color: #b00a14; 
    margin-top:30px;
    margin-left:20px;
}

div#cronograma p{width:550px;
margin-left:20px;
font-family: 'lato', sans-serif; 
    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
}



div#cronograma h3{
    font-family:'Oswald', sans-serif;
    font-size: 14px; 
    font-weight:400;
    color: #b00a14; 
    margin-top:30px;
    margin-left:20px;
}

div#condiciones {width:600px;

font-family: 'lato', sans-serif; 
    font-size: 12px;
    margin-left: 20px;
    font-weight: 400;
    line-height: 20px;
}


section#cronogramauno{position: static;
margin-top:-400px;
margin-left: 645px;
margin-bottom: 75px;}



section#cronogramauno p{width:280px;
font-family: 'lato', sans-serif; 
    font-size: 18px;
    margin-left: 10px;
    font-weight: 400;
    font-style: italic;
    position: static;
    margin-top:-350px;
    margin-left: 40px;
    color: #00bab5;

} 
    
div#novedades2{
        float: right;
        margin-left: 70px;
        margin-top: 0px;
        }
        
div#costadocrono{
    clear: both;
    margin-top: 160px;


}


/*FIN CRONOGRAMAA */
    
/************Archivos******/    
 div#archivo11 h1{
    margin-top: 50px;
    font-family:'Oswald', sans-serif;
    font-size: 24px; 
    background-color: #b00a14;
    color: #f8faec;     
     
 }
    
div#archivo11 p{
    width: 470px;
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    float: left;
    
}    
    
div#archivo11bis p{
    width: 470px;
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    float: right;
    
}        
    
div#arch1{
    float: left;
    width: 320px;
}    
    
div#arch1 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch1 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: -15px;
    font-size: 12px;

}    
    
div#arch1 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: -10px;

}    
    
    
    
div#arch2{
    float: left;
    width: 310px;
}    
    
div#arch2 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch2 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: -15px;
    font-size: 12px;

}    
    
div#arch2 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: -10px;

}    
        
    
div#arch3{
    float: left;
    width: 320px;
    
}    
    
div#arch3 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch3 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: -15px;
    font-size: 12px;

}    
    
div#arch3 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: -10px;

}    
     
    
div#arch4{
    float: left;
    width: 320px;
    
}    
    
div#arch4 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch4 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: -15px;
    font-size: 12px;

}    
    
div#arch4 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: -10px;

}    
         
 
    
div#arch5{
    float: left;
    width: 320px;
    
}    
    
div#arch5 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch5 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: -15px;
    font-size: 12px;

}    
    
div#arch5 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: -10px;

}    
         
    
div#arch6{
    float: left;
    width: 320px;
    
}    
    
div#arch6 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch6 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: -15px;
    font-size: 12px;

}    
    
div#arch6 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: -10px;

}    
      
    
/************FIN Archivos******/  
    /*PROGRAMA*/
     
    div#programa11 h1{
    margin-top: 50px;
    font-family:'Oswald', sans-serif;
    font-size: 24px; 
    background-color: #b00a14;
    color: #f8faec;     
     
 }
    
div#programa11 p{
    width: 414px;
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    float: left;
    margin-top:0px;
    
}   
     
div#unidades h1{
margin-top: 50px;
font-family: 'Oswald', sans-serif;
font-size: 24px;
background-color: #b00a14;
color: #f8faec;
    
}    
    
   
div#programa11bis {width: 300px;}   
    
    
div#programa11bis p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;


}  
    div#programa11bis h3{
font-family: 'Oswald', sans-serif;
font-weight: 400;

font-size: 12px;

}   
          
    
div#programas1{
width: 450px;   
    
}    
    
div#programas1 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#programas1 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;
}    
    
div#programas1 p{
    font-family: 'lato', sans-serif; 
    font-weight: 600;
    font-size: 13px;
    margin-top: -10px;
}    
    
    
    
div#programas2{
width: 463px;
float: right;
margin-top: -393px;
margin-right: 9px;
}    
    
div#programas2 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    margin-top: 0px;
    
}    
    
div#programas2 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
    
div#programas2 p{
    font-family: 'lato', sans-serif; 
        font-weight: 600;
    font-size: 13px;
    margin-top: 0px;

}    
        
    
div#programas3{
    width: 450px;
    
}    
    
div#programas3 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    
}    
    
   
    
div#programas3 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
        font-weight: 600;
    margin-top: -10px;

}    
    div#programas{
    width: 450px;
height: 176px;
        float: right;
        margin-top:-404px;
        margin-right: 23px;
}    
    
div#programas h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#programas h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;

    font-size: 12px;

}    
    
div#programas p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
        font-weight: 600;

}   
     
div#programa11bis h2{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;}
    
    
    
div#programas4 h1{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;}
    
   div#programas5 h1{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;} 

    
    
    
div#programas4{
    float: left;
width: 296px;
margin-top: -207px;
margin-left: 324px;
    
    
}    
    

    
div#programas4 h2{
font-family: 'Oswald', sans-serif;
font-weight: 400;

font-size: 12px;

}  
   
    
div#programas4 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;


}
 
    
div#programas5{
    float: right;
    width: 320px;
margin-top: -207px;
    
    
}    
    

div#programas5 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
    
div#programas5 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;

}
         
    
div#programas6{
    float: left;
    width: 301px;
    
}    
    

div#programas6 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
    
div#programas6 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;

}  
        
div#programas6 h1{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;
    
}       

    div#programas7{float:left;
  margin-left: 324px;
margin-top: -214px;}
    
    

    
div#programas7 h2{
margin-top: 50px;
font-family: 'Oswald', sans-serif;
font-size: 14px;
background-color: #b00a14;
color: #f8faec;
    letter-spacing: 6px;
    padding-left: 10px;
    width: 109px;

}    
    
div#programas7 p{
    font-family: 'lato', sans-serif; 
    font-size: 15px;


}
    
    div#programas7 h3{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
  
div#programa11bis h1{
    margin-top: 50px;
    font-family:'Oswald', sans-serif;
    font-size: 24px; 
    background-color: #b00a14;
    color: #f8faec;
    font-weight: 800;
     
 }
    
    
    
   /*NOVEDADES*/
    
    div#video{
    position:static;
        margin-top:50px;    
    }
    
    div#video h1{float:left;
        margin-top:-300px;
        margin-left:580px;
            font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size:24px;
    color:#00bab5;
        
    }
    
    div#video p{  float:left;
        font-family: 'lato', sans-serif; 
    font-size: 13px;
        font-style: italic;
    margin-top: -260px;
    margin-left:580px;
    line-height: 25px;
    }
    
    
    div#novedades2{
        float: left;
      margin-left: -39px;
margin-top: -3px;
        }
    
    div#nov h2{color: #a52021;
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 22px;
float: left;
        margin-top:1px;
}
    
    div#nov table {
font-family: 'lato', sans-serif;
font-size: 13px;
width: 750px;
}
    div#nov td {
font-family: 'lato', sans-serif;
font-size: 12px;
width: 400px;
padding-left: 20px;  
        line-height: 20px;
}

    /*FIN  NO VEDA DES*/

    /*inscripcion*/
    
section#inscri { margin: auto;}
div#ins h1{margin-top:51px;
background-color: #B01F24;
font-family: 'Oswald', sans-serif;
font-size: 30px;
color: #ffffff;
font-weight: 400;
width: 257px;
height: 50px;
padding-left: 16px;}

}

aside#inscrip{float:right;
margin-top:-290px;}

div#ins p {font-family: 'lato', sans-serif;
font-size: 14px;
float: left;
    line-height: 20px;
width: 755px;
margin-left: 2px;
margin-top: 0px;
}
div#ins h2{clear: both;
font-family: 'Oswald', sans-serif;
font-size: 16px;
color: #B01F24;
font-weight: 700;
width: 357px;
padding-left: -2px;
}

div#fadu{float: right;
}

div#fadu h3 {clear: both;
font-family: 'Oswald', sans-serif;
font-size: 13px;
background-color: #B01F24;
    color: #ffffff;
font-weight: 700;
    margin-top: -30px;
    margin-right: 400px;
letter-spacing: 2px;
}


div#siu h3 {clear: both;
font-family: 'Oswald', sans-serif;
font-size: 13px;
background-color: #B01F24;
    color: #ffffff;
font-weight: 700;
    margin-top: 0px;
    margin-right: 760px;
letter-spacing: 2px;
    
}
div#siu a {text-decoration: none;}
div#fadu a {text-decoration: none;}

div#siu p{width: 450px;
font-family: 'lato', sans-serif;
font-size: 13px;
font-style: italic;
float: left;
line-height: 20px;
margin-left: 2px;
margin-top: 0px;
}

div#fadu p{width: 450px;
font-family: 'lato', sans-serif;
font-size: 13px;
font-style: italic;
float: left;
line-height: 20px;
margin-left: 2px;
margin-top: 0px;
}

/*FIN INSCRIPCIONES*/



/**********pautas***********/
div#pautas1 h1 {
    margin-top: 60px;
    font-family: "Oswald",sans-serif;
    font-weight: 200;
    font-size: 30px;
    color: #B00A14;
}

div#pautas1 p {
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin-top: -20px;
}



div#pauta1{
    width: 450px;
    float: left;
  }

div#pauta1 h1 {
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    color: #00BAB5;
    font-size: 16px;
}

div#pauta1 p {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: -10px;
}


div#pauta2{
    width: 440px;
    float: right;
}

div#pauta2 h1 {
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    color: #00BAB5;
    font-size: 16px;
}
div#pauta2 p {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: -10px;
}



div#pauta3{
    width: 440px;
    float: left;
}

div#pauta3 h1 {
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    color: #00BAB5;
    font-size: 16px;
}

div#pauta3 p {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: -10px;
}
    


div#pauta4{
    width: 440px;
    float: right;
    
}

div#pauta4 h1 {
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    color: #00BAB5;
    font-size: 16px;
}

div#pauta4 p {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: -15px;
}

div#pauta5{
    width: 450px;
    float: left;

}

div#pauta5 h1 {
    font-family: "Oswald",sans-serif;
    font-weight: 400;
    background-color: #00BAB5;
    color: #B00A14;
    font-size: 16px;
}

div#pauta5 p {
    font-family: "Oswald",sans-serif;
    font-weight: 300;
    font-size: 14px;
    margin-top: -10px;
}


div#fotopauta {
    width: 600px;


}

div#botonacade {
    clear: both;
    float: right;
    margin-top: -100px;

}


/************fin pautas***********/





}
}}}

/*estilostablet
=============================================================================================================================================================================================================================================================================================================================================
*/

@media screen and (max-width: 48rem) {
    
    
    body { 
    background-color: #f8faec;
    
}
    main{margin: auto;
    margin-top:15px;
    width: 48rem;
}

header{clear:both;
    width: 48rem;
 }


/* vinculos */

div#vinculos {
position: static;
margin-left: 650px;
margin-top: -80px;


}
    
    /*logo*/




div#logo h1 {
width: 320px;
left: 186px;
font-family: 'Oswald', sans-serif;
font-size: 22px;
font-weight: 400;
color: #b00a14;
letter-spacing: 2px;
float: left;
margin-top: -77px;
margin-left: 17px;
}

div#logo h2 { 
left: 187px;
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 100;
color: #00bab5;
letter-spacing: 2px;
float: left;
margin-top: -37px;
margin-left: 17px;
}

div#logoimg{

}

/*fin logo*/
    
    
/*botonera*/
div#menu  {
    margin: auto;
    width: 48rem;
    font-family:'Oswald', sans-serif;
    font-weight: 300;
    text-decoration: none;  
    background-color: #00bab5;
    height: 50px;    
    position: absolute;
    margin-top: 0px;
}

ul, ol{
   list-style: none;
}

.nav li a{
   background-color: #00bab5;
   color: #f8faec;
   text-decoration: none;
   padding: 10px;
   display: block;
   margin-left: 50px;
    margin-top: -10px;
 }

.nav > li{ float: left;
  }

.nav li a:hover{
  background-color: #b00a14;
}

.nav li ul{
 position: absolute;
 min-width: 180px;
  display: none;
      
}

.nav li:hover > ul {
 display: block;
}

  
    /*HISTORIA*/
    
    
    /*imagen central*/




section#history {
    background-image: url(images/historia.png);
    background-repeat: no-repeat;
    background-size: 48rem;
    margin: auto;
    margin-top: 60px;
}

/* imagen central fin */

/* titulos sobre foto historia*/

div#historia h2{
      color: #f8faec;
      font-family:'Oswald', sans-serif;
      font-weight: 300;
      text-decoration: none;  
      float: right;
      margin-right:190px;
      margin-top: 0px;
      font-size: 5em;
          
    }

div#historia h1{
     color: #f8faec;
     font-family:'Oswald', sans-serif;
    font-weight: 300;
    text-decoration: none;  
    float: right;
    margin-right: 190px;
    margin-top: 40px;
    position: relative;
    letter-spacing: 5px;
}

/* titulos sobre foto historia fin */


/* antecedentes historia */


div#antecedentes h1 {
     color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 300px;
     font-size: 22px;
     float: left;
     margin-top: 170px;
} 

div#antecedentes h2 {
    color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 200;
     font-size: 22px;
     float: left;
     margin-top: 200px;
    margin-left: -130px;
    letter-spacing: 1px;
     
}

div#antecedentes p {
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    float: left;
    width: 300px;
    margin-left: 20px;
    margin-top: -10px;
         
}

div#antecedentes2 p {
     font-family: 'lato', sans-serif; 
    font-size: 13px;
    float: left;
    width: 300px;
    margin-left: 10px;
    margin-top: -10px;

}

section#history hr{
    
    background-color: #00bab5;
    height: 2px;
    border-width: 1px;
    width: 48rem;
    top: 400px; 
    
    }

/*fin antecedentes historia*/

div#inicios h1{
    
    color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 300px;
     font-size: 22px;
     float: left;
     margin-top: 0px;
    
}

div#inicios p{
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    float: left;
    width: 600px;
    margin-left: 80px;
    margin-top: 0px;


}

div#inicios2 p{
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    float: right;
    width: 380px;
    margin-left: 0px;
    margin-top: -20px;
}

/*inicios historia*/

/* Lista premios historia*/

div#inicios2 h1{
    
    color: #a52021;
     font-family: 'Oswald', sans-serif;
     font-weight: 300px;
    font-size: 22px;
     margin-top:5px;
     margin-left: -40px;
    
}

div#inicios2 ul li{

    font-family:'Oswald', sans-serif;
     font-weight: 200px;
     font-size: 14px;
    position: static;
     margin-top: 0px;
     margin-right: 400px;
    clear: both;
    }

div#inicios2 ul li p{
    margin-top: -20px;
    margin-right: -400px;
    
    
}

/* Fin Lista premios historia/
    
    
    
    
/*footer*/

footer img {  clear:both;  
    margin-left:30px;
}

footer p{
     font-family: 'oswald', sans-serif;
    font-size: 12px;
    font-weight: 100;
    margin-left: 85px;
    margin-top: -30px;
}


hr {
    clear:both;
    background-color: #00bab5;
height: 2px;
border-width: 1px;
}

/*fin footer*/
    
    
    
    
}

/*estiloscelular
=============================================================================================================================================================================================================================================================================================================================================
*/

@media screen and (max-width: 20rem) {

*{padding: 0;
margin:0;}
    
    body{
 background-color: #f8faec;
     
}

    main{
        width: 20rem;
        margin: auto;
    
    }
    
    hearder{
        margin-top: 2rem;
        clear: both;
    }
    /* vinculos */

div#vinculos {
float: right;
margin-top: -125px;}

/*logo*/




div#logo h1 {
width: 320px;
left: 186px;
font-family: 'Oswald', sans-serif;
font-size: 22px;
font-weight: 400;
color: #b00a14;
letter-spacing: 2px;
float: left;
margin-top: -77px;
margin-left: 17px;
}

div#logo h2 { 
left: 187px;
font-family: 'Oswald', sans-serif;
font-size: 18px;
font-weight: 100;
color: #00bab5;
letter-spacing: 2px;
float: left;
margin-top: -37px;
margin-left: 17px;
}

div#logoimg{margin-top:40px;

}
    /*botonera celu*/
    
    div#menu{
        width: 20rem;
        font-family: 'Oswald', sans-serif;
        
    }
    

    ul, ol{
   list-style: none;

}

    .nav li a{
     background-color: #00bab5;
        list-style: none;
    color: #f8faec;
    text-decoration: none;
    padding: 0rem 7rem;
    display: block;
    font-size: 1.100rem;
    
    
    }
    
    
    .nav li ul li a{
        color:white;
    margin-top: 0.1rem;
    padding:1rem 8rem;
    font-size: 0.8rem;
                list-style: none;
}

.nav li a:hover {
    background-color:#434343;
}

.nav li ul {
    display:none;
    position:absolute;
    min-width:8.750rem;
            list-style: none;
}

.nav li:hover > ul {
    display:block;
}

.nav li ul li {
    position:relative;

}
/*footer*/

footer img {  clear:both;  
    margin-left:10px;
}

footer p{
     font-family: 'oswald', sans-serif;
    font-size: 12px;
    font-weight: 100;
    margin-left: 65px;
    margin-top: -30px;
}


hr {
    clear:both;
    background-color: #00bab5;
height: 4px;
border-width: 1px;
    width: 20rem;
}

/*fin footer*/

    
    /*responsive celular programa*/
    
       div#programa11 h1{
    margin-top: 20px;
    font-family:'Oswald', sans-serif;
    font-size: 24px; 
    background-color: #b00a14;
    color: #f8faec;  
           width: 20rem;
     
 }
    
div#programa11 p{
    width: 20rem;
    font-family: 'lato', sans-serif; 
    font-size: 14px;

    
}   
     
div#unidades h1{
font-family: 'Oswald', sans-serif;
font-size: 24px;
background-color: #b00a14;
color: #f8faec;
    
}    
    
   
div#programa11bis {    width: 20rem;
margin-top: 10px;}   
    
    
div#programa11bis p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;


}  
    div#programa11bis h3{
font-family: 'Oswald', sans-serif;
font-weight: 400;
font-size: 12px;

}   
          
    
div#programas1{
width: 20rem;  
    margin-top:20px;
    
}    
    
div#programas1 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#programas1 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;
}    
    
div#programas1 p{
    font-family: 'lato', sans-serif; 
    font-weight: 600;
    font-size: 13px;
}    
    
    
    
div#programas2{
width: 20rem;
    margin-top:20px;
}    
    
div#programas2 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    margin-top: 0px;
    
}    
    
div#programas2 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
    
div#programas2 p{
    font-family: 'lato', sans-serif; 
    font-weight: 600;
    font-size: 13px;
    margin-top: 0px;

}    
        
    
div#programas3{
    width: 20rem;
    margin-top:10px;
    
}    
    
div#programas3 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    
}    
    
   
    
div#programas3 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    font-weight: 600;

}    
    div#programas{
    width: 20rem;
        margin-top:10px;
height: 176px;
        margin-right: 23px;
}    
    
div#programas h1{
    font-family:'Oswald', sans-serif;
    font-weight: 700;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#programas h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
    
div#programas p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
        font-weight: 600;

}   
     
div#programa11bis h2{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;}
    
    
    
div#programas4 h1{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;}
    
   div#programas5 h1{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;} 

    
    
    
div#programas4{
    float: left;
width: 296px;
margin-top: -207px;
margin-left: 324px;
    
    
}    
    

    
div#programas4 h2{
font-family: 'Oswald', sans-serif;
font-weight: 400;

font-size: 12px;

}  
   
    
div#programas4 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;


}
 
    
div#programas5{
    width: 20rem;
margin-top: 10px;
    
    
}    
    

div#programas5 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
    
div#programas5 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;

}
         
    
div#programas6{
    width: 20rem;
margin-top: 10px;
    
}    
    

div#programas6 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
    
div#programas6 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;

}  
        
div#programas6 h1{
font-family: 'Oswald', sans-serif;
font-weight: 200;
font-size: 16px;
color: #00bab5;
    
}       

    div#programas7{ width: 20rem;
margin-top: -30px;
    margin-bottom: 20px;}
    
    

    
div#programas7 h2{
margin-top: 50px;
font-family: 'Oswald', sans-serif;
font-size: 14px;
background-color: #b00a14;
color: #f8faec;
    letter-spacing: 6px;
    padding-left: 10px;
    width: 109px;

}    
    
div#programas7 p{
    font-family: 'lato', sans-serif; 
    font-size: 15px;


}
    
    div#programas7 h3{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    font-size: 12px;

}    
  
div#programa11bis h1{
    margin-top: 0px;
    font-family:'Oswald', sans-serif;
    font-size: 24px; 
    background-color: #b00a14;
    color: #f8faec;
    font-weight: 800;
     
 }
    
	
     
    
/************Archivos******/    
 div#archivo11 h1{
    margin-top: 10px;
    font-family:'Oswald', sans-serif;
    font-size: 24px; 
    background-color: #b00a14;
    color: #f8faec;     
     
 }
    
div#archivo11 p{
    width: 20em;
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    
}    
    
div#archivo11bis p{
    width: 20rem470px;
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    
}        
    
div#arch1{margin-top:10px;
    width: 20rem;
}    
    
div#arch1 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch1 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0px;
    font-size: 12px;

}    
    
div#arch1 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: 0px;

}    
    
    
    
div#arch2{
    float: left;
    width: 20rem;
}    
    
div#arch2 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch2 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0px;
    font-size: 12px;

}    
    
div#arch2 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: 0px;

}    
        
    
div#arch3{
    float: left;
    width: 20rem;
    
}    
    
div#arch3 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch3 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0px;
    font-size: 12px;

}    
    
div#arch3 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: 0px;

}    
     
    
div#arch4{
    float: left;
    width: 20rem;
    
}    
    
div#arch4 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch4 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0px;
    font-size: 12px;

}    
    
div#arch4 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: 0px;

}    
         
 
    
div#arch5{
    float: left;
    width: 20rem;
    
}    
    
div#arch5 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch5 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0px;
    font-size: 12px;

}    
    
div#arch5 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: 0px;

}    
         
    
div#arch6{
    float: left;
    width: 20rem;
    
}    
    
div#arch6 h1{
    font-family:'Oswald', sans-serif;
    font-weight: 200;
    font-size: 16px;
    color:#00bab5;
    
}    
    
div#arch6 h2{
    font-family:'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0px;
    font-size: 12px;

}    
    
div#arch6 p{
    font-family: 'lato', sans-serif; 
    font-size: 13px;
    margin-top: 0px;

}    
      
    
/************FIN Archivos******/  
    
    /* ***INDEX*** */


/* texto inicial */

div#carreras { 
    font-family:'Oswald', sans-serif; 
    color:#00bab5;
    font-size: 17px;
    width: 20rem;
    clear: both;
   
        }
    
    div#carreras p { visibility: hidden;
    }
        
/*fin texto inicial*/

/*titulos tabajos*/
div#titulostrabajos{
    width: 20rem;
    height: 60px;
}

div#titulostrabajos h3{
    background-color: #a52021;
    color: #ffffff;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    font-size: 18px;
    clear: both;
    margin-top:-50px;
}
    /*fin titulos tabajos*/

/*fin texto incial*/




/*section dos es boton galeria. lo que esta a la izquieda del aside*/

section#inicio{

    margin: auto;
    margin-top: 10px;
    background-image: url(images/foto1.gif);
    background-repeat: no-repeat;
    background-size: 30rem;
    clear: both;
    
}

div#botontrabajo img{max-width: 100%;
    height: auto;
    width: 20rem;
    margin-top:-30px;

}

div#novedades{ visibility: hidden;
}

div#proximaclase{
    width: 20rem;
}

div#proximaclase h1{
    font-family: 'Oswald', sans-serif;
    color: #a52021;
    margin-top:-180px;
    }

div#proximaclase p{
    font-family: 'lato', sans-serif; 
    font-size: 14px;
    width: 20rem;

}

div#proximaclase h2{
    font-family: 'Oswald', sans-serif;
    color: #a52021;
    font-size: 16px;
    }

/*aside*/
aside{display: none;}

/* fin archivo */
/* fin aside */
    
    



/* *** FIN INDEX*** */

 /*FIN CELULAR*/   
    
}






/***********************JAAAAAAAAAAAAAAAAAVAAAAAAAAAAAAAAAA AL FIN*******************************/


/******************GALERIA*************************/

section#galeria{
    margin-top: 80px;
    margin-left:20px;


}

div#galeria1{
float: left;
}

div#galeria4{
float: left;

}

div#galeria5{
   float: left;
    margin-top: 113px;
    margin-left: -113px;

}

div#galeria2{
    float: left;
    

}

div#galeria6{
    float: left;
    

}

div#galeria7{
 float: left;
 margin-top: 113px;
margin-left: -113px;    
}

div#galeria8{
    float: left;
    margin-top: -6px;
}

div#galeria9{
    float: left;
    margin-top: 107px;
    margin-left: -113px;


}


div#galeria10{
    float: left;
    margin-top: -6px;
    

}

div#galeria11{
    float: left;
    margin-top: 107px;
    margin-left: -113px;

}

div#galeria12{
    float: left;
    margin-top: -6px;
    
}

div#galeria13{
    float: left;
    margin-top: 106px;
    margin-left: -113px;

}

div#galeria14{
    float: left;
    margin-top: -7px;
}

div#galeria15{
    float: left;
    margin-top: -7px;
    
}


div#galeria16{
    float: left;
    margin-top: -6px;
    
}

div#galeria17{
    float: left;
    margin-top: -5px;
    

}



/*****************GALERIA FIN*********************/
    
/*footer*/

footer img {  clear:both;  
    margin-left:30px;
}

footer p{
     font-family: 'oswald', sans-serif;
    font-size: 12px;
    font-weight: 100;
    margin-left: 85px;
    margin-top: -30px;
}


hr {
    clear:both;
    background-color: #00bab5;
height: 4px;
border-width: 1px;
}

/*fin footer*/
    
    
    .gallery {
	clear: both;
}

.gallery > img {
	height: 100px;
	cursor: pointer;
}

.gallery > img:hover {
	opacity: 0.9;
}

.view {
	display: none;
	position: fixed;
	z-index: 9999;
	margin: auto;
	right: 0;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(128, 128, 128, 0.9);
}

.view img {
	position: absolute;
	margin: auto;
	max-width: 76%;
	max-height: 76%;
	top: 5px;
	bottom: 0;
	left: 0;
	right: 0;
}

.view .control {
	cursor: pointer;
	position: absolute;
	display: block;
	width: 30px;
	background-color: rgba(0, 0, 0, 0.2);

	-webkit-background-size: 20px;
	-moz-background-size: 20px;
	background-size: 20px;
}

.view .control:hover {
	background-color: rgba(0, 0, 0, 0.4);
}

.prev,.next {
	height: 100%;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAM1BMVEUAAADn5+fMzMybm5v+/v4aGho7Ozvs7Ow9PT1paWnNzc319fX39/fGxsbOzs7X19f///9a5cBWAAAAEHRSTlMAx5ZR8gMUyhY0l+nuk5edQKeKOwAAAExJREFUOMvtyjkOgDAQBMEZ1vjg3P+/lphkVgIjEbjTajyrktqLM/CSf+71jfNbz4E3OpXDkp+QteTHHB1Lh2Max+3YoY9thc4M3boAUF4EQhWxxtYAAAAASUVORK5CYII=) no-repeat center center;
}

.next {
	right: 0;

	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.close {
	height: 30px;
	margin: auto;
	left: 0;
	right: 0;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAARVBMVEUAAACSkpLv7+8sLCyampqXl5dmZmZkZGSYmJj8/PxgYGCVlZW8vLz7+/sPDw+7u7u7u7v19fXV1dXDw8Nra2v////8/PyAUl8bAAAAFXRSTlMAet8agFJPKlboTGRy4QhhqPisrFAcDNbVAAAAlUlEQVQ4y4XRyxKDIBBEUSAhEB+Jjxr+/1NFWPSibZ2FUnVusWDc8/x8SIJiGOp3NPuma6/SbhBFNrPYTm8U7Ci0o2Dngp0LuCrgXJBTAVeF9l7MU3dVFGuuZ6s+3Xg+bwhJu1nZ5fa7f8Ru4WL7cBTCUQhHoRwFOxfsXMBlEbvL4g/nYq6/17IO4u198e4sslMzSsEcAD0OzXhIFX4AAAAASUVORK5CYII=) no-repeat center center;
}

.load {
    display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
    margin: auto;
	width: 100px;
	height: 15px;
	border: 3px solid white;
	border-radius: 15px;
	background-color: rgba(0, 0, 0, 0.4);
}

.load:before {
	position: absolute;
	left: 0;
	width: 15px;
	height: 15px;
	border-radius: 15px;
	background-color: white;
	content: "";

	-webkit-animation: load 1s infinite alternate;
	-moz-animation: load 1s infinite alternate;
	-ms-animation: load 1s infinite alternate;
	-o-animation: load 1s infinite alternate;
	animation: load 1s infinite alternate;
}

@keyframes "load" {
 100% { left: 85px; }
}

@-moz-keyframes load {
 100% { left: 85px; }
}

@-webkit-keyframes "load" {
 100% { left: 85px; }
}

@-ms-keyframes "load" {
 100% { left: 85px; }
}

@-o-keyframes "load" {
 100% { left: 85px; }
}