/*HOJA DE ESTILOS DEL TP DE DGPC DE DAIANA HINDI*/



/*constantes*/

#pagina {width: 990px; margin: auto; }

#body { width: 100%;
    font-family: 'Open Sans', 'Kreon', sans-serif;
    font-size: 10pt;    
}

#barra_de_colores{ float: left; width: 19%;
}


h1 {font-family: 'Open Sans';
     font-weight: 800;}

h2 { font-family:'Kreon';    
font-weight: 300;}


.textosdestacados1 {font-family: 'Open Sans', 800;
        font-size: 1rem;
    font-weight: 800;
    color: rgb(250,250,250);
         background-color: rgb(108,32,128);
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


p {font-family: 'Open Sans';
     font-weight: 500;}

section {width: 85%;}

li{list-style: none;}
a{text-decoration: none;}


/*HEAD*/

header {width: 80%; }
#logo{height: 7rem;}
#logo h1{font-size: 4rem;}
#logo h2{ font-size: 1.2rem;
   margin-top: -3rem;
            }
#cmyk{width: 10rem; height: 3rem; float: right; margin-top: -3.2rem; margin-right: 0rem; }
#cmyk .cuadrado1{width: 1.5rem; height: 1.5rem; float: right; background-color: rgb(0,157,214); margin: 0.2rem;}
#cmyk .cuadrado2{width: 1.5rem; height: 1.5rem; float: right; background-color: rgb(226,0,122); margin: 0.2rem;}
#cmyk .cuadrado3{width: 1.5rem; height: 1.5rem; float: right; background-color: rgb(255,235,0); margin: 0.2rem;}


/*NAV*/

nav {font-family: 'Kreon', serif, 300;
            font-size: 1.2rem;
    font-weight: 300;
    width: 102%;
    margin-top: 1rem;
    height: 2.3rem;
    border-top: solid;
    border-bottom: solid;
    border-width: 0.15rem;
    border-color: rgb(129, 129, 129);
    margin-left: 11.5rem;
    }

nav ul{margin-top: 0.4rem;
margin-left: -2rem;}

header nav ul li { 
       margin-right: 0rem;
    margin-left: 0.5rem;
    height: 2rem;
float: left;
    list-style: none;
}
header nav ul li a {
      height: 2.3rem;
    padding-left: 1rem;
    padding-right: 1rem;
text-decoration: none;
color: rgb(129, 129, 129);
    
    
}

header nav ul li a:hover { background-color: rgb(129,129,129);
color: rgb(255, 242, 242);
border-bottom-style:solid
}

#home{width: 100%;}

/*SECTION BIENVENIDOS*/

.bienvenidos{width: 76%; float: left; border: solid; border-bottom: 0rem; border-color: rgb(0,0,0); margin-bottom: 0rem;}

section img {width:76%;  border-bottom: solid; border-left: solid;border-right: solid; border-color: rgb(0,0,0);}

section p {font-size: 1rem;}

#turnos{height: 12rem; border-top: solid 0.3rem; border-bottom: solid 0.3rem; border-color: rgb(108,32,128); padding-bottom: 1rem;float: left; width: 76%;  text-align: center; background-color: rgba(108, 32, 128, 0.46);}


#tm{float: left;padding-right: 1rem; padding-left:4rem;width: 38%;
    }
#turnos h1{ font-size: 1.2rem; padding-left:0rem; margin-left: -3rem;
    }
#turnos p {font-size: 0.8rem;}
#turnos ul {margin-left: 0rem; float: left;padding-left:0rem;}
#turnos ul li {float: left; padding: 0.2rem;}
#tn{float: left; padding-right: 3.5rem; padding-left: 1rem;width: 38%;
    }
#turnos ul li a{text-decoration: none;font-family: 'Kreon', serif, 300;
            font-size: 3rem;
    padding: 1rem;
    font-weight: 300;color: rgb(250,250,250);
background-color: rgb(129, 129, 129);}

#turnos ul li a:hover {background-color: rgb(250,250,250);color: rgb(129,129,129);}


#proxclase{width: 76%;float: left; margin-top: 1rem;}
#proxclase h1{font-size: 1.2rem; border-bottom: solid 0.15rem; padding-left: 0rem; float: left; width: 100%}
#proxclase p{color:rgb(108,32,128); font-weight: 600;}

/* ASIDE */

#home aside {float: right; width: 15%;margin-top: -56.6rem;
    background-color: rgba(108, 32, 128, 0.46);
    margin-left: 1rem;

}

.inscripcion{font-size: 1rem;text-align: center; margin: 0.5rem; color: rgba(108,32,128,0.46); background-color: rgba(250,250,250,0.50); border: solid 0.15rem; border-color: rgb(250,250,250);}

aside h1 {font-size: 0.85rem; color: rgb(250,250,250); padding: 0.5rem; 
}

aside p {font-size: 0.8rem; padding-left: 0.5rem; padding-right: 0.5rem;}







/*FOOTER*/

footer { background-color: rgba(0, 0, 0, 0.26);
    padding-left: 1.5rem;
    border: 3px solid #000;
        width: 100%;
    height: 10rem;
    clear: both;
}
footer p {
    font-family: 'Open Sans', 400;
        font-size: 0.8rem;}

footer img { width: 15rem; float: right;
margin-top:2.5rem;
margin-right: 1.5rem;}
footer h1{font-size: 1rem; width: 14rem; border-bottom: solid 0.13rem;}
#inscripcionesfooter{float: left; padding: 0.5rem;}
#contactofooter{float: left; padding: 0.5rem;}
#galeriafooter{float: left; padding: 0.5rem;}

footer a {color: rgb(0,0,0)}

footer a:hover{color: rgb(108,32,128)}





/*MATERIAL*/

#material {float: left; width: 76%;
    margin-top: 1rem;
    height: 15rem;
    border: 3px solid #000;
}

#material h1 {font-family: 'Open Sans', 800;
        font-size: 5rem;
    background-color: rgb(255, 255, 255);
   text-align: center;
}

#material nav {
    height: 15rem;
    border: 3px solid #000;
        width: 100%;
    border-top: 0rem;
    margin: 0rem;
    padding: 0rem;
    margin-left: -0.2rem;
 }

#material nav ul li {
    height: 15rem;
    width: 50%;
float: left;
    list-style: none;  
    
}

li h4{background-image: url(imagenes/fondonivel2.jpg);height: 15rem; float: left; padding: 0rem; margin: 0rem;width: 100%;}


li h3{background-image: url(imagenes/fondonivel1.jpg);height: 15rem; padding: 0rem; margin-left: -0.5rem; margin-top: 0rem; width: 104%;}


#material nav ul li h3 a { text-decoration: none;   
    font-family: 'Open Sans', 800;
        font-size: 5rem;
    color: rgb(0,0,0);
    text-align: center;
    height: 15rem; float: left;}
    

#material nav ul li h4 a { text-decoration: none;   
    font-family: 'Open Sans', 800;
        font-size: 5rem;
    color: rgb(0,0,0);
    text-align: center;
    height: 15rem;float: left;
}

#material nav ul li h4 a:hover{background-color: #58BCD6;}
#material nav ul li h3 a:hover{background-color: #58d6aa;}

#pagmaterial aside{width: 15%; float: right; background-color: rgb(25, 140, 136);
    margin-top: -51.8rem;}

#pagmaterial .inscripcion{font-size: 1rem;text-align: center; margin: 0.5rem; color: rgb(25,140,136); background-color: rgba(250,250,250,0.50); border: solid 0.15rem; border-color: rgb(250,250,250);}

#pagmaterial .bienvenidos{width: 76%; float: left; border: solid; border-bottom: 0rem; border-color: rgb(0,0,0); margin-bottom: 0rem; margin-top: 17rem;}

section img {width:76%;  border-bottom: solid; border-left: solid;border-right: solid; border-color: rgb(0,0,0);}

section p {font-family:'Open Sans'; font-size: 1rem;width: 76%; float: left;}

#pagmaterial .textosdestacados2  {font-family: 'Kreon', 300;
        font-size: 1rem;
    font-weight: 300;
    color: rgb(25, 140, 136);
text-align: center;
}




/* NIVEL 2*/
#paginanivel2{float: left; width: 81%;}

#paginanivel2 h1 {font-family: 'Open Sans', 800;
        font-size: 1.5rem;
    background-color: rgb(255, 255, 255); width: 100%; margin-top: 1rem;
    float: left;
}

#paginanivel2 nav { float: left;
    width: 100%;
    height: 45rem;
    margin: 0rem;
    background-image: url(imagenes/fondopaginanivel2.jpg);
    border: 3px solid #000;
    
}

#paginanivel2 nav ul {height: 45rem; width: 95%; margin: 0rem;
}
#paginanivel2 nav ul li{height: 22.5rem;float: left; border: 1px solid #000 ;margin-left: 0rem;}

#paginanivel2 nav ul a{list-style: none;
float: left;
    width: 15.74rem;
    height: 22.5rem; 
    text-decoration: none;
    color:  #58BCD6;
    font-family: 'Open Sans', 800;
    font-weight: 800;
        font-size: 2rem;
    text-align: center;
}

#paginanivel2 nav ul a:hover{background-color: #58BCD6;
    font-family: 'Open Sans', 800;
    font-weight: 800;
        font-size: 2.4rem; color: #FFFFFF;
    
}


/*QUIENES SOMOS*/

.textosdestacados2  {font-family: 'Kreon', 300;
        font-size: 1rem;
    font-weight: 300;
    color: rgb(255,89,0);
text-align: center;
}

#qsomos aside {float: right; width: 15%;margin-top: -61.2rem;
    background-color: rgba(255, 89, 0, 0.76);
    margin-left: 1rem;

}

.docentes{font-size: 1rem;text-align: center; margin: 0.5rem; color: rgba(255,89,0,0.76); background-color: rgba(250,250,250,0.50); border: solid 0.15rem; border-color: rgb(250,250,250);}

#qsomos section p {font-size: 0,8rem; width: 76%; float: left; margin-bottom: -1rem;}

#qsomos aside h1 {font-size: 0.85rem; color: rgb(250,250,250); padding: 0.5rem; 
}

#qsomos aside p {font-size: 0.8rem; padding-left: 0.5rem; padding-right: 0.5rem; margin-top: -1rem;}