/* HOJA DE ESTILO */
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,500italic);

/* font-family: 'Roboto', sans-serif; */

#contenedor {
    width: 1090px;
    margin: 0 auto;
    font-family: 'Oswald', sans-serif;
}

header {
    float: left;
    height: 262px;
    width: 1090px;
    margin-top: 4px;
  
}

#fotosesion {
    float: left;
    margin-bottom: 10px;
    padding-bottom: 10px;  
    margin-left: -21px;
}


header #logo {
    float: left;
}

header #logo a {
    text-decoration: none;
    color: #000;
}

header h1 {
    margin: 0;
    font-size: 26px;
}

header p {
   margin: 0 0 0 13px;
}

header nav {
    float: right;
    width: 862px;
    background: ghostwhite;
    height: 246px;
}

header ul {
    float: left;
    padding: 0;
    margin: 0;
    list-style: none;
    
}

header li {
    float: left;
}

header li a {
   width: 215px;
    float: left;
    height: 245px;
    text-decoration: none;
    color: #d3d3d3;
}

header li a p {
    position: relative;
    top: 200px;
    font-size: 23px;
    text-decoration: none;
}


    

sidebar {
    width: 190px;
    float: left;
    height: 464px;
    margin-top: 13px;

}

.materiales {
    float: left;
    margin-top: 22px;
}

#proxima-clase {
    float: left;
    margin-top: 32px;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    width: 181px;
  
        
}

#proxima-clase h3 {
    font-family:'Roboto', sans-serif;
    margin-top: 6px;
}

#proxima-clase h4 {
    font-family:'Roboto', sans-serif;
    margin-top: -14px;
    font-weight: 400;
}

#proxima-clase p {
    font-family:'Roboto', sans-serif;
    margin-top: -8px;
}

 .taller {
    text-indent: 38px;
    font-size: 14px;
    margin-top: -14px;
    color: #3598d4;
}


#ultimo {
    background-color: #000;
    float: left;
    font-size: 25px;
    font-family: 'Oswald', sans-serif;
    margin-top: 14px;
    color: #fff;
    height: 191px;
    padding-top: 22px;
}

#ultimo img{
    margin-top: -22px;
}

#carcacha {
    margin-top: -2px;
}

#carcacha img {
    margin-top: 19px;
}

#ultimo a{
    text-decoration: none;}

#ultimo a p {
    position: relative;
    top: -22px;
    margin-left: 8px;
    margin-top: 35px;
    font-size: 40px;
    font-size: 37px;
    color: #fff;
    text-decoration: none;
}    


#login input {
    width: 182px;
    float: left;
    padding: 6px;
    padding-left: 15px;
    border-radius: 6px;
}

#login a {
    background: #000;
    float: left;
    width: 182px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    height: 24px;
    padding-top: 3px;
    margin-top: 11px;
    font-family: 'Roboto', sans-serif;
}

#mapatematico {
    float: left;
    border: 1px dotted #000;
    margin-top: 20px;
    padding-left: 11px;

}


    
#slider {
    float: left;
    margin-bottom: 2px;
    margin-top: 7px;
    margin-left: 11px;
    width: 841px;
}

#contenido {
    float: right;
    width: 863px;
    margin-top: 35px;
    
}

#vota {
    float: right;
    width: 863px;
    margin-top: 37px;
    height: 1020px;
}

.contenedor-home {
    float: left;
    width: 560px;
    height: 195px;
    margin-bottom: 16px;
    background-color: #b8bcb8;
    position: relative;
    margin-top: 0;
}

.contenedor-home h3 {
    background-image: url(imagenes/cuadro.svg);
    float: left;
    width: 542px;
    height: 44px;
    position: relative;
    left: -11px;
    padding-left: 19px;
    padding-top: 6px;
    
}
.contenedor-home p {
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Roboto', sans-serif;
}

.contenedor-home a { 
    float: right;
    padding-right: 20px;
    text-decoration: none;
    position: relative;
    margin-top: -12;
    font-family: 'Roboto', sans-serif; 
    font-size: 14px;
}

.contenedor-seri {
    float: right;
    width: 275px;
    height: 405px;;
    margin: 0 0 5px 0;
    border: 1px solid #e5ca05;
}

.contenedor-seri h3 {
    background-image: url(imagenes/cuadro-serigrafia.svg);
    width: 295px;
    height: 43PX;
    padding-top: 7px;
    text-align: center;
    position: relative;
    left: -9px;
    font-family: 
}
.contenedor-seri p {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12pt;
    font-family: 'Roboto', sans-serif;
    margin-top: 219px;
    margin-left: 7px;
    
}
.contenedor-seri a { 
    float: right;
    padding-right: 24px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}
.contenedor-seri img {
    margin-left: 17px;
    float: left;
}


footer {
    background-color: #000000;
    float: left;
    height: 100px;
    width: 1090px;
}

footer p {
    float: left;
    width: 805px;
    color: #fff;
    font-size: 12px;
    padding-left: 23px;
    font-family: 'Roboto', sans-serif;
}

footer img {
    float: right;
    position: relative;
    left: -15px;
    top: -18px;
}

footer ul {
    margin-left: -19px;
    
}

footer ul li {
    float: left;
}

footer li a {
    float: left;
    margin: 0 4px 0 0;
    text-decoration: none;
    color: #e5ca05;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.favorito {
    background-image: url(imagenes/cuadro-votacion.svg);
    width: 855px;
    height: 59px;
    text-align: center;
    padding-top: 13px;
    margin-bottom: 71px;
}

.favorito h2 {
    font-family: 'Oswald', sans-serif; 
}

.votacion {
    float: left;
    width: 182px;
    margin-right: 16px;
    margin-bottom: 35px;
    margin-left: 16px;
    position: relative;
    margin-top: 41px;
}

.votacion a p {
    text-indent: -9999px;
    margin: 0;
    font-size: 36px;
    top: 96px;
    left: 50px;
    position: absolute;
    color: #262626;
    font-family:'Oswald', sans-serif;
}

.votacion:hover a p {
    text-indent: 0;
}

.votacion a img {
    background: #000000;
} 

.votacion h4 {
    margin: 0;
    margin-top: 8px;
}

.votacion p {
    margin: 0;
}

.confirmar-votacion {
     font-family: 'Oswald', sans-serif;
}

.confirmar-votacion h2 {
    text-align: center;
    font-family: 'Oswald', sans-serif;
    background: #c1bebe;
    padding: 15px;
    font-weight: 400;
}

 #registrar {
    float: left;
    width: 500px;
}

 #registrar label {
    float: left;
    width: 500px;
}

 #registrar input {
    float: left;
    width: 500px;
    margin-bottom: 15px;
    padding: 6px;
    padding-left: 15px;
    border-radius: 6px;
}

#registrar a {
    background: #000;
    float: left;
    width: 182px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    height: 24px;
    padding-top: 3px;
    margin-top: 11px;
}


#contenido {
    font-family: 'Roboto', sans-serif;
    margin-top: 15px;
}



.docente img {
    margin-left: 5px;
}

.docente h4 { 
    font-family:'Oswald', sans-serif;
    font-size: 20px;
    border-bottom: 2px solid #000;
    margin-top: 30px
}


.docente p {
    font-family:'Roboto', sans-serif; 
    font-weight: 400;
    margin-top: 10px;
    margin-left: 5px;
}


#menusecu {
    margin-top: 3px;
    height: 464px;
}


#menusecu ul {
    text-align: left;
    text-decoration: none;
    list-style: none;
    margin-left: -40px;
    
}


#menusecu ul li {
    text-decoration: none;
    
}


#menusecu ul li a {
    text-decoration: none;
    color: #a5a5a5;
    
}


#menusecu ul li a p {
    font-family: 'Oswald', sans-serif;
    font-size: 20pt;
    border-bottom: 2px solid #a5a5a5;
    width: 136px;
    margin-bottom: -7   px;
    margin-top: 36px;
}

#videotxt {
    margin-top: -461px;
    float: left;
    width: 878;
    margin-left: 215;
    height: 1204;
}


#videotxt h3 {
    font-family: 'Roboto', sans-serif;
    margin-left: 229px;
    font-size: 16px;
    margin-left: 17px;
    border-bottom: 1px solid #000;
   
}


#videotxt p {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-left: 229px;    
    margin-bottom: 58px;
    text-align: justify;
   
}

#videotxt img {
    margin-left: 206px;
    margin-top: -10px;
}

#video {
    margin-left: 233px;
}

#provisorio {
    margin-top: 30px;
    margin-left: 230px;
}

#tallerfoto {
   width: 1093px;
    height: 1760px;
}

#tallerfoto img {
    margin-left: 32px;
    margin-top: 36px;
    margin-bottom: -12px;

}

#galeriat h3 {
    margin-left: 228px;
    border-bottom: 2px solid #a5a5a5;
    margin-top: 114px;
}


.cuatri1 {
    margin-left: 198px;
    margin-bottom: 21px;
    margin-top: -21px;
}

.cuatri2 {
    margin-left: 198px;
    margin-bottom: 21px;
    margin-top: -21px;
}


.cuatri1 img {
    margin-bottom: 2px;
}


#formularios {
  
}


#formularios ul {
    list-style: none;
}


#formularios ul li {
    text-decoration: none;
}

#formularios ul li a {
    text-decoration: none;
    color: #a5a5a5;
}

#formularios ul li a p {
    text-decoration: none;
    font-family: 'Oswald', sans-serif;
    border-bottom: 2px solid #a5a5a5;
    width: 96px;
    }

#texto {
    margin-left: 251px;
    float: left;
    margin-top: -400px;
    width: 834px;
    text-align: justify;
    font-family: 'Roboto', sans-serif;
}

#texto h3 {
    margin-top: 95px;
    border-bottom: 2px solid #a5a5a5;
}

#jornada {
    height: 1157px;
}

#jornada img {
    margin-left: 224px;
    float: left;
    margin-top: -438;
}

#cuerpo {
    width: 1092px;
    height: 1516px;
}

#cuerpo img {
    margin-left: 34px;
    margin-top: 36px;
}


 #forma1 {
    float: left;
    width: 558px;
    height: 641px;
    margin-left: 66px;
    margin-top: 38px;
}

 #forma1 label {
    float: left;
    width: 500px;
    margin-top: 10px;
    margin-bottom:  3px;
    font-family: roboto;
 
}

 #forma1 input {
    float: left;
    width: 500px;
    margin-bottom: 15px;
    padding: 6px;
    padding-left: 15px;
    border-radius: 6px;
}

#forma1 a {
    background: #000;
    float: left;
    width: 182px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    height: 24px;
    padding-top: 3px;
    margin-top: 53px;
    font-family: 'Roboto', sans-serif;
}

sidebar a {
    margin-top: 10px;
}

.cuatri2 {
    margin-left: 198px;
    margin-bottom: 21px;
    margin-top: -21px;
}


.cuatri1 img {
    margin-bottom: 2px;
}

#docentes {
    width: 858px;
    margin-left: 230px;
    margin-bottom: 84px;
    height: 2322px;
    float: left;
    margin-top: -505px;

}

.docente ul {
    font-family: 'Roboto', sans-serif;
}

#contacto {
    width: 861px;
    margin-left: 220;
    height: 941px;
    float: left;
    margin-top: -438px;
}


 #registrar {
    float: left;
    width: 500px;
    margin-left: 35px;
    font-family: 'Roboto', sans-serif;
}

 #registrar label {
    float: left;
    width: 500px;
}

 #registrar input {
    float: left;
    width: 500px;
    margin-bottom: 29px;
    padding: 6px;
    padding-left: 15px;
    border-radius: 6px;
}

#registrar a {
    background: #000;
    float: left;
    width: 182px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    height: 24px;
    padding-top: 3px;
    margin-top: 11px;
    font-family: 'Roboto', sans-serif;
}


.docente img {
    margin-left: 5px;
}

.docente h4 { 
   font-family: 'Oswald', sans-serif;
   font-size: 20px;
   border-bottom: 2px solid #000;
   margin-top: 60px;
   margin-left: 3px;
   width: 501px;
}


.docente p {
    font-family:'Roboto', sans-serif; 
    font-weight: 400;
    margin-top: 10px;
    margin-left: 5px;
}

textarea {
    margin-bottom: 20px;
    border-radius: 6px;
    width: 498px;
}

#fotogale {
    margin-top: 36px;
    float: left;
    width: 872px;
    margin-left: 28px;
    height: 677px;
}


.foto img {
    margin-left: 7px;
}

.foto h4 { 
   font-family: 'Oswald', sans-serif;
   font-size: 20px;
   border-bottom: 2px solid #000;
   margin-top: 60px;
   margin-left: 33px;
   width: 501px;
}


.foto p {
    font-family:'Roboto', sans-serif; 
    font-weight: 400;
    margin-top: 10px;
    margin-left: 5px;
    
}

#propuesta {
    width: 860px;
    margin-left: 229px;
    text-align: justify;
    font-family: 'Roboto', sans-serif;
    float: left;
    margin-top: -464px;
    height: 1589px;
}

#propuesta h3 {
    border-bottom: 2px solid #000;
    margin-bottom: 30px;
    
}


/*CALENDARIO*/



.vienesanti {
    
    margin-top: 30px;
    margin-bottom: 50px;
}






.subtitulo {height:30px;width:863px; margin-top:50px;margin-bottom: 50px;clear: both; border-bottom-color: rgb(0,0,0);border-bottom-style:solid; border-bottom-width:1px; }
.subtitulo h {font-family:'Roboto',400, sans-serif; font-size: 14pt;margin-bottom: 2px;}


.texto_destacado2 {

    font-family:'Roboto'500,sans-serif;
    font-size: 10px;

}

.contenedor-importante {
    float: left;
    width: 330px;
    margin-bottom: 100px; 
    position: relative;
    
    
}


.contenedor-noticias2 {
    float: left;
    width: 230px;
    height: 270px;
    margin-right: 15px;
    background-image:url(imagenes/noticias-ultimajornada.svg);background-repeat: no-repeat;
    margin-bottom: 30px;
  
}

.contenedor-noticias2 img {margin-top:85px;margin-right:22px;margin-left:32px;margin-bottom: 10px;}
.contenedor-noticias2 a {margin-top:330px;margin-left:190px;background-color: rgb(255, 245, 0);text-decoration: none; color: rgb(255, 255, 255);padding-left: 5px;padding-right: 5px;}



.contenedor-noticias3 {
    float: left;
    width: 230px;
    height: 270px;
    
    margin-right: 15px;
    
    background-image:url(imagenes/noticias-finales.svg);background-repeat: no-repeat;
    margin-bottom: 30px;
  
}

.contenedor-noticias3 img {margin-top:90px;margin-right:22px;margin-left:40px;margin-bottom: 33px;}
.contenedor-noticias3 a {margin-top:330px;margin-left:190px;margin-bottom: 5px; background-color: rgb(255, 245, 0); text-decoration: none; color: rgb(255, 255, 255);padding-left: 5px;padding-right: 5px;}




.texto_destacado1 {
    
    font-family:'Oswald'400;
    font-size: 25px;
    margin-right: 5px;
    text-align: left;
}

.contenedor-noticias p {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 12pt;
    font-family: 'Roboto', sans-serif;
    
}
.contenedor-noticias a { 
    float: right;
    padding: 1px,1px,3px,3px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    background-color: rgba(228, 255, 0, 0.96);
   
}
.contenedor-noticias img {
   
    width: 250px;
    margin: auto;
    padding: auto;
}

.texto_destacado3 {
   font-family: 'Oswald'300;
   font-size: 34px;
   text-align: center; 
   margin-top: 22px;    
   padding-top: 10px;    
     

}






/*TEMARIO*/



.mapa { 
  
   margin-left: 81px;
   margin-right: 81px;
   margin-bottom: 3px;   
            
}

.subtituloT {height:30px;width:863px; margin-top:50px;margin-bottom: 50px;clear: both; border-bottom-color: rgb(0,0,0);border-bottom-style:solid; border-bottom-width:1px; }

.subtituloT h {font-family:'Roboto',400, sans-serif; font-size: 14pt;margin-bottom: 2px;}


.contenedortp {
    
    margin-top: 10px;
    float: left;
    width: 205px;
    height: 520px;
    border-right-style: solid;
    border-right-color: rgb(160, 158, 158);
    border-right-width: 1px;
    padding-right: 15px;
    margin-bottom: 50px;
}

.contenedortp  h1{font-family: 'Roboto',300, sans-serif; font-size: 9px; border-bottom-style: dashed;border-bottom-color: rgb(0,0,0); border-bottom-width: 1px; height: 12px;margin-top: 15px; }
.contenedortp  h2 {font-family:'Oswald', 700 ;font-size: 17px;height: 14px;}
.contenedortp p {font-family: 'Roboto'300, sans-serif;font-size: 14px; }
.contenedortp a {}




.contenedortp2 {
    
   
    margin-top: 10px;
    float: left;
    width: 205px;
    height: 520px;
    margin-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
   
}

.contenedortp2  h1{font-family: 'Roboto',300, sans-serif; font-size: 9px; border-bottom-style: dashed;border-bottom-color: rgb(0,0,0); border-bottom-width: 1px; height: 12px; margin-top: 15px; }
.contenedortp2  h2 {font-family: 'Oswald', 700 ; font-size: 17px; height: 14px;}
.contenedortp2  h3 {font-family: 'Oswald', 700 ; font-size: 17px; margin-bottom: 9px;}
.contenedortp2 p {font-family: 'Roboto'300, sans-serif;font-size: 14px; }
.contenedortp2 a {}

.banner {float: right; margin-left: 10px;margin-right: 20px; margin-bottom: 50px;}
.banner h2 {font-family: 'Oswald', 700 ; font-size: 10px; height: 14px;}







/*MATERIAL*/

.material {width: 863px; margin-top: 30px;margin-bottom: 50px; height: 600px;}

.lineometro {width: 372px; float: left; margin-right: 50px; border-style: solid; border-color: rgb(255, 245, 0); border-width: 3px; padding-left:18px;padding-top:10px;padding-right:10px; padding-bottom:10px; }

.lineometro h {width: 400px; font-family:'Roboto',300, sans-serif; font-size: 15px; border-bottom-style: dashed;border-bottom-color: rgb(0,0,0); border-bottom-width: 1px; margin-bottom: 10px; }

.lineometro h2 {width: 120px;font-family:'Oswald', 700 ; font-size: 24px;border-bottom-style: solid;border-bottom-width: 3px; border-bottom-color: #000;}
.lineometro p {width: 350px; }

.lineometro a {margin-bottom: 20px; margin-left: 100px;margin-top: 30px;clear: both;}



.cuentahilos {width: 372px; float: left; border-style: solid; border-color: rgb(255, 245, 0); border-width: 3px; padding-left:18px;padding-top:10px;padding-right:10px; padding-bottom:10px; }

.cuentahilos h {width: 400px; clear: both; font-family:'Roboto',300, sans-serif; font-size: 15px; border-bottom-style: dashed;border-bottom-color: rgb(0,0,0); border-bottom-width: 1px; margin-top: 15px; }

.cuentahilos p {clear: both; width: 350px;}

.cuentahilos h2 {width: 140px;font-family:'Oswald', 700 ; font-size: 24px;border-bottom-style: solid;border-bottom-width: 3px; border-bottom-color: #000;}



.materialesseri { width: 863px;margin-top: 30px;margin-right: 0px;padding-right: 0px; margin-bottom: 60px;}

.materialesseri h2 {width: 600px; height: 25px; padding-top: 5px;background-image: url(imagenes/fondotitulolargo.svg);background-repeat: no-repeat; height: 40px; padding-left: 30px; padding-top: 20px;font-family:'Roboto'400, sans-serif; font-size: 23px; }

.materialesseri h3 {width: 280px;margin-left: 15px; font-family:'Roboto500', sans-serif ;font-size: 19px; height: 27px; margin-top: 15px;  border-bottom-style: dashed;border-bottom-color: rgb(0,0,0); border-bottom-width: 1px; }

.materialesseri p {width: 600px;margin-left: 15px;}

.materialesseri h4 {font-family:'Roboto500', sans-serif ;font-size: 16px; color: rgb(255, 245, 0);height: 5px;}

.materialesseri img {float: right; margin-left: 10px;margin-top: 50px;}







/*NIVEL I*/

.nivelI { background-image: url(imagenes/rayitas2.svg); width: 863px; height: 45px;padding-top: 10px;padding-bottom: 10px;margin-bottom: 15px;}
.nivelI h {font-family:'Roboto'300, sans-serif;font-size: 16px; margin-left: 220px; color: rgb(152, 146, 146);padding-top:25px;height: 25px; }
.nivelI img {float: right; margin-right: 30px;}


.flexo {width: 270px;float: left; height: 400px;margin-bottom: 30px;}
.flexo h{
    background-image: url(imagenes/cinta.jpg);
    background-repeat:no-repeat;
    background-size:cover;
   
    font-family:'Oswald'; font-size: 19px; 
    padding-left: 13px;padding-right: 10px; padding-bottom: 15px;padding-top: 7px;
    width: 250px;
    height: 80px;
    text-align: center;

}

.flexo p{margin-top: 40px; margin-left: 20px;} 
.flexo a {text-decoration: none;color: rgb(255, 245, 0); margin-left: 20px;}



.roto {width: 270px;float: right;height: 400px;margin-left: 25px;margin-right: 25px;margin-bottom: 30px;}
.roto h {
    background-image: url(imagenes/cinta.jpg);
    background-repeat:no-repeat;
    background-size:cover;
   
    font-family:'Oswald'; font-size: 19px; 
    padding-left: 13px;padding-right: 10px; padding-bottom: 15px;padding-top: 7px;
    width: 250px;
    height: 80px;
    text-align: center;

}
.roto p{margin-top: 40px; margin-left: 20px;}
.roto a {text-decoration: none;color: rgb(255, 245, 0); margin-left: 20px;}



.offset {width: 270px; float: right;height: 400px; margin-bottom: 30px;}
.offset h{
    background-image: url(imagenes/cinta.jpg);
    background-repeat:no-repeat;
    background-size:cover;
   
    font-family:'Oswald'; font-size: 19px; 
    padding-left: 13px;padding-right: 10px; padding-bottom: 15px;padding-top: 7px;
    width: 250px;
    height: 80px;
    text-align: center;

}

.offset p {margin-top: 40px; margin-left: 20px;} 

.offset a {text-decoration: none;color: rgb(255, 245, 0); margin-left: 20px;}