@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic|Istok+Web:400,700,400italic,700italic);


body{
    background-color: #191919;
    background-image:url(imagenes/textura-de-puntos-negros-8674.jpg);
    font-size: 16px;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat;
}

main{
    
    width: 60rem;
    background-color: rgb(64, 64, 64);
    margin:auto;
    margin-top: 1rem;
    overflow: auto;
}   

.sociales{
        background-color: rgba(255, 118, 0, 0.78);
        height: 2rem;
        position: relative;
}

form{
    position: absolute;
    top: 0.3rem;
    left: 42rem;
}

input{
    width: 8rem;
    text-align: center;
}

.iconos{
    width: 1.5rem;
    height: 1.5rem;
/*    background-color: #000;*/
    float: right;
    margin-top: 0.25rem;
    margin-right: 0.5rem;
}


.encabezado{
    height: 7.5rem;
    background-color: rgba(255, 255, 255, 0.69);
    position: relative;
}

.logo{
    float: left;
    margin-top: 1rem;
    margin-left: 0.5rem;
}

h1 {
    
     
    font-family: 'Istok Web', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 2.3rem;
    left: 7rem;
}

h2{
    font-family: 'Istok Web', sans-serif;
    font-size: 1.8rem;
    font-weight: 700;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 4.1rem;
    left: 7rem;
}


.barra{
    
    width: 35rem;
    height: 2rem;
    background-color: #453526;
    float: right;
    margin-top: 3rem;
}


ul{
    padding: 0;
    margin-top: 0.45rem;
}


li{ 
    list-style: none;  
    float: left;
    margin-left: 1rem;
    
}

li#home a{
    color:#ff7600;}

a{
    text-decoration: none;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.7rem;
}


.banner{
    width: 57.5rem;
    height: 20rem;
    margin: auto;
    margin-top: 1.25rem;

   
}

/*
.contenedor{
    
    width: 40rem;
    margin-left: 1.25rem;
    float: left;
}
*/

.menu{
    width: 12.5rem;
    height: 12rem;
    float: left;
/*    background-color: #256;*/
    margin-top: 1.25rem;
    clear: both;
    margin-left: 1.25rem;
}

#derecha{
    width: 12.5rem;
    height: 12rem;
    float: left;
/*    background-color: #256;*/
    margin-top: 1.25rem;
    margin-left: 1.25rem;
}

#catte{
    display: none;
    width: 12.5rem;
    height: 12rem;
    float: left;
/*    background-color: #256;*/
    margin-top: 1.25rem;
    margin-left: 1.25rem;
}


#medio{
    width: 12.5rem;
    height: 12rem;
    float: left;
/*    background-color: #256;*/
    margin-left: 1.25rem;
    margin-top: 1.25rem;
}

.inferior{
    margin-left: 1.25rem;
    margin-top: 1.25rem;
    width: 40rem;
    height: 14.51rem;
    float: left;
/*    background-color: #256;*/
   
}

.bienvenidos{
    margin-top: 1.25rem;
    margin-left: 1.25rem;
    width: 15rem;
    color: #fff;
    float: left;
    font-size: 0.75rem;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    
}

h4#bien{
    margin: 0;
    padding: 0;
    background-color: #ff7600;
    font-size: 1rem;
    text-align: center;
    margin-bottom: 0.4rem;
}

#p1{
    width: 19.3rem;
    float: left;
    clear: both;
    margin-left: 1.25rem;
}

#p2{
    width: 19.3rem;
    float:left;
    margin-left: 1.25rem;
}

.ing{
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.75rem;
}

article#costado{
    float: left;
    width: 16rem;
    height: 12rem;
/*    background-color: red;*/
    margin-top: 1.25rem;
    margin-left: 1.25rem;
}

footer{
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.6rem;
    float: left;
    padding: 1rem;
    background-color: rgba(38, 38, 38, 0.53);
    margin-top: 0.5rem;   
    height: 2.5rem;
}

footer p{
    margin: 0;
    padding: 0;
    margin-right: 0.5rem;
    font-size: 0.5rem;
}
    
    

/*fin estilo index*/



    





/* ESTILOS DE CATEDRA*/



header#pato h1{  
color: #02A562;
}

header#pato h2#taller{
color: #000;
font-size: 1.1rem;
margin-top: 0.5rem;}

li#pato a{
color:  #1bf29c;
}

aside#catedra{
    height: 31.5rem;}


aside#catedra li.carpeta a{
color: #09cb7b;

}

aside#catedra li.subcarpeta:hover{
background-color:#09cb7b; }


article#patocatedra{
    float: left;
    width: 29.5rem;
    margin-top: 0.7rem;
    margin-left: 0.7rem;
    
}

h3#patocatedra{
    font-size: 1.5rem;
    font-family: 'Istok Web', sans-serif;
    color:  #1bf29c;
    margin: 0;
}

h4#patocatedra1{
    text-align: center;
    width: 9.5rem;
    background-color: #09cb7b;
    font-size: 0.95rem;
    font-family: 'Istok Web', sans-serif;
    color:  #fff;
    margin: 0;
    margin-top: 0.2rem;
}


div#patocatedra2{
    float: right;
    width: 20rem;
    height: 20rem;
/*    background-color: red;*/
    margin-top: 0.7rem;
    margin-right: 1.25rem;
    background-image: url(imagenes/imagencatedra.jpg)
}

article#patocatedra p{
    font-family: 'Noto', sans-serif;
    font-size: 0.8rem;
    color: #fff;
    width: 28rem;

    
}


div#contenboton{
    float: left;
    height: 8rem;
    width: 30rem;
    margin-left: 1.25rem;
    margin-top: 1.25rem;
}

div.entradaboton1{
    float: left;
    width: 8.75rem;
    height: 8rem;
/*    background-color: red;*/
}
    
div.entradaboton{
    float: left;
    width: 8.75rem;
    height: 8rem;
/*    background-color: red;*/
    margin-left: 1.25rem;
}

div#fotografia{
    width: 20rem;
    float: left;}
  
p#fotos{
    font-size: 0.8rem;
font-family: 'Noto', sans-serif;
color: #fff;}

h4#foto{
    text-align: center;
    width: 20rem;
    background-color: #09cb7b;
    font-size: 0.95rem;
    font-family: 'Istok Web', sans-serif;
    color:  #fff;
    margin: 0;
    margin-top: 0.2rem;
}
    






/*taller*/
header#pato h2{
font-size: 1.4rem;
margin-top: 0.2rem;
color: #453526;
}

div#patotaller{
    float: right;
    width: 20rem;
    height: 20rem;
/*    background-color: red;*/
    margin-top: 0.7rem;
    margin-right: 1.25rem;
    background-image: url(imagenes/imtaller.jpg)
}

div#patotaller2{
    float: right;
    width: 20rem;
    height: 9.6rem;
/*    background-color: red;*/
    margin-top: 0.7rem;
    margin-right: 1.25rem;
    background-image: url(imagenes/tallerr.jpg)}
        
        
    h4#patocatedra{
    text-align: center;
    width: 9rem;
    background-color: #09cb7b;
    font-size: 0.95rem;
    font-family: 'Istok Web', sans-serif;
    color:  #fff;
    margin: 0;
    margin-top: 0.2rem;

}
aside#taller{
    height: 32.5rem;}


aside#taller li.carpeta a{
color: #09cb7b;

}

aside#taller li.subcarpeta:hover{
background-color:#09cb7b; }

/*METODOLOGIA*/

div#patometodologia{
    float: right;
    width: 20rem;
    height: 20rem;
/*    background-color: red;*/
    margin-top: 0.7rem;
    margin-right: 1.25rem;
    background-image: url(imagenes/meto.jpg)
}

div#patometodologia2{
    float: right;
    width: 20rem;
    height: 12.6rem;
/*    background-color: red;*/
    margin-top: 0.7rem;
    margin-right: 1.25rem;
    background-image: url(imagenes/meto2.jpg)
}


aside#metodologia{
    height: 34rem;}


aside#metodologia li.carpeta a{
color: #09cb7b;

}

aside#metodologia li.subcarpeta:hover{
background-color:#09cb7b; }






/*resposive 1*/

@media screen and (min-width: 480px) and (max-width:780px) {
main{ width: 48rem;}

    article#costado {
       height: 20rem;
       margin-left: 3.25rem;}
    
    .bienvenidos{
       width: 40rem;
       margin-left: 3.25rem;}
    
    #p1 {
       width: 22rem;
       float: left;
       clear: none;
       margin-left: 1.25rem;
       margin-top: 1.25rem;}
    
    #p2 {
       width: 22rem;}
    
    form{ 
        left: 32rem;}
    
    .barra {
        width: 20rem;
        height: 4rem;
        background-color: #453526;
        float: right;
        margin-top: 1.5rem; }
    
    .inferior {
    margin-left: 3.25rem;}
    
    .menu {
    margin-left: 3.25rem;}
    
    .banner{
        display: none;}
    
    article#patocatedra p {
     width: 34rem;}
    

    div#patocatedra2 {
float: left;
margin-left: 2.7rem;
height: 16.5rem;}
    
    div#contenboton {
float: left;
margin-top: 0.6rem;
width: 8rem;
margin-left: 0.25rem;
height: 17rem;}
    
    div.entradaboton {
margin-top: 0.7rem;
margin-left: 0;}
    
    
    div#fotografia {
margin-left: 2.7rem;}
    
    
aside#catedra {
height: 46rem;}
    
    
    
    
    div#patotaller2 {
width: 16rem;}
    
    
    div#patotaller {
background-image: url(imagenes/ca.jpg);
height: 9.6rem;}
    
    
    aside#taller {
height: 40.9rem;
}
}
    


/*resposive 2*/

@media screen and (min-width: 320px) and (max-width:480px) {
main{ width: 48rem;}
    
    body{
        background-image: none;}
    
     .banner{
        display: none;}

    article#costado {
       height: 20rem;
       margin-left: 3.25rem;}
    
  .bienvenidos {
clear: both;
width: 26rem;
margin-left: 1.25rem;
}
    
    #p1 {
       width: 22rem;
       float: left;
       clear: none;
       margin-left: 1.25rem;
       margin-top: 1.25rem;}
    
    #p2 {
       width: 22rem;}
    
    form{ 
        left: 32rem;}
    
    .barra {
        width: 20rem;
        height: 4rem;
        background-color: #453526;
        float: right;
        margin-top: 1.5rem; }
    
    
    
   .menu {
width: 12.5rem;
height: 12rem;
float: left;
background-color: #256;
margin-top: 1.25rem;
clear: both;
margin-left: 1.25rem;
}
    
  
    
    #derecha{
        clear: both;
        margin-left: 1.25rem;
       
        }

    
    article#costado {
display: none;
}
    
    
  
    
    #catte{
        display: block;}
    
     #p1 {
width: 25rem;
clear: both;
margin-left: 0.70rem;
}
    
     #p2 {
width: 25rem;
clear: both;
margin-left: 0.70rem;
}
   
  h1{
        display: none;}
    
   h2{
        display: none;}
    
   form{
        display: none;}
    
    .barra {
        width: 20rem;
        height: 4rem;
        background-color: #453526;
        float: right;
        margin-top: 1.5rem; }
    
    


.encabezado {
width: auto;
}
    
    
    
main {
width: 28.5rem;}
    
    
    .inferior {
margin-left: 1.25rem;
width: 26.4rem;
height: 9rem;
}
    
    
    
    footer{
        height: 4.5rem;
}
    article.inferior a img{
        width: 100%}
    
    
    
    
    article#patocatedra p {
width: 27rem;}
    
    aside#catedra{
        display: none;
    }
    
    
  div#patocatedra2{
      display: none;}
    
    
    div#contenboton {
margin-left: 0.7rem;
    width: 27.5rem;}
    
    
    div.entradaboton {
margin-left: 0.5rem;
}
    
    
    div#fotografia {
width: 25.5rem;
margin-top: 1.5rem;
margin-left: 0.7rem;}
    
article#patocatedra {
width: 27.5rem;}
    
    
        aside#taller {
display: none;}
    
    
    div#patotaller {
background-image: url(imagenes/ca2.jpg);
width: 13.58rem;
height: 9.5rem;}
    
    
    div#patotaller2 {
width: 11.5rem;}
        
}























































/*estili yesi barra lateral*/


aside{
float: left;
background-color: #767575;
width: 7.5rem;
height: 31rem;
}

aside ul li{

clear: both;
width: 6rem;
margin: 0;
padding: 0;
margin-top: 0.25rem;
margin-left: 1rem;
font-family: 'Istok Web', sans-serif;
height: 1.2rem;
}

li.carpeta{
margin-left: 0.5rem;
height: 1.5rem;
width: 5rem;
font-weight: 700;
}



li.subcarpeta a{
margin-left: 0.2rem;
}


aside ul li.carpeta:hover{
background-color: #453526; 
}





aside#redes{
    height: 47rem;}









/*YESIIIIIIIIIIII*/




/* ESTILOS DE CONTACTOS*/


section#yesicontactos{
position: relative;
}

header#yesicontactos h1{
color: #FF613A;
}

li#yesicontactos a{
color:  #FF613A;
}


li.carpeta a{
color: #FF613A;
margin-left: 0.2rem;
}


li.subcarpeta a{
margin-left: 0.2rem;}


aside ul li.subcarpeta:hover{
background-color: #FF613A; 
}


/*Estilo del texto*/

article#yesiintro{
width: 31.3rem;
margin-left: 0.8rem;
color: white;
font-family: 'Noto Sans', sans-serif;
font-size: 0.8rem;
float: left;
margin-top: 0.7rem;

}

article#yesiintro h3{
color: #FF613A;
font-size: 1.5rem;
font-family: 'Istok Web', sans-serif;
margin: 0;
margin-top: 0.2rem;
}

article#yesiintro h4 {
margin: 0;
margin-top: 0.2rem;
background-color: #FF613A;
width: 23rem;
text-align: center;
font-family: 'Istok Web', sans-serif;
font-size: 0.95rem;
}

/*Estilo del formulario*/

article#yesiformulario form {
position: absolute;
width: 31.3rem;
left: 7.3rem;
top: 9.5rem;
}

article#yesiformulario form ul li{
clear: both;
}


article#yesiformulario form input{
width: 30rem;
height: 15rem; 
text-align: justify;
}

article#yesiformulario form button{
background-color: #FF613A;
margin-top: 1rem;
color: #453526;
font-family: 'Istok Web', sans-serif;
width: 5rem;
margin-left: 25rem;
}



/*Estilo boton redes sociales*/

article#yesisociales{
float:right;
width: 15rem;
margin-right: 1.25rem;
height: 5rem;
color: white;
font-family: 'Noto Sans', sans-serif;
font-size: 0.8rem;
margin-top: 0.6rem;
}

article#yesisociales h4{
background-color:#FF613A; 
color: white;
font-family: 'Istok Web', sans-serif;
font-size: 0.9rem;
margin-bottom: 0
}


article#yesisociales button{
background-color: #453526;
color: white;
height: 4rem;
width: 15rem;
margin-top: 1rem;
border-style: none;
}

article#yesisociales button a:hover{
color:#FF613A; 
}

















/* Estilo REDES SOCIALES */

header#yesicontactos h2{
font-size: 1.1rem;
margin-top: 0.5rem;
color:#453526; 
}

#yesiredesintro{
float: left;
width: 51rem;
}

section#yesiredes h3{
color: #FF613A;
margin: 0;
margin-top: 0.7rem;
margin-left: 0.7rem;
font-size: 1.5rem;
font-family: 'Istok Web', sans-serif;
height: 0.9rem;
margin-bottom: 1.5rem;
}

section#yesiredes p{
color: white;
font-family: 'Noto Sans', sans-serif;
font-size: 0.8rem;
margin-left: 0.7rem;
}

section#yesiredes p strong{
font-size: 0.95rem;
}

article#yesiface{
margin-left: 0.7rem;
float: left;
width: 15rem;
margin-top: 0.7rem;
}

article#yesiface h4{
background-color: rgba(255, 97, 58, 0.42);
font-size: 1.25rem;
font-family: 'Istok Web', sans-serif;
text-align: center;
}


article#yesitwitter{
float: left;
margin-left: 2rem;
width: 15rem;
margin-top: 0.7rem;
}


article#yesitwitter h4{
font-size: 1.25rem;
font-family: 'Istok Web', sans-serif;
background-color: rgba(255, 97, 58, 0.42);
text-align: center;

}


article#yesigoogle{
float: right;
margin-right: 2rem;
width: 15rem;
margin-top: 0.7rem;
}

article#yesigoogle h4{
font-size: 1.25rem;
font-family: 'Istok Web', sans-serif;
background-color: rgba(255, 97, 58, 0.42);
text-align: center;
}





















/*ESTILO DE PROGRAMA*/


aside#yesiprograma{
height: 36rem;

}

aside#yesiprograma ul li a{
color: white;
}

aside#yesiprograma ul li.carpeta a{
color: #ff5072;
}

aside#yesiprograma ul li:hover{
background-color: #453526;
}

aside#yesiprograma ul li.subcarpeta:hover{
background-color: #ff5072;
}


section#yesiprograma{
position: relative;
}

header#yesiprograma h1{
color: #d14d67;
}



li#yesiprograma a{
color:  #ff5072;
}

section#yesiprograma article#yesiprog{
float: left;
width:25rem; 
}

section#yesiprograma h3{
color:#f83359;
font-size: 1.5rem;
font-family: 'Istok Web', sans-serif;
margin-left: 0.7rem;
margin: 0;
margin-top: 0.7rem;
}

#yesiobj{
border: solid 1px;
border-color: #ff5072;
margin-top: 0.7rem;
}

section#yesiprograma h4{
background-color: #ff5072;
font-size: 0.9rem;
font-family: 'Istok Web', sans-serif;
color: white;
text-align: center;
margin-top: 0.2rem;
margin-left: 0.7rem;
width: 23rem;
}

#yesiuni p{
margin-left: 0.7rem;
font-family: 'Noto Sans', sans-serif;
font-size: 0.8rem;
color: white;
}

#yesiobj p{
margin-left: 0.7rem;
font-family: 'Noto Sans', sans-serif;
width: 23rem;
font-size: 0.7rem;
color: white;
}

section#yesiprograma article p strong{
font-size: 0.8rem;
}

#yesiuni{
float: left;
width: 25rem;
margin-left: 0.7rem;
}


#yesiobj{
float: right;
width: 25rem;
margin-right: 0.7rem;
}

#yesiprog1{
float: left;
margin-left: 0.7rem;
margin-top: 1rem;
}

#yesiprog1 a{
margin: 0.2rem;}


























/*Estilo programa Nivel 1*/

aside#yesiprograma1{
height: 57.5rem;

}

aside#yesiprogram1 ul li a{
color: white;
}

aside#yesiprograma1 ul li.carpeta a{
color: #ff5072;
}

aside#yesiprograma1 ul li:hover{
background-color: #453526;
}

aside#yesiprograma1 ul li.subcarpeta:hover{
background-color: #ff5072;
}

header#yesiprograma h2{
font-size: 1.1rem;
margin-top: 0.5rem;
color:#453526; 
}

#contenidos1 h3{
color:#f83359;
font-size: 1.5rem;
font-family: 'Istok Web', sans-serif;
margin: 0;
margin-top: 0.7rem;
}

#contenidos1 h4{
background-color: #f83359;
font-size: 0.9rem;
font-family: 'Istok Web', sans-serif;
color: white;
margin-top: 0.2rem;
width: 10rem;
text-align: center;
}


#contenidos1{
float: left;
width: 20rem;
margin-left: 0.7rem;
}

ul#yesicontenido li{
width: 20rem;
font-family: 'Noto Sans', sans-serif;
font-size: 0.8rem;
color: #ffffff;
margin: 0;
    
}

ul#yesicontenido li.unidad{
color: #ff5072;
font-size: 1em;
font-family: 'Istok Web', sans-serif;
}

div#yesievaluacion{
float: right;
width: 27rem;
margin-right: 0.7rem;
margin-top: 0.9rem;
}

section#yesicontenidos1 p{
color: #ffffff;
font-family: 'Noto Sans', sans-serif;
font-size: 0.7rem;
margin-top: 0;
}


div#yesireglamento{
float: right;
width: 27rem;
margin-right: 0.7rem;
margin-top: 1rem;
}

























/*ESTILO CONTENIDOS 2*/

aside#yesiprograma2{
height: 58.5rem;

}

aside#yesiprograma2 ul li a{
color: white;
}

aside#yesiprograma2 ul li.carpeta a{
color: #ff5072;
}

aside#yesiprograma2 ul li:hover{
background-color: #453526;
}

aside#yesiprograma2 ul li.subcarpeta:hover{
background-color: #ff5072;
}

#contenido2{
float: left;
width: 20rem;
margin-left: 0.7rem;
}

#contenido2 h3{
color:#f83359;
font-size: 1.5rem;
font-family: 'Istok Web', sans-serif;
margin: 0;
margin-top: 0.7rem;
}

#contenido2 h4{
background-color: #f83359;
font-size: 0.9rem;
font-family: 'Istok Web', sans-serif;
color: white;
margin-top: 0.2rem;
width: 10rem;
text-align: center;}

ul#yesicontenido2 li{
width: 20rem;
font-family: 'Noto Sans', sans-serif;
font-size: 0.8rem;
color: #ffffff;
margin: 0;   
}

ul#yesicontenido2 li.unidad{
color: #ff5072;
font-size: 1em;
font-family: 'Istok Web', sans-serif;
}

section#yesicontenidos2 p{
color: #ffffff;
font-family: 'Noto Sans', sans-serif;
font-size: 0.7rem;
margin-top: 0;
}





























/* ESTILO DE NIVELES*/


header#yesiniveles h1{
color: #005ecc;
}

li#yesiniveles a{
color: #78b5ff;
}


section#yesiniveles aside{
height: 64.7rem;
}

section#yesiniveles aside ul li{
clear: both;
width: 6rem;
margin: 0;
padding: 0;
margin-top: 0.25rem;
margin-left: 1rem;
font-family: 'Istok Web', sans-serif;
height: 1.2rem;
}

section#yesiniveles li.carpeta{
margin-left: 0.5rem;
height: 1.7rem;
width: 6rem;
}

section#yesiniveles li.carpeta a{
color: white;
margin-left: 0.2rem;
color: #6bbef0;
}


section#yesiniveles li.subcarpeta a{
margin-left: 0.4rem;
width: 5rem;
}

section#yesiniveles aside ul li:hover{
background-color: #453526; 
}

section#yesiniveles aside ul li.subcarpeta:hover{
background-color: #6bbef0; 
}



article#niveles{
float: left;
width: 52rem;
margin-left: 0.4rem;
}

article#niveles h3 {
margin: 0;
margin-top: 0.7rem;
margin-left: 0.3rem;
}

article#niveles h3 a{
color: #6bbef0;
font-size: 1.5rem;
font-family: 'Istok Web', sans-serif;
height: 0.9rem;
}

article#niveles h4{
background-color: #6bbef0;
font-size: 0.9rem;
font-family: 'Istok Web', sans-serif;
color: black;
margin-top: 0.2rem;
width: 17rem;
text-align: center;
margin-left: 0.3rem;
}

ul.yesin12 li{
margin: 0.3rem;
}

ul.yesin12 li a{
display: block;
float: left;
}

iframe{
margin-top: 1rem;
}


div#iragaleria h5{
float: left;
background-color: #6bbef0;
font-size: 0.7rem;
font-family: 'Istok Web', sans-serif;
color: black;
margin: 0;
margin-top: 2rem;
width: 10rem;
text-align: center;
}

div#video{
float: left;
margin-left: 0.7rem;
width: 37rem;
}

div#video h5{
background-color: #6bbef0;
font-size: 0.9rem;
font-family: 'Istok Web', sans-serif;
color: black;
margin-top: 1rem;
margin-bottom: 0.5rem;
width: 20rem;
text-align: center;
}

div#iragaleria{
float: right;
margin-right: 2.6rem;
width: 11.6rem;
margin-top: 1rem;
border: solid 1px;
border-color: #1f6b98; 
}

div#iragaleria h6{
background-color: #6bbef0;
width: 10.6rem;
text-align: center;
font-family: 'Istok Web', sans-serif;
font-size: 0.8rem;
margin-left: 0.5rem;
margin-top: 0.5rem;
margin-bottom: 0.3rem;
}

div#iragaleria p{
width: 10.6rem;
margin-left: 0.5rem;
margin-top: 0.5rem;
color: white;
font-family: 'Noto Sans', sans-serif;
font-size: 0.7rem;
}

div#iragaleria button{
height: 1.5rem;
background-color: #02578b;
border: solid 1px;
margin-top: 2rem;
margin-left: 6.5rem;
margin-bottom: 0.5rem;
}









/* ESTILO TRABAJOS*/

header#yesiniveles h2{
font-size: 1.1rem;
margin-top: 0.5rem;
color:  #453526; 
}


aside#galeria{
height: 63rem;
}

aside#galeria li.carpeta a{
color: #6bbef0;
}

aside#galeria li.subcarpeta:hover{
background-color: #6bbef0;
}

article#imagenes{
position: absolute;
float: left;
width: 52.2rem;
margin-left: 7.5rem;
}

article#imagenes ul li{
margin: 0.7rem;
margin-bottom: 3.5rem;
}


article#imagenes ul li img:hover{
-webkit-transform: scale(1.5);
-moz- transform: scale(1.5);
-o- transform: scale(1.3);
transform: scale(1.5);
transition-duration: 0.5s;
opacity: 1;
}


#IsabelFerrari{
float: left;
width: 15.1rem;
margin-top: 11.6rem;
margin-left: 1.1rem;
border: solid 1px;
border-color: #156ca0;
}

#AlainPaul{
float: left;
width: 15.1rem;
margin-top: 11.6rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}

#JulianMartinez{
float: left;
width: 15.1rem;
margin-top: 11.6rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}

#SoledadGarcia{
float: left;
width: 15.1rem;
margin-top: 10.7rem;
margin-left: 1.1rem;
border: solid 1px;
border-color: #156ca0;
}


#GabrielaHaberle{
float: left;
width: 15.1rem;
margin-top: 10.7rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}

#MartinaSgarzi{
float: left;
width: 15.1rem;
margin-top: 10.7rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}

#MoraEscola{
float: left;
width: 15.1rem;
margin-top: 10.7rem;
margin-left: 1.1rem;
border: solid 1px;
border-color: #156ca0;
}

#MatiasJerez{
float: left;
width: 15.1rem;
margin-top: 10.7rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}

#MacarenaBlanco{
float: left;
width: 15.1rem;
margin-top: 10.7rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}

#FrancoCaligiuri{
float: left;
width: 15.1rem;
margin-top: 10.65rem;
margin-left: 1.1rem;
border: solid 1px;
border-color: #156ca0;
}

#ursulaBenavidez{
float: left;
width: 15.1rem;
margin-top: 10.65rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}

#AstridLavalle{
float: left;
width: 15.1rem;
margin-top: 10.65rem;
margin-left: 2.2rem;
border: solid 1px;
border-color: #156ca0;
}




ul.yesipracticos li{
display: block;
color: white;
font-family: 'Noto Sans', sans-serif;
font-size: 0.8rem;
}

ul.yesipracticos li.autor{
background-color: #6bbef0;
width: 11rem;
text-align: center;
font-size: 0.9rem;
margin-bottom: 0.5rem;
color: black;
font-weight: 700;
}


#yesisiguiente button{
float: right;
margin-right: 1.4rem;
margin-top: 0.3rem;
background-color: #02578b;
border: solid 1px;
}































/*gaby*/

/* ESTILOS DE DOCENTES*/


header#gaby h1{
color: #FFF800;
}

li#gaby a{
color:  #d6d006;
}

aside#docentes li.carpeta  a{
    color:#d6d006; 
}



aside#docentes li.subcarpeta:hover{
    background-color: #d6d006;

}



article#gaby {
    position: relative;
    float: left;
    width: 23rem;
    margin-left: 0.75rem;
}



article#gaby h3{
    float:left;
    color:#d6d006;
    font-family: 'Istok Web', sans-serif;
    font-size: 1.5rem;
    margin-top: 0.7rem;
}

aside#docentes{
    height: 30rem;
}


article#gaby h4{
position: absolute;
font-size:0.95rem;  
text-align:center;
background-color:#d6d006;
font-family: 'Istok Web', sans-serif;
width:9rem;
color:#fff;
 top: 1.5rem;

}



article#gaby p{
 position: absolute;   
font-family: 'Noto Sans', sans-serif;
color:#fff;
font-size:0.8rem;
 margin: 0;
 float:left;
margin-top:5rem;
    
}

    
 #gabynivelunolista{
    position: absolute;
	float:left; 
    margin-top:19rem;
    width: 11rem;
    margin-left: 7.5rem;
     
	
}


ul#gabylista li{
    display: block;
    list-style: none;
    clear:both;
    
}


#gabyniveldoslista { 
    position: absolute;
	float:left; 
    margin-top:19rem;
    width: 11rem;
    margin-left: 20rem;
}

ul#gabylista{ 
    width:15rem;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.7rem;
    color:#d6d006;   
}





#docentesderecha{
	position:relative;
	margin-right: 1.25rem;
}


div#gabydocentes{
	 position:absolute;
     margin-top: 0.7rem;
	 right: 0.2rem;
     width: 25rem;
     height: 16.3rem;
     background-image:url(imagenes/equipo.jpg);
 }
 
#gabydocentestp{
	position:absolute;
	top: 17rem;
	right: 0.2rem;
	background: #d6d006;
	margin-top: 1rem;
	width: 25rem;
	height: 1.45rem;
	float: right;
	text-align: center;
	font-weight: bold;    
}

#gabydocentestp:hover p{
	background: #000;
	color: #d6d006;
}
	
	

#gabydocentestp p{
	color: #000;
	font-size: 0.9rem;
	font-family: 'Noto Sans', sans-serif;
	text-align: center;
	margin-top: 0.15rem;
	}

#modalidaddocentesdestacado{
	position:absolute;
	top: 19.6rem;
	right:0.5rem;
	height:1.25rem;
	width: 9rem;
	color: #000;
	font-size: 0.8rem;
	font-family: 'Noto Sans', sans-serif;
	
}


	
#modalidaddocentes{
	position:absolute;
	top: 19.8rem;
	right:0.2rem;
	width: 24.5rem;
	height:8.9rem;
	padding-left: 0.5rem;
	padding-top: 0.5rem;
	background:#d6d006;
}

/* FIN ESTILOS DE DOCENTES*/
	
	
	
	
        
/*  ESTILOS DE nivel 1*/

header#gaby2 h1{  
color: #005ecc;

}

header#gaby2 h2{
    color: #000;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}

li#gaby2 a{
color:  #78b5ff;
    
 }   
    
 #nivel1 li.carpeta  a{
    color:#78b5ff; 
}



#nivel1 li.subcarpeta:hover{
    background-color: #78b5ff;

}



article#gaby2 {
    position: relative;
    float: left;
    width: 23rem;
    margin-left: 0.75rem;
	
	}
	

article#gaby2 h3{
    position:absolute;
    margin: 0;
    float:left;
	margin-top: 0.5rem;
    color:#78b5ff;
    font-family: 'Istok Web', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
}


article#gaby2 h4{
position:absolute;
font-size:0.95rem;  
top:1.3rem;
text-align:center;
background-color:#78b5ff;
font-family: 'Istok Web', sans-serif;
width:9rem;
color:#000; 
   
}


#gabynivel{
	position:absolute;
	margin-top: 3.8rem;
	float:left;
	
}

ul#gabyniveluno li{
    display: block;
    list-style: none;
    clear:both;
}

ul#gabyniveluno{ 
    width:26rem;
    color:#fff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.9rem;
     
}

#gabynivelmodalidad {
   
	margin-top: 7.3rem; 
	
}

#subtituloniveluno {
    position:absolute;
  background-color: #78b5ff;
width: 13rem;
    top: 7.8rem;
    color:#000;
	padding-left: 0.35rem;
	font-family: 'Noto Sans', sans-serif;
    font-size: 0.9rem;
	
}
	
#bajadadesubtitulo{
    position:absolute;
    top: 9.5rem;
	color:#fff;
	padding-left: 0.35rem;
	font-family: 'Noto Sans', sans-serif;
    font-size: 0.8rem;
	}
	
#imagenproceso{
    position:absolute;
	width:24.5rem;
    top: 19.8rem;
	border: thin solid #78b5ff;
}
	

ul#gabynivelunoproceso{
	position:absolute;
	width:15rem;
    color: #78b5ff;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.75rem;
	height: 10rem;
	top: 19.5rem;
	margin-left: 9.8rem; 
	

}

ul#gabynivelunoproceso li{
    display: block;
    list-style: none;
    clear:both;
}	
	
#imagenniveluno{
	position:absolute;
	float:right;
	top: 0.25rem;
	left: 27.5rem;

}


#icononiveluno{
	position:absolute;
	top: 0.2rem;
	left: 42rem;
	width: 4.5rem;
	height: 4rem;
	border: solid thin #78b5ff;
	background-color: #ccc;
}

#icononiveluno:hover {
	background-color:#fff;
    border: solid thin #005; 
	}
	
#iconocalniveluno {
	position:absolute;
	top: 5rem;
	left: 42rem;
	width: 4.3rem;
	height: 4rem;
	border: solid thin #78b5ff;
	background-color: #ccc;
	padding-top:0.23rem;
	padding-left: 0.23rem;
}
#iconocalniveluno:hover {
	background-color: #fff;
    border: solid thin #005; 
	}		

#iconodesniveluno {
	position:absolute;
	top: 10rem;
	left: 42rem;
	width: 4.3rem;
	height: 4rem;
	border: solid thin #78b5ff;
	background-color: #ccc;
	padding-top:0.23rem;
	padding-left: 0.33rem;
}

#iconodesniveluno:hover {
	background-color: #fff;
	}
	
	
#modalidadevaluacionluno {
	position:absolute;
	top: 19rem;
	left: 27.5rem;
	background-color: #999;
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.75rem;
	color:#000;
	font-weight:bold;
	padding-left: 0.5rem;
	width: 13rem;
	
}

#bajadanoveluno p{
	position:absolute;
	top: 20.3rem;
	left: 27.5rem;
	background-color: #555;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.75rem;
	color:#fff;
	padding-left: 0.5rem;
	padding-bottom:0.3rem;
	width: 13rem;m;
}
#botonvolver a{
	position:absolute;
	top: 29rem;
	left: 27.5rem;
	background-color: #78b5ff;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8rem;
	color: #000;
	width: 5rem;
	text-align:center;
}

#botonvolver a:hover {
	border: solid thin #005; 
	background-color: #fff;
	color:#000;
	font-weight:bold;
	}
	
#Nivel2 a{
	position:absolute;
	top: 29rem;
	left: 36rem;
	background-color:#78b5ff;
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8rem;
	color: #000;
	width: 5rem;
	text-align:center;
}

#Nivel2 a:hover {
	border: solid thin #005; 
	background-color: #fff;
	color:#000;
	font-weight:bold;

	}
/*  FIN ESTILOS DE nivel 1*/



/*  ESTILOS DE nivel 2*/

header#gaby3 h1{
color: #005ecc;

}

header#gaby3 h2{
    color: #000;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}



li#gaby3 a{
color: #78b5ff;
    
 }   
    
#nivel2 li.carpeta  a{
    color:#78b5ff; 
}



#nivel2 li.subcarpeta:hover{
    background-color: #78b5ff;

}



article#gaby3 {
	position: relative;
	left: 1.25rem;
    margin-top: 0;
	
}

aside#nivel2{
    margin-top: -1rem;}


article#gaby3 h3{
	position:absolute;
    margin: 0;
	margin-top: 0.25rem;
    left: 19.5rem;
    color:#78b5ff; 
    font-family: 'Istok Web', sans-serif;
    font-size: 1.5rem;
    font-weight: bold;
}

article#gaby3 h4{
position:absolute;
font-size:0.95rem;
 left: 19.5rem;
top:1.3rem;
text-align:center;
background-color:#78b5ff;
font-family: 'Istok Web', sans-serif;
width:9rem;
color:#000; 
   
}


#gabyniveldoss{
	position:absolute;
	top: 4rem;
	left: 19.5rem;
	
	
}
ul#gabyniveldos li{
    display: block;
    list-style: none;
    clear:both;
}


ul#gabyniveldos{ 
    color:#fff; 
    font-family: 'Noto Sans', sans-serif;
    font-size: 0.9rem;
     
}

#gabyniveldosmodalidad{
	position: absolute;
	left:19.5rem;
	top: 8rem;
    
	
	}
	
#imagaby2{
		position:absolute;
		left:7rem;
	}

#subtituloniveldos {
   background-color: #78b5ff;
	width:24rem;
    color:#000;
	padding-left: 0.3rem;
	font-family: 'Noto Sans', sans-serif;
    font-size: 0.9rem;
	
    width: 13rem;
}

#bajadadesubtitulodos {
    position: absolute;
	color:#fff;
	padding-left: 0.35rem;
	font-family: 'Noto Sans', sans-serif;
    font-size: 0.8rem;
	width: 24rem;
    top:1.5rem;
    
	}
      
	  
#clasespracticas p{
	position:absolute;
	padding-top:0.3rem;
	top: 19rem;
	left:19.5rem;
	background-color:#999;
	font-family: 'Noto Sans', sans-serif;
    font-size: 0.8rem;
	color:#000;
	height: 2rem;
	font-weight: bold;
	padding-left: 0.5rem;
	width: 24rem;

}

#clasespracticasbajada {
	position:absolute;
	top: 21.5rem;
	left:19.5rem;
	background-color:#555;
	width: 24rem;
	padding-left: 0.5rem;

	}
	
#clasespracticasbajada p{
	color: #fff;
	font-family: 'Noto Sans', sans-serif;
    font-size: 0.8rem;
	width: 13rem;
	
}

#imagenniveldos {
	position:absolute;
	top: 21.8rem;
	left: 34rem;
	}
	
#nivel2derecha{
	position: absolute;
	top: 0.25rem;
	left: 46rem;
	border: solid thin #78b5ff; 
	background-color:#999;
	width: 10rem;
	padding-right: 0.25rem;
	
}

ul#niveldosderecha li{
	display: block;
    list-style: none;
    clear:both;

}
	
ul#niveldosderecha{
	color: #000;
	font-family: 'Noto Sans', sans-serif;
    font-size: 0.8rem;
}


#icononiveldos {
	position:absolute;
	top: 19.8rem;
	margin-left: 7rem;
	border: solid thin #78b5ff; 
	background-color: #666;
	width: 8rem;
	height: 4rem;
	padding-left: 3rem;

}

#icononiveldos:hover {
	background-color: #fff;
    border: solid thin #005; 
}

#iconosniveldos{
	position:absolute;
	top: 24.6rem;
	margin-left: 7rem;
	border: solid thin #78b5ff; 
	background-color: #666;
	width: 8rem;
	height: 4rem;
	padding-left: 3rem;

}

#iconosniveldos:hover {
	background-color: #fff;
    border: solid thin #005; 
}

#volvernivel1 a{
	position:absolute;
	top: 23rem;
	left: 46rem;
	background-color: #78b5ff; 
	font-family: 'Noto Sans', sans-serif;
	font-size: 0.8rem;
	color: #000;
	width: 5rem;
	text-align:center;
}

#volvernivel1 a:hover {
	border: solid thin #005;  
	background-color: #fff;
	color:#005; 
	font-weight:bold;

	}
	
/*  fin ESTILOS DE nivel 2*/



/*  ESTILOS DE lecturas*/

header#gaby4 h1{
color:#d14d67;
   
}

header#gaby4 h2{
    color:#453526;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}

li#gaby4 a{
 color:#ff5072;
}


#programalectura li.carpeta a {
    color:#ff5072;   
}


#programalectura li.subcarpeta:hover{
    background-color: #ff5072;
}

article#gaby4 {
    float:left;
    margin-left: 0.7rem;
    width: 25rem;  

}

article#gaby4 h3{
    font-size: 1.5rem;
    margin:0;
    margin-top:0.7rem;
    font-family: 'Istok Web', sans-serif;
    width: 33rem;
    color: #ff5072;
}

article#gaby4 h4{
font-size:0.95rem;  
margin-top:0.2rem;
text-align:center;
background-color:#ff5072;
font-family: 'Istok Web', sans-serif;
width:9rem;
color:#fff;

}

article#gaby4 p{
font-family: 'Noto Sans', sans-serif;
color:#fff;
font-size:0.8rem;

}
#listadeimagenes {
	
	float:left;
    margin-left: 0.7rem;
	}
#listadeimagenes p{
	background-color: #ff5072; 
	text-align:center;
	width:12rem;
	font-family: 'Istok Web', sans-serif;
    color:#fff;
	font-size:0.8rem;
	margin-top: 0;
}

#imagen2{
	float:right;
	margin-top:1rem;
	margin-right:2.8rem;
	}
	
#boton1 p{
	float:right;
	margin-top:2rem;
	width: 5rem;
	margin-right:3rem;
	background-color:#ff5072;
	font-family: 'Noto Sans', sans-serif;
    color:#fff;
    font-size:0.8rem;
	text-align:center;
	 
		}
		
#boton1 :hover {
	background-color:#000;
	color: #ff5072;
	width: 5rem;
}


aside#programalectura{
    height: 32.6rem;}
	
/*  FIN ESTILOS de lectura*/

header#gaby5 h1{
color: rgb(234, 122, 24);
font-size:1.8rem; 
   
}   
header#gaby5 h2{
    color:#453526;
    font-size: 1.1rem;
    margin-top: 0.5rem;
}



#bienvenidos15 li.carpeta a {
    color:rgb(255, 118, 0); 
}


#bienvenidos15 li.subcarpeta:hover{
    background-color:rgb(255, 118, 0);
}

article#gaby5 {
	position: relative;
    margin-top: 0;
	}
	
article#gaby5 h3{
	position: absolute;
	font-size: 4rem;
    left: 16rem;
    margin-top:9.3rem;
    font-family: 'Istok Web', sans-serif;
    width: 33rem;
    color:rgb(255, 118, 0);
	}	

article#gaby5 h4{
   position: absolute;
	font-size: 1.55rem;
    left: 18rem;
    margin-top:13.5rem;
    font-family: 'Noto Sans', sans-serif;
    width: 33rem;
    color:white;
}

article#gaby5 h5{
	 position: absolute;
	font-size: 0.7rem;
    left: 17.5rem;
    margin-top:9rem;
    font-family: 'Noto Sans', sans-serif;
    width: 33rem;
    color:#CCC;
	}

article#gaby5  p{
	position: absolute;
	font-size: 0.75rem;
    left: 30.5rem;
    margin-top:16rem;
    font-family: 'Noto Sans', sans-serif;
    width: 33rem;
    color:white;
	width: 20rem;
	
	}
	
#imagenbienv {
	position: absolute;
	left: 13rem;
    margin-top:16.3rem;
	
	}
	
	#bienv{
	position: absolute;
	left: 22rem;
    top: 11rem;
		
}

#volver a{
	position: absolute;
	margin-top:28rem;
	left: 58rem;
	font-family: 'Noto Sans', sans-serif;
	font-size: 1rem;
	color:white;
	background-color:rgb(255, 118, 0);
	padding-left: 0.6rem;
	padding-right: 0.6rem;
	
	}
	
#volver a:hover{
		background-color:#000;
		color:rgb(255, 118,0);
		
		}