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


*{   margin: 0;
    padding: 0;
}

body{ width: 100%;
    background-image: url(fondo%20rosa%20grande-01.jpg);
    background-repeat: repeat;
    background-size: 100%;
    background-position: center;
}


#carilla{width: 80%;
    background-color:rgba(255, 255, 255, 0.99); ;
    margin: auto;
  

}



div#logo {
        
    padding-top: 0.9em;
    padding-bottom: 0.9em;
    padding-left: 0.3em;
    padding-right:  0.3em;
    text-align: center;
    }


#logo img{
    width: 15%;
    align-content: center;
 background-color:rgba(255, 255, 255, 0); ;}

#ingresantes{ 
      font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
     background-color:rgba(255, 255, 255, 0); ;

}




Header{ 
      margin: auto;
      padding: 0em;
      clear: both; 
      text-align: center;
      background-color:rgba(255, 255, 255, 0); }
    



/*Botonera principal*/

#botonera {
    background-color: #a54994;
    font-family: 'Josefin Sans', sans-serif;
    color:#fff;
    font-weight: 900;  
    
}

#botonera ul {
    background-color: #a54994;
    font-family: 'Josefin Sans', sans-serif;
    color:#fff;
    font-weight: 900;  
    }

#botonera ul li{
    background-color: #a54994;
    font-family: 'Josefin Sans', sans-serif;
    color:#fff;
    font-weight: 900;  
    }
#botonera ul li a{
    background-color: #a54994;
    font-family: 'Josefin Sans', sans-serif;
    color:#fff;
    font-weight: 900;  
    }


/*ASIDE - ASIDE - ASIDE - ASIDE - ASIDE */

aside {
    width: 19%;
    float: left;
    margin-left: 0em;
    margin-top: 0em;
    background-color: #ffffff;
     
    
    
}


#secundario {
    bottom: 1rem;
    margin-left: 0em;
    width: 100%;
    
    
   }

#secundario ul {
    margin: 0;
    list-style:none;
    text-align: left;
    text-align: left;
    
    }

#secundario ul li{
    display: list-item;
    margin-top: 0em;
     
  
    
    }

#secundario ul li a {
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 0em;
     margin-right: 0em;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    display: block;
    width: 100%;
    text-decoration: none; 
    color:#a54994;
    background-color: #ffffff;    
    padding: 0.6em;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-width:thin;
    border-bottom-color: #a54994;
    border-top-color: #a54994;
    }





/*Main*/

main{
    
    background-color: #ffffff;
    margin-top:0.6em;
    margin-bottom: 0.6em; 
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;     
}

#contenedor1{ width: 100%;
margin: 0em;
padding: 0px;
overflow: auto;}

#contenedor1 ul{list-style: none;
    display: block;
}

#contenedor1  img {width: 101%;
    margin: auto;
}
#inspirate {width: 98%;
    display: block;
     border-style: solid;
    border-width: 0.15em;
    border-color: #A54994;
    border-top-left-ggg:  1rem;
    border-top-right-ggg:   1rem;
    border-bottom-left-ggg:   1rem;
    border-bottom-right-ggg: 0rem;
   
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-left: 0px;
    margin-right: 0.6em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    color: #A54994;
    font-weight: 600;  

}
#inspirate  hr{color:#A54994;
    height: 0.2em;
width:95% }

 


#inspirate a h3 {color: #A54994;
   font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
    font-size: 200%;
    text-decoration: none;
}

.cajita{
    display: inline-block;
width: 30%;
    border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-left: 0px;
    margin-right: 0.6em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;   
    
}

.cajita a h3{text-decoration: none;
     font-family: 'Josefin Sans', sans-serif;
   color:   #ffffff;
}



.testimonios{
    display: inline-block;
width: 30%; 
    border-style: solid;
    border-width: 0em;
    border-color: #A54994;
 
   padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0em;
    margin-left: 0px;
    margin-right: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    
}

.testimonios a h3{text-decoration: none;
     font-family: 'Josefin Sans', sans-serif;
    color:   #ffffff;
}






/*Noticias*/
#informate{ width: 100%;
         margin-bottom: 1em;
margin-left: 0em;
margin-right: 0.0em;
margin-top: 4em;
    background-color:#FCE18D;
    
      border-top-left-ggg:  1rem;
      border-top-right-ggg:   1rem;
      border-bottom-left-ggg:   1rem;
      border-bottom-right-ggg: 0rem;
     
     }

#noticias2 {           
    color: #A54994;
    padding: 0.2em;   
    
   font-family: 'Josefin Sans', sans-serif;
    font-size: 0.9em;
    font-weight:400;
    padding-top: 0.6em;
    padding-bottom: 0em;
    padding-left: 0.3em;
    padding-right: 0.6em;
    line-height: 1.2rem;
    }

#muestras {           
    color: #A54994;
    padding: 0.2em;   
    
   font-family: 'Josefin Sans', sans-serif;
    font-size: 0.9em;
    font-weight:400;
    padding-top: 0.6em;
    padding-bottom: 2em;
    padding-left: 0.6m;
    padding-right: 0.6em;
    line-height: 1.2rem;
     background-color:#7fc7b9; 
    }


        
#noticias {            
    color: #A54994;
    padding: 0.2em;   
      font-family: 'Josefin Sans', sans-serif;
    font-size: 0.9em;
    font-weight:400;
    padding-top: 0.6em;
    padding-bottom: 0em;
    padding-left: 0.3em;
    padding-right: 0.6em;
    line-height: 1.2rem;
}

#noticias h2{ 
    background-color:#A54994; 
    display: block;
    color: #fff;
 font-family: 'Josefin Sans', sans-serif;
    font-weight:900;
font-size: 1.2em;
padding: 0.3em;
margin-bottom: 0.3em;
margin-left: 0em;
margin-right: 0.3em;
margin-top: 0.3em;





}


#muestras h2{ 
    background-color:#A54994;
    display: block;
    color: #fff;
 font-family: 'Josefin Sans', sans-serif;
    font-weight:900;
font-size: 1.2em;
padding: 0.3em;
margin-bottom: 0.3em;
margin-left: 0em;
margin-right: 0.3em;
margin-top: 0em;

}

#muestras p{padding-top:0em;
    padding-bottom: 0.2em;
    padding-left: 0em;
    padding-right: 0em;}




/* Botonera Institucional*/
 
#institucional{ 
    width: 100%;
    margin: auto;
    padding: 0em;
    clear: both; 
    text-align: center;}

#institucional ul{ 
            width: 100%;
            list-style: none;   
            text-align: center;
            background-color: #ffffff;
            border-bottom-style: solid;
            border-top-style: solid;
            border-bottom-width: 0.1em;
            border-top-width: 0.1em;
            border-color: #A54994;
 }
#institucional ul li {  
    display: inline-block;background-color: #ffffff;
             }



#institucional ul li a {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: bolder;
    text-align: center;
    text-decoration: none;
    font-size:1em;
   
    color: #a54994;
    display: inline-block;      
    clear: both;
    
}  

#institucional ul li a:hover{
     background-color:#7fc7b9;
     color: #a54994;
     text-decoration: underline;
     
 }

footer{
     width: 100%;
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 900;
     font-size: 0.9em;
     text-align: center;
     padding: 0.4em;
     background-color: #A54994;
     color: #ffffff;
     clear: both;
}


/*Trabajo practico uno -Trabajo practico uno -Trabajo practico uno */

#tpuno{
    width: 76%;
    float: right;
    background-color: #ffffff;
}

#tpunoimagen{ 
            width: 100%;
            float: left;
            margin-top: 2em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   
            background-color:#FCE18D;}



#tpunoimagen img {
    width:100%;
    margin: 0em;
    padding: 0em; 
    float: left}




#tecnicas2 {width: 96%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top:1em;
    padding-bottom:1em;
    padding-left:1em;
    padding-right:1em;
    float: left;
    border-style: solid;
    border-width: 0.1em;
    border-color:#A54994; 
}





#tecnicas {width: 75%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top:1em;
    padding-bottom:0em;
    padding-left:0em;
    padding-right:1em;
    float: left;
}

#tecnicas p{
    color: #A54994;
    font-size:1em;
    font-weight: 900;
    line-height: 1.5em;
    font-family: 'Josefin Sans', sans-serif;}

#tecnicas h2 {
     font-family: 'Josefin Sans', sans-serif;
     color: #A54994;
     font-size: 1.5em;
     font-weight: 900;   
     
}



.favorito {
float: right;}




#distintastecnicas{
    width: 76%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
}

#distintastecnicas ul{
    width: 100%;
    list-style: none;
    display: inline-block;
    }

#distintastecnicas ul li{
    width: 25.5%;
    font-family: 'Josefin Sans', sans-serif;
    border-style: solid;
    border-width: 0.11em;
    border-color:#A54994;
    color: #A54994;
    text-align: left;
    text-decoration: underline;
    font-size: 1.5em;
    font-weight: 600;
    list-style: none;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right:  0em;
    padding-left:  0.7em;
    padding-bottom: 0.5em;
    padding-top: 0.7em;
    
    float: left;   
    
    }

.mixtas{ margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 2em;
    padding-right:  0em;
    padding-left:  0.3em;
    padding-bottom: 4.5em;
    padding-top: 0.3em; }

#mas{width: 100%;
    margin-right: 0.5em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom:0em;
    padding-right:  0em;
    padding-left:  0em;
    padding-bottom: 0.5em;
    padding-top: 1em;
}


.logomas {
float:left;
    width: 17%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 0em;
    margin-bottom: 0.3em;
    
}

.logomas img{width: 50%;}

.vermas {
    float:left;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 0em;
    margin-bottom: 0.3em;
    padding-left: 0em;
    padding-right: 0em;
    font-size: 0.6em;
    font-family: 'Josefin Sans', sans-serif;
    color:#A54994;
    text-align: left;
    font-weight: 900;
    }


#tpunocajas { 
    width:20%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 5em;
    float:right;
   }


#tpunocajas ul{ 
    list-style: none;
    width: 100%;
   
}





#tpunocajas ul li{
    
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom:7em;
    margin-top: 1em;
    
    
}


#tpunocajas ul li h3{
    background-color: #fcd660;
    width: 100%;
    display: inline-block;  
    font-family: 'Josefin Sans', sans-serif;
    color: #A54994; 
    font-size: 1.1em;
    font-weight: 800;
    float: left;
    line-height: 1.2rem;
    padding-right: 0em;
    padding-left: 0.5em;
    padding-bottom: 3em;
    padding-top: 0.5em;
    text-align: center;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
     border-bottom-right-radius: 1rem;

}

#tpunocajas ul li h3:hover{background-color: #fabf00;}

/*Tp1 LOS MEJORES -  Tp1 LOS MEJORES - Tp1 LOS MEJORES - */


li#losmejores a h3{
    background-color:#A54994; 
      color: #fcd660;
}

li#losmejores a h3:hover{
    background-color:#fcd660;
      color: #A54994;
}


#galerialosmejores{  width: 76%;
    float: right;
    background-color: #ffffff;
margin-top: 1em;
            margin-bottom: 2em;
            margin-left: 0em;
            margin-right: 1em;}


.cuadradotrabajos{width: 47%;
    float: left;
    margin-top: 1em;
            margin-bottom: 0.5em;
            margin-left:0em;
            margin-right: 0.9em;
}
 .cuadradotrabajos a img{width: 100%;
 margin-bottom: 0em;

 overflow: auto;}

.rotulo{
    border-top-style: solid;
    border-top-color: #a54994;
    border-top-width: 0.3em;
     background-color: #f7e4a9;
            width: 100%;
            float: left;
            margin-top: -0.25em;
            margin-bottom: 0.5em;
            margin-left:0em;
            margin-right: 0.5em;
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 1em;
    font-weight: 600;
    
}

.rotulo h2 {
    padding-right: 0em;
    padding-left: 0.5em;
    padding-bottom: 0em;
    padding-top: 0.5em;}

.rotulo p{ 
    padding-right: 0em;
    padding-left: 0.5em;
    padding-bottom: 0.5em;
    padding-top: 0em;}

#anteriores{
    width: 20%;
   float: right;
    font-family: 'Josefin Sans', sans-serif;
    color: #f7e4a9;
    font-size: 0.8em;
    background-color: #a54994;
    overflow: auto;
    text-align: center;
     padding: 1em;
    margin-top: 0em;
            margin-bottom: 0.5em;
            margin-left:0em;
            margin-right: 1.2em;
    
     
}







/*Trabajo practico D0S -Trabajo practico DOS -Trabajo practico DOS */



#tpdos{
    width: 76%;
    float: right;
    background-color: #ffffff;
}


#tpdosimagen{ 
            width: 100%;
            float: left;
            margin-top: 2em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   
            background-color:#FCE18D;}



#tpdosimagen img {
    width:100%;
    margin: 0em;
    padding: 0em; 
    float: left}




#tpdoscajas ul{ 
    list-style: none;
    width: 20%;
    float: right;
   
}



#tpdoscajas ul li{    
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom:7em;
    margin-top: 1.5em;
    
}


#tpdoscajas ul li h3{
    background-color: #a54994;
    width: 100%;
    display: inline-block;  
    font-family: 'Josefin Sans', sans-serif;
    color: #fcc822; 
    font-size: 1.1em;
    font-weight: 800;
    float: left;
    line-height: 1.2rem;
    padding-right: 0em;
    padding-left: 0.5em;
    padding-bottom: 3em;
    padding-top: 0.5em;
    text-align: center;
 border-top-left-radius:  1rem;
     border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
     border-bottom-right-radius: 1rem;}

#tpdoscajas ul li h3:hover{background-color: #d97cc8;}


#distintastecnicas2{
    width: 76%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
}

#distintastecnicas2 ul{
    width: 100%;
    list-style: none;
    display: inline-block;
    }

#distintastecnicas2 ul li{
    width: 43%;
    font-family: 'Josefin Sans', sans-serif;
    border-style: solid;
    border-width: 0.11em;
    border-color:#A54994;
    color: #A54994;
    text-align: left;
    text-decoration: underline;
    font-size: 1.5em;
    font-weight: 600;
    list-style: none;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-right:  0em;
    padding-left:  0.7em;
    padding-bottom: 0.5em;
    padding-top: 0.7em;
    
    float: left;   
    
    }

.mixtas{ margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 2em;
    padding-right:  0em;
    padding-left:  0.3em;
    padding-bottom: 4.5em;
    padding-top: 0.3em; }


/*TP2 DESCARGAS - TP2 DESCARGAS - TP2 DESCARGAS - TP3 DESCARGAS  */



li#descargas a h3{
    background-color: #fcc822; 
      color: #a54994;
}

li#descargas a h3:hover{
    background-color: #a54994;
      color: #fcc822; 
}

.descargartextos{    width:  32%;  
     
    font-weight: 800;
    float: left;
     margin-right: 1em;
    margin-left: em;
    margin-top: 2em;
    margin-bottom: 1em;
    padding-top:1em;
    padding-bottom:1em;
    padding-left:1em;
    padding-right:1em;
    float: left;
    border-style: solid;
    border-width: 0.1em;
    border-color:#A54994; 
    
    }

.descargartextos p{
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.8m;
    font-style: italic;



}


.descargartextos ul{list-style: none;
     
}

.descargartextos ul li {list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.8m;
    text-decoration: none;
    padding-bottom: 0.5em;
    padding-top: 0.6em;
    padding-left: 0.2em;
    padding-right: 0.2em;
}


.descargartextos ul li a{list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.8m;
    text-decoration: none;
}



.descargartextos ul li a{list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color: #a54994;
    font-size: 0.8m;
    text-decoration: none;
}


.descargartextos h2{list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.5m;
    text-decoration: none;
}


.descargartextos hr{ width: 100%;
color:#a54994; 
        height: 0.1em;
}















.descargartextos2{    width:  70%;  
     
    font-weight: 800;
    float: left;
     margin-right: 1em;
    margin-left: em;
    margin-top: 2em;
    margin-bottom: 1em;
    padding-top:1em;
    padding-bottom:1em;
    padding-left:1em;
    padding-right:1em;
    float: left;
    border-style: solid;
    border-width: 0.1em;
    border-color:#A54994; 
    
    }

.descargartextos2 p{
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.8m;
    font-style: italic;



}


.descargartextos2 ul{list-style: none;
     
}

.descargartextos2 ul li {list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.8m;
    text-decoration: none;
    padding-bottom: 0.5em;
    padding-top: 0.6em;
    padding-left: 0.2em;
    padding-right: 0.2em;
}


.descargartextos2 ul li a{list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.8m;
    text-decoration: none;
}



.descargartextos2 ul li a{list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    color: #a54994;
    font-size: 0.8m;
    text-decoration: none;
}


.descargartextos2 h2{list-style: none;
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 0.5m;
    text-decoration: none;
}


.descargartextos2 hr{ width: 100%;
color:#a54994; 
        height: 0.1em;
}















/*Trabajo practico TRES -Trabajo practico TRES -Trabajo practico TRES*/



#tptrescajas ul{ 
    list-style: none;
    width: 20%;
    float: right;
   
}



#tptrescajas ul li{    
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom:7em;
    margin-top: 1.5em;
    
}


#tptrescajas ul li h3{
    background-color: #7fc7b9;
    width: 100%;
    display: inline-block;  
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 1.1em;
    font-weight: 800;
    float: left;
    line-height: 1.2rem;
    padding-right: 0em;
    padding-left: 0.5em;
    padding-bottom: 3em;
    padding-top: 0.5em;
    text-align: center;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
     border-bottom-right-radius: 1rem;




}

#tptrescajas ul li h3:hover{background-color: #d97cc8;}


/*catedra */

/*catedra*/
#tpcatedra{
    width: 76%;
    float: right;
    background-color: #ffffff;
}

#box{ width: 100%;
    
       float: right;}

#box ul{list-style: none;
    display: block
}

#ideales {width: 96%;
    display: block;
     border-style: solid;
    border-width: 0.2em;
    border-color: #90CCBA;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-top:1em;
    font-family: 'Josefin Sans', sans-serif;
    color: #4b2143;
    font-weight: 600;  
    float: left;

}

 


#ideales h3 {color: #90CCBA;
   font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
    font-size: 1em;
    margin-bottom: 0.5em;
}

.experiencia{
    display: inline-block;
    width: 40%;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-left: 12px;
    margin-right: 4em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Josefin Sans', sans-serif;
   
    color:#ffffff;
    font-weight: 600; 
    text-decoration: none;
    
}
 .experiencia p{margin-top: 1em;
        text-align: center;
         border-style: dashed;
        border-color: rgba(165, 73, 148, 0.71);
        border-width: thin;
        padding: 0.5em;
 color: #4b2143;}
.experiencia h3{margin-top: 1em;
        text-align: center;
          background-color:   rgba(165, 73, 148, 0.71);
        padding: 0.5em;}

.compromiso{
   
    display: inline-block;
    width: 40%;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-left: 0px;
    margin-right: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Josefin Sans', sans-serif;
    color:#ffffff;
    font-weight: 600; 
    text-decoration: none;
    
}
.compromiso p{margin-top: 1em;
        text-align: center;
         border-style: dashed;
        border-color: rgba(165, 73, 148, 0.71);
        border-width: thin;
        padding: 0.5em;
        color: #4b2143;}

.compromiso h3{margin-top: 0em;
        text-align: center;
          background-color:   rgba(165, 73, 148, 0.71);
        padding: 0.5em;}

/*Noticias*/
#formas{ 
    width: 100%;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 1em;
    background-color:rgba(217, 205, 235, 0.4);
    float: right;
      }

#trabajar img{
    width: 97%;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-right: 0.5em;
    margin-left: 0.5em;
    box-shadow: 0px 0px 5px #a9a4b1;
    border: 5px solid #FFF;
}


#trabajar2 h3 {           
    color: #fff;
    padding-left: 0.8em;  
    padding-bottom: 0.2em;
    padding-top: 0.2em;
    background-color:rgba(165, 73, 148, 0.71); 
   font-family: 'Josefin Sans', sans-serif;
    font-size: 1.3em;
    font-weight:700;
    margin: 0;
    }
#trabajar2  {           
  width: 100%;
    margin: 0;
    float:left;
    
    }
#trabajar2 p {           
    color: rgba(165, 73, 148, 0.71);
    padding: 0.2em;   
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    font-weight:400;
    margin-left: 1em;
    }



        
#trabajar {   
    width: %;
    color: rgba(165, 73, 148, 0.71);
margin: 0; 
      font-family: 'Josefin Sans', sans-serif;
    font-size: 0.9em;
    font-weight:400;
    padding-top: 0.6em;
    padding-bottom: 0em;
    padding-left: 0.3em;
    padding-right: 0.6em;
    line-height: 1.2rem;
}

#trabajar h2{ 
    background-color:rgba(165, 73, 148, 0.71); 
    display: block;
    color: #fff;
   padding-left: 0.8em;  
    padding-bottom: 0.5em;
    padding-top: 0.5em;
 font-family: 'Josefin Sans', sans-serif;
    font-weight:900;
font-size: 1.2em;






}
/* Fin de catedra*/







/*contacto*/

#tpcontacto{  width: 76%;
    float: right;
    background-color: #ffffff;
}

#imagencontacto {
    width: 60%;
    float: left;
    margin-top: 1em;
    margin-bottom: 4em;
}
#formulario {
    width: 35%;
    float: right;
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:900;
    font-size: 1.2em;
    color: #a54994;
    margin-top: 0.4em;
    margin-left: 0em;
    
}
#formulario p{
margin-bottom: 0.3em;
    margin-top: 0em;
    margin-left: 1.5em;
}

form input {
    border: medium none;
    background: none repeat scroll 0% 0% rgba(167, 151, 165, 0.49);
    width: 90%;
    height: 3em;
    float: right;
    margin-bottom: 1em;
}

textarea {
    width: 90%;
    height: 4em;
    background: none repeat scroll 0% 0% #F1EEE7;
    float: right;
}
main p3{
    font-family: 'Josefin Sans', sans-serif;
    font-weight:900;
    font-size: 1.2em;
    color: #a54994;
  margin-top: 1em;
}






/*Referentesss*/

#tpreferentes{
    width: 76%;
    float: right;
    background-color: #ffffff;
}






#refnacionales{  width: 100%; 
       background-color: #fff;
       float: right;
       padding-right: 1em;
       padding-left: 1em;
       padding-bottom: 0em;
       margin-top: 1em;
       margin-bottom: 1em;
       margin-right: 0em;
}

#refnacionales ul{list-style: none;
    display: block;
}




#refnacionales h2{
    letter-spacing: 0.1rem;
    color: #FCC822;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    margin-right: 1em;
     }

#refnacionales h3{
    letter-spacing: 0.1rem;
    color: #FCC822;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    margin-right: 5em;
     }
#pasar img{
    bottom: 1|rem;
    float: right;
margin-top: -5em;
    margin-right: -2em;
}


main ul#muestrasnac{
    list-style: none;
    margin-left: 4em;
        margin-right: 0;
}

main ul#muestrasnac li{
     display: inline-block;
     margin-right: 5em;
    width: 20%;

}
main ul#muestrasnac li img{
    box-shadow: 0px 0px 5px #CCC;
border: 5px solid #FFF;
    margin-bottom: 2em;
    margin-top: 2em;
    
    }
main ul#muestrastexto{
    list-style: none;
    }

main ul#muestrastexto li{
     width: 25%;
     display: inline-block; 
     margin-right: 3em;
}

main ul#muestrastexto li p{
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: 0.9em;
    color: #480d3d;
    margin-bottom: 1em;
    }

.lineasreferentes{
   
  
    border-style: solid;
            
              border-width: 0.1em;
              
        border-color: #FCC822;
     width: 100%;
     
   
}
main ul#muestrastexto li h{
     font-family: 'Josefin Sans', sans-serif;
     font-weight: 700; 
     text-decoration: none;
     margin-bottom: 1em;
     font-size: 1em;
     color: #390630;
    }






/*MARTIN LAKSMAN*/
#tpmartin{
    width: 76%;
    float: right;
    background-color: #ffffff;

}


/*slider*/

#contenedormar{ width: 100%;
    float: right;
margin: 0em;
}

#contenedormar ul{
    list-style: none;
    display: block;
}

#contenedormar  img {width: 100%;
float: right;
}
/*slider*/


#martin{ width: 100%;
        border-width: 0.15em;
 display: inline-block;
float: left;
 padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.5em;
    margin-left: -0.5em;
    margin-right: 0em;
    margin-top: 0em;
    margin-bottom: 0em;}
    
    #martin h3{ 
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
   color: #fff;
    text-align: center;
     padding-top: 0.4em;
background-color: #FCC822;
     margin-top: 0.4em;}
            
main h4{ 
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
   color: #FCC822;
    text-align:left;
     padding: 0.5em;
    font-size: 1.5em
}
            
    #martin p{
        font-size: 1em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
     margin-top: 1em;}


.face{
    display: inline-block;
    width: 21%;
   border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0em;
    margin-left: 0em;
    margin-right: 6em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float: left;
    
}
              .face p{
    margin-top: 1em;;}
    
            .tweet{
    display: inline-block;
    width: 21%;
   border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0em;
    margin-left: 0em;
    margin-right: 6em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float: left;
    
}
            .tweet p{
    margin-top: 1em;;}


.be{
    display: inline-block;
    width: 21%; 
    border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
     
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-left: 0px;
    margin-right: 0em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float:left;
    
} 
            .be p{margin-top: 1em;;}
                


/*Docentes*/

#tpdocentes{
    width: 76%;
    float: right;
    background-color: #ffffff;
}


#refcasa {width: 60%;
    display: block;
     border-style: solid;
    border-width: 0.15em;
    border-color: #FCC822;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-left: 0px;
    margin-right: 0.6em;
    margin-top: -1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    
    font-weight: 600; 
    float: left;

}
#refcasa hr{color:#FCC822;
    height: 0.2em;
width:95% }


.cajitamasvotado p{
    margin-top: 1em;;}
    
       .cajitamasvotado{
    display: inline-block;
    width: 25%;
   border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0em;
    margin-left: 0em;
    margin-right: 1em;
    margin-top: -1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float: right;
    
}
.cajitamasvotado img{
    margin-top: 0.5em;
    width: 20%;
    margin-bottom: -1em;
}

#refcasa h3 {color: #A54994;
   font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
    font-size: 1.5em;
    margin-top: 1em;
    margin-bottom: 0.5;
}
#refcasa p {color: #4b2143;
   font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
    font-size: 1em;
    margin-top: 1em;
 
}


#form {
    width: 100%;
    float: left;
    position: relative;
    font-family: 'Josefin Sans', sans-serif;
    font-weight:900;
    font-size: 1.2em;
    color: #FCC822;
    margin-top: 0.4em;
    margin-left: -3em;
    
}
#form p{
margin-bottom: 0.3em;
    margin-top: 0em;
    margin-left: 4em;
}





/*ENCHINCHADA*/

#tpenchinchada{
    width: 76%;
    float: right;
    background-color: #ffffff;
}



main ul#enchi{
    list-style: none;
    margin-left: 0em;
        margin-right: 0;
}


main ul#enchi li{
     display: inline-block;
     margin-right: 1em;
    width: 30%;

}
main ul#enchi li img{
    box-shadow: 0px 0px 5px #CCC;
border: 5px solid #FFF;
    margin-bottom: 2em;
    margin-top: 2em;
    
    }
#enchi h3{   font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
   color: #FCC822;
    text-align:left;
     padding: 0.5em;
    font-size: 1.5em;
        margin-bottom: -0.4em;
}
            
    #enchi p{
        font-size: 1em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
     margin-top: 1em;
    margin-bottom: 0.5em}


#separte p{
float: right;
    width: 100%;
    font-size: 1em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
     margin-top: 1em;}
}
#inf{ width: 100%;
         margin-bottom: 1em;
margin-left: 0em;
margin-right: 0em;
margin-top: 4em;
    background-color:rgba(105, 27, 222, 0.88);
    
      padding: 1em;
     
     }
#not img{
    width: 100%;
     background-color:#90ccba;
    margin-bottom: 2em;

}





        

#not h2{ 
    width: 99%;
    background-color:#fcc822; 
    display: block;
    color: #fff;
 font-family: 'Josefin Sans', sans-serif;
    font-weight:900;
font-size: 1.2em;

margin-bottom: 0em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0em;
padding-bottom: 0.5em;
padding-top: 0.5em;
padding-left: 0.5em;


}

/*ENCHINCHADA*/

#tpenchinchada2{
    width: 76%;
    float: right;
    background-color: #ffffff;
}


/*romina*/
#romina{ width: 100%;
        border-width: 0.15em;
 display: inline-block;
float: left;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
   color: #4b2143;;
 padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.5em;
    margin-left: -0.5em;
    margin-right: 0em;
    margin-top: 0em;
    margin-bottom: 0em;}
    
    #romina h3{ 
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
   color: #fff;
    text-align: center;
     padding-top: 0.4em;
background-color: #FCC822;
     margin-top: 0.4em;}
            
main h4{ font-family: 'Josefin Sans', sans-serif;
    font-weight: 900;
   color: #fff;
    font-size: 1em;
    text-align: center;
     padding-top: 0.4em;
background-color: #90CCBA;
     margin-top: 2em;
margin-bottom: 0;}
    
}
            
 #romina p{
     color: #d42020;
        font-size: 1em;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 400;
     margin-top: 1em;}


.face{
    display: inline-block;
    width: 30%;
   border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float: left;
    
}
              .face p{
    margin-top: 0em;;
              margin-left: 0.5em;}
    
              .be{
   width: 30%;
              margin-top: 0em;
                  margin-left: 0.5em;
              }
            .tweet{
    display: inline-block;
    width: 30%;
   border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0em;
    margin-left: 0.5em;
    margin-right: 0em;
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float: left;
    
}









/*AGENDA*/
#tpagenda{
    width: 76%;
    float: right;
    background-color: #ffffff;
}




.exp p{margin-top: 0.5em;
    margin-bottom: 0EM;
        text-align: center;
         border-style: dashed;
        border-color: rgba(165, 73, 148, 0.71);
        border-width: thin;
        padding: 0.5em;
    font-family: 'Josefin Sans', sans-serif;
     font-weight: 900; 
    font-size: 4em;
 color: #4b2143;}
.exp p1{margin-top: -0.5em;
    margin-bottom: 2EM;
        text-align: center;
        
        padding: 0.5em;
    font-family: 'Josefin Sans', sans-serif;
     font-weight: 900; 
    font-size: 2em;
 color: #4b2143;}


.exp h3{margin-top: 0.5em;
        text-align: center;
          background-color:   rgba(165, 73, 148, 0.71);
        padding: 0.5em;
font-family: 'Josefin Sans', sans-serif;
     font-weight: 900; 
font-size: 3EM;}






























/*Responsive Celular - Responsive Celular - Responsive Celular - Responsive Celular */

@media  screen and (max-width: 480px){
    body   { width: 100%}
    
    #carilla  {width: 80%;}
    
    div#logo {width: 100%}
    
   #logo img {width: 50%}
    
    header ul{ width: 100%;
    list-style: none;
    display: inherit;
   } 
    
    
      #botonera{
        
        width:100%;
        margin-top: 0.2em;
        margin-bottom:1.5em;
        margin-left:  0em;
        margin-right: 0em; 
        float: left;
    }
    
    #botonera ul{width: 100%;
    margin-top: 0em;
            margin-bottom:0em;
            margin-left:  0em;
            margin-right: 0em;    }
    
    #botonera  ul li{  
            display: inline-block;
        float: left;
        width: 33%;
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            margin-left:  0.05em;
            margin-right: 0em;             
            display: block;
            font-size: 0.8em;
            color:#fff;
        background-color: #a54994;} 
    
    
  #botonera ul li a{
            display: inline-block;
            font-size: 1em;
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            margin-left:  0em;
            margin-right: 0em; 
            color:#fff;
    }
    
    
    
   
    #ingresantes{display: none }
    
     #contenedor1 {width: 96%}
    #inspirate{ width: 92%;
        border-width: 0.1em}
    
    #inspirate h3{ font-size: 1em;}
    #inspirate p{font-size: 0.9em}
    
    
    .cajita 
    {width: 92%;
    display: block;
    clear: both;
    text-align: center;
    font-size: 0.9em;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0em;
    padding-right:0em;}
    
     .cajita p{display: none}
    
    .testimonios
    {width: 92%;
    display: block;
    clear: both;
    text-align: center;    
     font-size: 0.9em;
        padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0em;
    padding-right:0em;   
    
    }
      .testimonios p{display: none}
    
    #informate{ width: 98%; 
        
        overflow:auto;
    }
    
    #noticias{ 
        width: 90%;
    margin-bottom: 0em;
margin-left: 0em;
margin-right: 0em;
margin-top: 0.1em;
    }
    
    #noticias img{
        width: 90%
          }
    #noticias p{font-size:0.7em;}
    
    #noticias h2{
        background-color: #ffffff;
    color: #A54994;
    font-weight: 900;
    font-size: 1.2em; 
    }
    
     #noticias h2{
         font-size: 1em;
     }
     
    
    
    #noticias2 {
        width: 90%; 
        
}
    #noticias2 p{font-size:0.7em;}
    
    
    #institucional {border-style: none}

    #institucional ul li{ width: 100%;
        display: block;
        font-family: 'Josefin Sans', sans-serif;
        font-size: 0.6em;
        font-weight: 900;   
        padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 0.9em;
    padding-right:  0em;
        border-style: solid;
        border-color: #a54994;
        border-width: 0.2em;
                 
              }
    
    
    
 
    
    
    
    
    footer{ font-size: 0.5em;
     margin-top: 2em;
    margin-bottom: 0.9em;
    margin-left: 0em;
    margin-right: 0em;}
    
#muestras{display: none;
        margin-top: 5em;
        margin-bottom: 0em;
        margin-left: 0em;
        margin-right: 0em;}
    
    
    
#redes{display: none}
    
    
    
    
    /* VIDEO PARA CELU - VIDEO PARA CELU- VIDEO PARA CELU*/
    
    aside {
    width: 100%;
 background-color: #ffffff;
        margin: 0em
      
    
}
 #secundario ul { 
    list-style:none;
    text-align: left;
  
    width: 100%    
    
    }
    
    
    #secundario ul li a {
    margin-top: 0em;
    margin-bottom: 0.5em;
    margin-left: 0em;
    margin-right: 0em;
    padding: 0em;
    display: block;
    width: 100%;
    font-size: 0.8em;
    text-align: center;
    color:#a54994;
    background-color: #ffffff;    
      border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-width:thin;
    border-bottom-color: #a54994;
    border-top-color: #a54994;
    }





#secundario ul li{    
width: 100% ; }
    
    
   
    
    #tptresvideos {
    width: 100%;
    float: right;
    background-color: #ffffff;
     margin-top: 0em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;  
    
}

#videouno{ width: 100%;
            margin-top: 2em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   }

#videodos{ width: 100%;
            margin-top: 0em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   }



.videoresponsive{width: 100%;
        float: left;
        position: relative;
        margin: 0 auto;
        height: 0;
        padding-bottom: 56.25%

}
.videoresponsive  iframe{
    position: absolute;
    height: 100%;
    width: 100%;
     

}









#tptrescajasconsejos { 
    width:100%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 0em;
   
   }


#tptrescajasconsejos ul{ 
    list-style: none;
    width: 100%;
   
}





#tptrescajasconsejos ul li{
    width: 100%;    
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom:0.2em;
    margin-top: 0.2em
    
    
}
.consejos {
    background-color:#a54994;
    color:#7fc7b9;
}

#tptrescajasconsejos ul li h3{
     background-color: #7fc7b9;
    width: 100%;
    display: block;  
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 8em;
    font-weight: 800;
    padding-right: 0em;
    padding-left: 0.2em;
    padding-bottom: 2em;
    padding-top: 0.2em;
    text-align: center;
    border-top-left-radius:  0.1rem;
    border-top-right-radius:   0.1rem;
    border-bottom-left-radius:   0.1rem;
     border-bottom-right-radius: 0.1rem;
    font-size: 0.8em;

}

#tptrescajasconsejos ul li h3:hover{background-color: #d97cc8;}



li#consejos a h3{
    background-color:#a54994; 
      color: #7fc7b9;
}

li#consejos a h3:hover{
    background-color:#7fc7b9;
      color: #a54994; 
}

.tptrestextoencuadernado {width: 100%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:0.5em;
    padding-right:0.5em;
    border-style: solid;
    border-width: 0.1em;
    border-color:#A54994; 
    color: #A54994;      
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    font-weight:400;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    
}


.tptrestextoencuadernado p{display: none;}
    
    
    
   
    
}














/* Para Tablet - Para Tablet - Para Tablet - */

@media screen and (min-width: 481px) and (max-width: 800px)
{    body   { width: 100%}
    #carilla  {width: 80%;}
   
#logo {width: 25%;
    float: left;
        padding-top: 0.9em;
    padding-bottom: 0.9em;
    padding-left: 0em;
    padding-right:  0.7em;
        margin-top: 0em;
        margin-bottom: 0em;
        margin-left: 0em;
        margin-right: 0em;
            }
    
    
    #logo img {width: 100%;
       float: left;
       padding-top: 0.9em;
    padding-bottom: 0.9em;
    padding-left: 0em;
    padding-right:  0.1em;
        margin: 0em
   }
    
    #botonera {
        
        width:72%;
        margin-top: 0.8em;
        margin-bottom:0em;
        margin-left:  0em;
        margin-right: 0em; 
        float: right;
    }
    
    #botonera ul{width: 95%;
    margin-top: 0em;
            margin-bottom:0em;
            margin-left:  0em;
            margin-right: 0em;    }
    
    #botonera  ul li{  
            display: inline-block;
        float: left;
        width: 33%;
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            margin-left:  0.05em;
            margin-right: 0em;             
            display: block;
            font-size: 1em;
            color:#fff;
            background-color: #a54994;} 
    
    
  #botonera ul li a{
            display: inline-block;
            font-size: 0.8em;
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            margin-left:  0em;
            margin-right: 0em; 
            color:#fff;
    }
    
    
    
   
    
    header ul{ 
        width: 68%;
        list-style: none;
        display: inherit;  
        float: right;       
        
        } 
#redes{
           width:9%;
           float: right;
            margin-top: 1em;
            margin-bottom: 0em;
            margin-left:  0em;
            margin-right: 0em; }
    
   
    
    
   
            
#redes img{
        width: 50%;
        display: list-item;
        float: right;        
        padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    padding-right: 0em;
        
        
    }
    
    
    
#botonera { width: 73%; 
        float: right;
        margin-right: auto;
        margin-left: auto;
      
        } 
    
#carrera{
        margin: auto;
        width: 70%
    }
    
#carrera{
     width: 63%;
    margin-top: 0.2em;
    margin-bottom: 0.4em;
    margin-left: 3em;
    margin-right: 0em;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 0.3em;
    padding-right:  0.3em;
    
   }
    
   #carrera { 
        font-family: 'Josefin Sans', sans-serif;
        margin-right: auto;
        margin-left: auto;
        font-weight: 900;
        text-align: center;
        font-size:0.6em;
        color:#ffffff; 
        overflow: auto;
       margin-top: 0em;
        margin-bottom:  1em;      
        margin-right: auto;
        margin-left: auto;
        
   }
    
    #dosingresantes{   
           background-color:rgba(127, 199, 185, 0.85);
           overflow: auto;
    }
  
    

    
    #ingresantes{width: 60%;
                      
        float: left;
        padding-top: 0em;
        padding-bottom: 0em;
        padding-left: 0.3em;
        padding-right:  0.3em;
        margin-top: 1.5em;
        margin-bottom:  0em;      
        margin-right: auto;
        margin-left: auto;
        
    }
    
#ingresante {
    width: 60%;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0.8em;
    margin-bottom:  0em;
    margin-right: auto;
    margin-left: auto;
    text-decoration: underline;
    padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 0.3em;
    padding-right:  0.3em;
    text-align: center;
    color: #ffffff;
    font-size: 1.6em;
   
    
}
    
 #invitamos{  
     font-family: 'Oswald', sans-serif;
    font-weight: 400;
 font-size:0.8em;
 color: #a54994;
   margin-top: 0em;
    margin-bottom:  0.5em;
    margin-right: auto;
    margin-left: auto;}   
    
    
        
    
#inspirate{
        width: 100%;
        border-width: 0.1em
}
    
    #inspirate h3{ 
        font-size: 1em;
    }
    
    #inspirate p{
        font-size: 0.9em
    }
    

    
    
    
     
    .cajita 
    {width: 43%;
    display: inline-block;
    float: left;
    text-align: left;
    font-size: 0.9em;
    padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.6em;
    padding-right:0.6em;
        margin-top:0.6em;
    margin-bottom:0.6em;
    margin-left:  0.1em;
   margin-right:  0em;}
    
        
    .testimonios
    {width: 43%;
   display: inline-block;
    float: right;
    text-align: left;    
     font-size: 0.9em;
        padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.6em;
    padding-right:0.6em;
        margin-top:0.6em;
    margin-bottom:0.6em;
    margin-left:  0em;
   margin-right:  0em;
    }  
    
    
    #informate {
        width: 100%;         
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0em;
        margin-right: 0EM;
        padding: 0em;         
        overflow: auto;
    }
    


    
    #noticias{
        width: 45%;       
       font-weight:400;
       float: left;
       padding-top: 0.6em;
       padding-bottom: 0.6em;
       padding-left: 0.6em;
       padding-right: 0.3em
    
    }
    #noticias img{width: 96%}
    
    
    #noticias h2{background-color: #ffffff;
    color: #A54994;
    font-weight: 900;
        font-size: 1.2em;
         
        
  }
                
    
  
    
    
    #noticias2 {
       width: 45%;       
       font-weight:400;
       float: left;
        font-size: 0.8em;
        line-height: 1.6em;
        
       padding-top: 1.2em;
       padding-bottom: 0em;
       padding-left: 0.3em;
       padding-right: 0.6em;
        
} 
    
    #muestras{display: none}
     



    
    

     #institucional ul li{  
         font-family: 'Josefin Sans', sans-serif;
         font-weight: 400;
        font-size: 0.9em;
        font-weight: 900;   
        padding-top: 0em;
    padding-bottom: 0em;
    padding-left: 2em;
    padding-right:  0em;
            
              }
     footer{ font-size: 0.5em;
     margin-top: 2em;
    margin-bottom: 0.9em;
    margin-left: 0em;
    margin-right: 0em;}
    
    
    /* VIDEO PARA TABLET - VIDEO PARA TABLET - VIDEO PARA TABLET */
    
  aside{
    width: 25%;
    float: left;
    margin-left: 0em;
    margin-top: 0em;
    background-color: #ffffff;
    padding: 0em;  
    
    
}


#secundario {
        margin-left: 0em;
    width: 100%;
    
    
   }

#secundariO ul {
    margin: 0;
    list-style:none;
    text-align: left;
    text-align: left;
    
    }

#secundario ul li{
    display: list-item;
    margin-top: 0em;
     
  
    
    }

#secundario ul li a {
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 0em;
    margin-right: 0em;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 0.8em;
    display: block;
    width: 100%;
    text-decoration: none; 
    color:#a54994;
    background-color: #ffffff;    
    padding: 0.6em;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-width:thin;
    border-bottom-color: #a54994;
    border-top-color: #a54994;
    }



    
   
    
    #tptresvideos {
    width: 70%;
    float: right;
    background-color: #ffffff;
     margin-top: 0em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;  
    
}

#videouno{ width: 100%;
            margin-top: 1em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   }

#videodos{ width: 100%;
            margin-top: 0em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   }



.videoresponsive{width: 100%;
        float: left;
        position: relative;
        margin: 0 auto;
        height: 0;
        padding-bottom: 56.25%

}
.videoresponsive  iframe{
    position: absolute;
    height: 100%;
    width: 100%;
     

}









#tptrescajasconsejos { 
    width:100%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 0em;
   
   }


#tptrescajasconsejos ul{ 
    list-style: none;
    width: 100%;
   
}





#tptrescajasconsejos ul li{
    display: inline-block;
    width: 30%;    
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom:0.2em;
    margin-top: 0.2em
    
    
}
.consejos {
    background-color:#a54994;
    color:#7fc7b9;
}

#tptrescajasconsejos ul li h3{
     background-color: #7fc7b9;
    width: 100%;
    display: block;  
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 8em;
    font-weight: 800;
    padding-right: 0em;
    padding-left: 0.2em;
    padding-bottom: 2em;
    padding-top: 0.2em;
    text-align: center;
    border-top-left-radius:  0.1rem;
    border-top-right-radius:   0.1rem;
    border-bottom-left-radius:   0.1rem;
     border-bottom-right-radius: 0.1rem;
    font-size: 0.8em;
 margin-right: 2em;
    margin-left: 0em;
    margin-bottom:0.2em;
    margin-top: 0.2em
}

#tptrescajasconsejos ul li h3:hover{background-color: #d97cc8;}



li#consejos a h3{
    background-color:#a54994; 
      color: #7fc7b9;
}

li#consejos a h3:hover{
    background-color:#7fc7b9;
      color: #a54994; 
}

.tptrestextoencuadernado {width: 100%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    padding-top:0.5em;
    padding-bottom:0.5em;
    padding-left:0.5em;
    padding-right:0.5em;
    border-style: solid;
    border-width: 0.1em;
    border-color:#A54994; 
    color: #A54994;      
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    font-weight:400;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    
}


.tptrestextoencuadernado p{display: none;}
    
    
    
    
    
    
    
    
    
    
    
    
    
    
}
   
    
    /*PARA PC- PARA PC- PARA PC- PARA PC */
    
    
   @media screen and (min-width: 802px) 
        {    body   { width: 100%}
    #carilla  {width: 75%;}
   
#logo {
        width: 20%;
        float: left;
        padding-top: 0.9em;
        padding-bottom: 0.9em;
        padding-left: 0em;
        padding-right:  0.3em;
        margin-top: 1em;
        margin-bottom: 0em;
        margin-left: 0em;
        margin-right: 0em;
        
    }
    
            
   #logo img {width: 100%;
       float: left;
       padding-top: 0.9em;
    padding-bottom: 0.9em;
    padding-left: 0em;
    padding-right:  0.1em;
        margin: 0em
   }
            
    

  
        
#botonera {        
        width:75%;
        margin-top: 7em;
        margin-bottom:4em;
        margin-left:  0em;
        margin-right: 0em; 
        float: left;
    }
    
    #botonera ul{width: 95%;
    margin-top: 0em;
            margin-bottom:0em;
            margin-left:  0em;
            margin-right: 0em;    }
    
    #botonera  ul li{  
            display: inline-block;
        float: left;
        width: 33%;
            margin-top: 0.1em;
            margin-bottom: 0.2em;
            margin-left:  0.1em;
            margin-right: 0em;             
            display: block;
            font-size: 1em;
            color:#fff;
            background-color: #a54994;} 
    
    
  #botonera ul li a{
            display: inline-block;
            font-size: 1em;
            margin-top: 0.2em;
            margin-bottom: 0.2em;
            margin-left:  0em;
            margin-right: 0em; 
            color:#fff;
    }
            
#redes{
            width:9%;
            float: right;
            margin-top: 2.5em;
            margin-bottom: 0em;
            margin-left:  0em;
            margin-right: 0em; }
            
    #redes img{
        width: 40%;
        display: list-item;
        float: right;        
        padding-top: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 6em;
    padding-right: 0em;
        
        
    }
            
   #botonera {        
       width: 76%; 
       background-color: #a54994;
       float: right;
       margin-top: 1em;
       margin-bottom: 0.2em;
       margin-right: auto;
       margin-left: auto;
   }
        
            
      
         
    
    #carrera{
        margin: auto;
        width: 67.5%;
    }
    
 #carrera{
    margin-top: 0em;
    margin-bottom: 0.4em;
    margin-left: 0em;
    margin-right: 0em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 00em;
    padding-right:  00em;
    
   }
    
   #carrera { 
        font-family: 'Josefin Sans', sans-serif;
        margin-right: auto;
        margin-left: auto;
        font-weight: 900;
        text-align: center;
        font-size:1em;
        color:#ffffff; 
        overflow: auto;
     
             }
    
    #dosingresantes{
        background-color:rgba(127, 199, 185, 0.85);
           overflow: auto;
         margin-top: 2em;
        margin-bottom:  0em;      
        margin-right: auto;
        margin-left: auto;
    }
  
    

    
    #ingresantes{width: 65%;
                      
        float: left;
        padding-top: 0em;
        padding-bottom: 0.6em;
        padding-left: 0.3em;
        padding-right:  0.3em;
        margin-top: 1em;
        margin-bottom:  0em;      
        margin-right:0em;
        margin-left:2em ;
        
    }
    
#ingresante {
    width: 65%;
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    margin-top: 0em;
    margin-bottom:  0em;
    margin-right: auto;
    margin-left: auto;
    text-decoration: underline;
    padding-top: 1em;
    padding-bottom: 0em;
    padding-left: 0.3em;
    padding-right:  0.3em;
    text-align: center;
    color: #ffffff;
    font-size: 2.2em;
        
}
    
 #invitamos{  font-family: 'Oswald', sans-serif;
    font-weight: 400;
 font-size:1em;
 color: #a54994;
   margin-top: 0.3em;
    margin-bottom:  0em;
    margin-right: auto;
    margin-left: auto;}   
    

       

#inspirate{ width: 50%;
        border-width: 0.15em;
 display: inline-block;
float: left;
 padding-top:0.6em;
    padding-bottom:0.6em;
    padding-left:0.5em;
    padding-right:0.5em;
    margin-left: 0em;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1.5em;}
    
    #inspirate h3{ font-size: 2em;}
    #inspirate p{font-size: 1em}


.cajita{
    display: inline-block;
    width: 21%;
   border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    border-top-left-ggg:  1rem;
    border-top-right-ggg:   1rem;
    border-bottom-left-ggg:   1rem;
    border-bottom-right-ggg: 0rem;
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0em;
    margin-left: 0em;
    margin-right: 0em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float: left;
    
}

.testimonios{
    display: inline-block;
width: 21%; 
    border-style: solid;
    border-width: 0.2em;
    border-color: #A54994;
    border-top-left-ggg:  1rem;
    border-top-right-ggg:   1rem;
    border-bottom-left-ggg:   1rem;
    border-bottom-right-ggg: 0rem;    
    padding-top:0.6em;
    padding-bottom:2.6em;
    padding-left:0.5em;
    padding-right:0.6em;
    margin-left: 0px;
    margin-right: 0em;
    margin-top: 1em;
    margin-bottom: 0.3em;
    font-family: 'Josefin Sans', sans-serif;
    background-color:   #A54994;
    color:#ffffff;
    font-weight: 600;  
    float: right;
    

} 
    #informate {
        width: 100%;        
        margin-left: 0px;
        margin-right: 0.6em;
        margin-top: 1em;
        margin-bottom: 1em;
        padding: 0em;
        overflow: auto; 
        background-color:#FCE18D;  }
    


    
    #noticias{
        width: 50%;       
       font-weight:400;
       float: left;
          margin-left: 0px;
        margin-right: 0.6em;
        margin-top: 1em;
        margin-bottom: 1em;
       padding-top: 0.6em;
       padding-bottom: 0.6em;
       padding-left: 1em;
       padding-right: 0.3em;
        
       
        }
    #noticias img{width: 100%;}
    
#noticias h3{font-size: 1.8em;}
                
#noticias p{font-size: 1.5em;
    line-height: 1.3em;}
  
    
    
#noticias2 {
       width: 21%;       
       font-weight:400;
       float: left;
       padding-top: 1.2em;
       padding-bottom: 0em;
       padding-left: 1em;
       padding-right: 0.6em;
        
} 
            
#muestras {
       width: 21%;       
       font-weight:400;
       float: left;
       padding-top: 1.2em;
       padding-bottom: 0em;
       padding-left: 1em;
       padding-right: 0.6em;
                 line-height: 1.5em;
        
} 
            
#institucional    { margin-top: fem;
       margin-bottom: 2em;
       margin-left: 0em;
       margin-right: 0em;




}

#institucional ul li a {
       font-size: 1.2em;
       padding-top: 0.3em;
       padding-bottom: 0.3em;
       padding-left: 2em;
       padding-right: 2em;
}  

            
            
            
            
footer{ font-size: 0.7em;
     margin-top: 3em;
    margin-bottom: 0.9em;
    margin-left: 0em;
    margin-right: 0em;}
        
            /*VIDEO PARA PC - VIDEO PARA PC - VIDEO PARA PC - VIDEO PARA PC -*/
 
#tptresvideos {
    width: 76%;
    float: right;
    background-color: #ffffff;
     margin-top: 0em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;  
    
}

#videouno{ width: 100%;
            margin-top: 2em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   }

#videodos{ width: 100%;
            margin-top: 0em;
            margin-bottom: 0.5em;
            margin-left: 0em;
            margin-right: 0em;   }



.videoresponsive{width: 77%;
        float: left;
        position: relative;
        margin: 0 auto;
        height: 0;
        padding-bottom: 56.25%

}
.videoresponsive  iframe{
    position: absolute;
    height: 100%;
    width: 100%;
     

}







#tptrestextoencuadernado {width: 40%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-top:0em;
    padding-bottom:0em;
    padding-left:0em;
    padding-right:1em;
    float: left;
}

#tptrescajasconsejos { 
    width:20%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 5em;
    float:right;
   }


#tptrescajasconsejos ul{ 
    list-style: none;
    width: 100%;
   
}





#tptrescajasconsejos ul li{
    
    padding-right: 0em;
    padding-left: 0em;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    margin-right: 0em;
    margin-left: 0em;
    margin-bottom:7em;
    margin-top: 1em;
    
    
}
.consejos {
    background-color:#a54994;
    color:#7fc7b9;
}

#tptrescajasconsejos ul li h3{
     background-color: #7fc7b9;
    width: 100%;
    display: inline-block;  
    font-family: 'Josefin Sans', sans-serif;
    color: #a54994;
    font-size: 1.1em;
    font-weight: 800;
    float: left;
    line-height: 1.2rem;
    padding-right: 0em;
    padding-left: 0.5em;
    padding-bottom: 3em;
    padding-top: 0.5em;
    text-align: center;
    border-top-left-radius:  1rem;
    border-top-right-radius:   1rem;
    border-bottom-left-radius:   1rem;
     border-bottom-right-radius: 1rem;

}

#tptrescajasconsejos ul li h3:hover{background-color: #d97cc8;}



li#consejos a h3{
    background-color:#a54994; 
      color: #7fc7b9;
}

li#consejos a h3:hover{
    background-color:#7fc7b9;
      color: #a54994; 
}

.tptrestextoencuadernado {width: 75%;
    margin-right: 0em;
    margin-left: 0em;
    margin-top: 1em;
    margin-bottom: 1em;
    padding-top:1em;
    padding-bottom:1em;
    padding-left:1em;
    padding-right:1em;
    float: left;
    border-style: solid;
    border-width: 0.1em;
    border-color:#A54994; 
    color: #A54994;
      
    font-family: 'Josefin Sans', sans-serif;
    font-size: 1em;
    font-weight:400;
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 0.5em;
    padding-right: 0.6em;
    
}



aside{
    width: 19%;
    float: left;
    margin-left: 0em;
    margin-top: 0em;
    background-color: #ffffff;
    padding: 0.6em;  
    
    
}


#secundario {
    bottom: 1rem;
    margin-left: 0em;
    width: 100%;
    
    
   }

#secundariO ul {
    margin: 0;
    list-style:none;
    text-align: left;
    text-align: left;
    
    }

#secundario ul li{
    display: list-item;
    margin-top: 0em;
     
  
    
    }

#secundario ul li a {
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 0em;
     margin-right: 0em;
    text-align: left;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    font-size: 1.1em;
    display: block;
    width: 100%;
    text-decoration: none; 
    color:#a54994;
    background-color: #ffffff;    
    padding: 0.6em;
    border-top-style: solid;
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-top-width:thin;
    border-bottom-color: #a54994;
    border-top-color: #a54994;
    }




        
        
        }