@import url(http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,700,200);


body {
margin: 0%;
font-size: 16px;
font-family: 'Yanone Kaffeesatz',Arial, Helvetica, sans-serif;
text-decoration:none;
background-image: url(img/fond-pattern.jpg);
    
    }

.pagina{max-width: 960px;
        margin: 0 auto;
        }

header {width: 100%;
        margin: 0;
        margin-top: 0;
       position: relative;
       
        }

.logo {width: 40%;
       margin: 0 0 0 29%;
        }

       
#fondonav{width: 100%;
         height: 37px;
         background-color: #D4274C;
         position: absolute;
        }


section {width: 100%;
        
        margin: 0 0 0 0;
    }

.slider {width: 100%;
        margin-top: 10px;}

.separador {clear: both;}


/* texto slider */
 
h5 {
    position: absolute;  
    width: 300px;
    height: 358px;
    padding: 25px;
    font-family:'Yanone Kaffeesatz', helvetica, arial, sans-serif; 
    font-size: 38px; 
    color: #e11048;
    background-color: #fff; opacity: 0.9;
    line-height: 38px;
    margin-top: -408px;
    
    }

p {
    font-family:helvetica, sans-serif;
    color: #e11048;
    font-size: 14px; 
    font-weight: 600;
    margin: 0; 
    text-decoration: none;
    line-height: 20px;
    padding: 15px 15px 0 0;
    margin-top: 32px;
    }

/* fin texto slider */





/* docentes */





#comisiones {width: 100%;
            height: 480px;
            background: transparent;
            
                }

#cuadrado_docente { margin-top: 20px;
                    margin-right: 20px;margin-bottom: 20px;
                    float: left;
                    background-color: rgba(42, 54, 59, 0.08);
}

#daniel_roldan { background: url(img/docentes/daniel-roldan.jpg);
                height: 300px;
                width: 300px;
                
    
                }


#daniel_roldan:hover {width: 300px;
                        height:300px;
                        cursor: pointer;
                        background: url(img/hover_roldan.png);
                        }

#nombres_docentes {width: 98%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 1% 0 4% 2%;
                        border-bottom: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        ;
                        
   }


#nombres_docentes img {width: 10%;margin: 0; float: left;padding: 3%;
                    
                        
   }

#nombres_docentes p { font-size: 14px;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 0%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
    line-height: 16px;
        padding: 2% 0 4% 0%;
}  

#pupe { background-image: url(img/docentes/pupe.jpg);
                height: 300px;
                width: 300px;
                margin-bottom: 20px;
                }

#pupe:hover {width: 300px;
                        height:300px;
                        cursor: pointer;
                        background: url(img/hover_pupe.png);
                        }

#jose { background-image: url(img/docentes/jose_villamayor.jpg);
                height: 300px;
                width: 300px;
                margin-bottom: 20px;
                }

#jose:hover {width: 300px;
                        height:300px;
                        cursor: pointer;
                        background: url(img/hover_villamayor.png);
                        }

#ana { background-image: url(img/docentes/ana.jpg);
                height: 300px;
                width: 300px;
                margin-bottom: 20px;
                }

#ana:hover {width: 300px;
                        height:300px;
                        cursor: pointer;
                        background: url(img/docentes/hover_ana.jpg);
                        }

#veronica { background-image: url(img/docentes/veronica-bidinost.jpg);
                height: 300px;
                width: 300px;
                margin-bottom: 20px;
                }

#veronica:hover {width: 300px;
                        height:300px;
                        cursor: pointer;
                        background: url(img/hover_bidinost.png);
                        }

#marquitos { background-image: url(img/docentes/marcos-farina.jpg);
                height: 300px;
                width: 300px;
                margin-bottom: 20px;
                }
#marquitos:hover {width: 300px;
                        height:300px;
                        cursor: pointer;
                        background: url(img/hover_farina.png);
                        }

#gaston { background-image: url(img/docentes/gaston-caba.jpg);
                height: 300px;
                width: 300px;
                margin-bottom: 20px;
                }

#gaston:hover {width: 300px;
                        height:300px;
                        cursor: pointer;
                        background: url(img/hover_caba.png);
                        }





/* Fin docentes */







#galeria {margin-top: 20px;
          position: relative;
          background-image: url(img/galeria_home.png);
          background-size: contain;
          float: left;
          width: 100%;
          height: 150px;
          }


#galeria:hover {width: 100%;
                float: left;
                margin-top: 20px;
                background: url(img/galeria_hover.png);
                background-size: contain;
                cursor: pointer;
                }


#taller {margin-top: 20px;
          position: relative;
          background-image: url(img/taller_home.png);
          background-size: contain;
          float: left;
          width: 100%;
          height: 150px;
          }


#taller:hover {width: 100%;
                float: left;
                margin-top: 20px;
                background: url(img/taller_hover.png);
                background-size: contain;   
                cursor: pointer;
                }

article h1{
    text-align: center;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    color: #fff;
    font-size: 4em;
    position: absolute;
    margin-left: 42.5%;
    margin-top: 4.5%;
   
}

/* Articles con click */




article .hide { width: 300px; height: 300px; position: absolute; background-image: url(img/tps_hover.jpg);

}

article .hide1 { width: 300px; height: 300px; position: absolute; background-image: url(img/expo_hover.jpg);

}

article .hide2 { width: 300px; height: 300px; position: absolute; background-image: url(img/academico_hover.jpg); 

}


article .hide p{color: #eee;  font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; letter-spacing: 2px;   font-size: 32px;  text-align: center; padding-top: 41px; line-height: 50px; cursor: pointer; 
      
}

article .hide1 p{color: #eee;  font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; letter-spacing: 2px;   font-size: 32px;  text-align: center; padding-top: 68px; line-height: 50px; cursor: pointer; padding-left: 13px;
      
}

article .hide2 p{color: #eee;  font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 700; letter-spacing: 2px;   font-size: 32px;  text-align: center; padding-top: 41px; line-height: 50px; cursor: pointer; padding-top: 67px;
      
}

article .close { cursor:pointer;font-size:16px; ; font-weight:bold;position: absolute; top: 26px; left: 144px; color: #eee;}

article .close1 { cursor:pointer;font-size:16px; ; font-weight:bold;position: absolute; top: 26px; left: 144px; color: #eee;}

article .close2 { cursor:pointer;font-size:16px; ; font-weight:bold;position: absolute; top: 26px; left: 144px; color: #eee;}

#tps {width: 300px;
    height: 300px;
    background-image: url(img/cuadrados_home.png);
    float: left;
    margin-top: 20px;
    margin-bottom: 20px;
    position: relative;


}

#tps:hover{; background-image:url(img/cuadrados_home_hover.PNG); 

}

#tps .select p{  text-align: center;
            font-family: 'Yanone Kaffeesatz', sans-serif;    
            font-weight: 700;            
            color: #2a363b;
            font-size: 61px;  
            position: absolute;
            margin-top: 84px;
            margin-left: 42px;
        cursor: pointer;  
    line-height: 50px;
   
            }

#tps .hide p a{color: #eee;

}

#tps .hide p a:hover{color: #fff68d;

}

#expo .hide1 p a{color: #eee;

}

#expo .hide1 p a:hover{color: #fff68d;

}

#academico .hide2 p a{color: #eee;

}

#academico .hide2 p a:hover{color: #fff68d;

}

#expo .select1 p{  text-align: center;
            font-family: 'Yanone Kaffeesatz', sans-serif;    
            font-weight: 700;            
            color: #2a363b;
            font-size: 61px;  
            position: absolute;
            margin-top: 84px;
            margin-left: 74px;
        cursor: pointer;  
       line-height: 50px;
            }

#expo {width: 300px;
    height: 300px;
    background-image: url(img/cuadrados_home.png);
    float: left;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
    position: relative;
     
}

#expo:hover{; background-image:url(img/cuadrados_home_hover.PNG); }




#academico {width: 300px;
    height: 300px;
    background-image: url(img/cuadrados_home.png);
    float: left;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 20px;
    position: relative;
  
}
#academico:hover{; background-image:url(img/cuadrados_home_hover.PNG); }

#academico-texto{
            text-align: center;
            font-family: bebas, sans-serif;
            color: #000;
            font-size: 48px;  
            position: absolute;
            margin-top: 120px;
            margin-left: 35px;
            }

#academico .select2 p{  text-align: center;
            font-family: 'Yanone Kaffeesatz', sans-serif;    
            font-weight: 700;            
            color: #2a363b;
            font-size: 61px;  
            position: absolute;
            margin-top: 116px;
            margin-left: 72px;
        cursor: pointer;  
            }


/* Fin Articles con click */



/* Tercera sección (notas) */

.nota1{width: 65.5%;
min-height: 300px;
background-image: url(img/noticias_home_1.png);
    float:left;
    margin-top: 20px;
    
   
 
    margin-bottom: 20px;
    
}


.nota1_A{background-color: #25306d;
    opacity: 0.7;
    width: 40%;
    height: 300px;
       -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
    
    
}

.nota1_A:hover{
    width: 47%;
}

.nota1_b{
font-size: 2em;
    text-align: center;
    padding-top: 20px;
    color: #eee;
    font-weight: 700;


}

.nota1_c{
  
    font-family: arial, sans-serif;
    font-size: 0.8em;
    color: #eee;
    text-align: center;
    padding: 10PX 10px 10px 10px;
     border-top: 2px solid #eee;
}

.CTA_noticias{width: 80px; background-color: #eee;  height: 24px; margin: 10px auto; border-radius: 3px 3px 3px 3px;  


}

.CTA_noticias a {  font-size: 1em; text-align: center; text-decoration: none; color: #25306d; margin-left: 14px; letter-spacing: 1px;


}

@media screen and (max-width: 768px){
    
    .nota1_A{background-color: #25306d;
    opacity: 0.7;
    width: 70%;
    height: 300px;

    
}
    .nota1{
    margin: 5% 0px 5% 14%;
    
    }
    .nota1_A:hover{
width: 72%;
}
    
}

@media screen and (max-width: 320px){
    .nota1_A{background-color: #25306d;
    opacity: 0.7;
    width: 300px;
    height: 300px;

    
}
    .nota1_A:hover{
width: 100%;
}
   
    .nota1{width: 300px;
min-height: 300px; float:left; margin: 3%;
}


}

.anotate{width: 65.5%;
min-height: 300px;
background-image: url(img/noticias_home_2.png);
    float:left;
    margin-top: 20px;
    
   
 
    margin-bottom: 20px;
    
}


.anotate1_A{background-color: #FFFE83;
    opacity: 0.7;
    width: 40%;
    height: 300px;
       -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
    
    
}

.anotate1_A:hover{
    width: 47%;
}

.anotate_b{
font-size: 2em;
    text-align: center;
    padding-top: 20px;
    color: #ea1b4b;
    font-weight: 700;


}

.anotate_c{
  
    font-family: arial, sans-serif;
font-size: 0.8em;
    color: #ea1b4b;
    text-align: center;
    padding: 10PX 10px 10px 10px;
    border-top: 2px solid #ea1b4b;
}

.CTA_anotate{width: 80px; background-color:  #ea1b4b;  height: 24px; margin: 10px auto; border-radius: 3px 3px 3px 3px;  


}

.CTA_anotate a {  font-size: 1em; text-align: center; text-decoration: none; color: #FFFE83; margin-left: 14px; letter-spacing: 1px;


}

@media screen and (max-width: 768px){
    
    .anotate1_A{
    opacity: 0.7;
    width: 70%;
    height: 300px;

    
}
    .anotate{
    margin: 5% 0px 10% 14%;
    
    }
    .anotate1_A:hover{
width: 72%;
}
    
}

@media screen and (max-width: 455px){
    
    .anotate{width: 300px;}
    
    
    .anotate1_A{
    opacity: 0.7;
    width: 300px;
    height: 300px;

    
}
    .anotate1_A:hover{
width: 300px;
}
    
    
    
}


.novedades_home_1 {width: 300px; height: 640px; background-image: url(img/novedades_home_1.png); float:right; margin-top: 20px;
    
}

.novedades_home_2 { background-color: #ea1b4b; opacity: 0.7;
    width: 100%;
    height: 250px;
       -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
    
    
}

.novedades_home_2:hover{
    height: 300px;
}
.novedades_home_3 {font-size: 2em;
    text-align: center;
    padding-top: 20px;
    color: #fff;
    font-weight: 700;


}

.novedades_home_4 { font-family: arial, sans-serif;
font-size: 0.8em;
    color: #fff;
    text-align: center;
    padding: 10PX 10px 10px 10px;
    border-top: 2px solid #ea1b4b;
    
}

.CTA_novedades{width: 80px; background-color:  #fff;  height: 24px; margin: 10px auto; border-radius: 3px 3px 3px 3px;  


}

.CTA_novedades a {  font-size: 1em; text-align: center; text-decoration: none; color: #ea1b4b; margin-left: 14px; letter-spacing: 1px;


}

@media screen and (max-width: 869px){
    
    .novedades_home_1 { height: 640px; background-color: #eee;      margin: 0% 0px 0px 14%;
        width: 65.5%;
        height: 300px;
        background-image: url(img/novedades_home_2.png);
        float:left;
}
    
.novedades_home_2 {
  width: 70%;
    height: 300px;

}    

.novedades_home_2:hover{
    width: 72%;
}
    
    
}

@media screen and (max-width: 455px){

  .novedades_home_1 { height: 640px; background-color: #eee;      margin: 0% 0px 0px 14%;
        width: 300px    ;
        height: 300px;
       float:left;
}
    
.novedades_home_2 { width: 300px;
        height: 300px;
       float:left;
}
    
    .novedades_home_2:hover{
    width: 100%;
}
   
}

/* Fin Tercera sección */










/* trabajos  ////////////////////////////////////////////*/




.sectiontrabajos { 
    width: 70.6%;
    float: left;
} 



#imagendestacado { background-image: url(img/trabajos/destacados.png);background-size: auto; width: 100%; height: 270px; float:left; margin-top: 20px;

}

#recuadromovimiento_trabajos {background-color: #FFFE83; opacity: 0.75; width: 65%; height: 270px; transition: all 1s ease 0s; 

}

#recuadromovimiento_trabajos:hover{
width: 75%;
}


#recuadromovimiento_trabajos h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 80px; color: #D4274C; line-height: 96px; margin: 0 0 0 10px; padding-left: 20%;


}



#imagenanteriores { background-image: url(img/trabajos/anteriores.png);background-size: auto; width: 100%; height: 270px; float:left; margin-top: 20px;

}

#recuadromovimiento_trabajos_anteriores {background-color: #ea1b4b;
    opacity: 0.7;
    width: 65%;
    height: 270px;
    float: right;
       -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;  

}

#recuadromovimiento_trabajos_anteriores h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 80px; color: #FCDE56; line-height: 96px; margin: 0 0 0 10px   ; float: right; padding-right: 20%;


}

#recuadromovimiento_trabajos_anteriores:hover{
width: 75%;
}




#copete_trabajos {background-color: #D4274C; width: 100%; float: left;
}

#copete_trabajos p{font-size: 12px; font-family: arial, sans-serif; float: left; color: #FFFEBA;  margin: 0; padding: 5px; font-weight: 600; line-height: 15px;  
    

}

#copete_trabajos2 {background-color: #FCDE56; width: 100%; float: left;
}

#copete_trabajos2 p{font-size: 12px; font-family: arial, sans-serif; float: left; color: #D4274C;  margin: 0; padding: 5px; font-weight: 600; line-height: 15px;
    

}

.asidetrabajos {
    width: 22%;
    overflow: hidden;
    padding: 2%;
    float: right;text-decoration: none;
        
          
}


.asidetrabajos h4 {font-family: "Yanone Kaffeesatz",sans-serif; 
                  font-size: 28px;
                  font-weight: 400;
                  color: #fff;
                  margin-bottom: 2px; margin-top: 2px;margin-left: 0;margin-right: 0;
                  padding-bottom: 5px;
                  border-bottom: 1.6px solid #eee;
                  text-align: left;
    
    
    
}

.asidetrabajos p {font-family: arial,sans-serif; 
                  font-size: 12px;
                  font-weight: 300;
                  color: #fff;
                  margin-bottom: 5px ; margin-top: 0 ;margin-left: 0;margin-right: 0;
                  padding:4px 0 4px 0;
                  border-bottom: 1.6px solid #eee;
                  text-align: left;    
}


.asidetrabajos a {font-family: arial,sans-serif; 
                  font-size: 12px;
                  font-weight: 300;
                  color: #fff;
                  margin-bottom: 5px ; margin-top: 0 ;margin-left: 0;margin-right: 0;
                  padding:4px 0 10px 0;
                  text-align: left;
                    }
                    

.asidetrabajos a:hover {
                  color: #FCDE56;
                   }


.asidetrabajos img {
                  width: 100%; border-top: 1.6px solid #eee;margin-top: 2%;padding-top: 5%; padding-bottom: 5%; 
                   }

#titulo_aside_trabajos h2 {font-family: "Yanone Kaffeesatz",sans-serif; 
                  font-size: 28px;
                  font-weight: 400;
                  color: #fff;
        
                  margin-bottom: 2px; margin-top: 2px;margin-left: 0;margin-right: 0;
                  padding-bottom: 5px;
                 
                  text-align: left;} 

#titulo_aside_trabajos h2 span {font-family: arial, sans-serif; font-size: 13px; line-height: 15px;}


#titulo_aside_trabajos h2:hover {color: #FCDE56;}


#texto_aside_trabajos { margin: 10px 0; border-top: 1px solid #fff;
}

#texto_aside_trabajos p {font-family: arial,sans-serif; 
                  font-size: 12px;
                  font-weight: 300;
                  color: #fff;
                  margin-bottom: 5px ; margin-top: 0 ;margin-left: 0;margin-right: 0;
                  padding:4px 0 4px 0;
                  border-bottom: 1.6px solid #eee;
                  text-align: left
}







/* FIN trabajos  ////////////////////////////////////////////*/



/* trabajos destacados */


.sectiondestacado { 
    width: 70.6%; float: left;
} 




.titulotp { width: 100%;
         float: left;
         
         
         
         
} 

.titulotp h2{
         font-family:'Yanone Kaffeesatz', sans-serif;
         margin: 20px 0 10px 0 ;
         padding-left: 2%;  
         font-size: 1.8em;
         text-align: center;
         color: #FCDE56;
         text-align: left;
         font-weight: 500;
         border-bottom: 2px solid #12a4b7;     

        
} 

#principal ul{padding: 0;
} 

#principal li { 
   
   float:left; 
   width:31.2%;
   
   position: relative;
   margin: 1%; list-style:none;
   
   
}

#tps2011 {width:100%;
   
   position: relative;
   margin: 1%;-webkit-box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);
-moz-box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);
box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);
   
}

#principal ul li p{  text-align: center;
            font-family: 'Yanone Kaffeesatz', sans-serif;    
            font-weight: 700;            
            color: rgba(255, 255, 255, 0);
            font-size: 4em;  
            position: absolute;
            top: 5%;
            width: 100%;
            cursor: pointer;
            line-height: normal;
    
    
            }


#tps2011 img:hover {display: none;}

                
#principal ul li p:hover {   list-style:none;
                            color: #e11048;
                            text-shadow:1px 1px 0 rgba(131, 131, 131, 0.52)}


/* fin pagina trabajos destacados */








/* catedra ////////////////////////////////////////////////////////////////*/


.aside_catedra{
    width: 27%;
    overflow: hidden;
    float: right;
        
          
}

.catedra_principal {  width: 70.6%;  float:left; margin-top: 10px;

}
.catedra_principal img { width: 100%; float:left; position: relative;

}

#imagenprincipal_catedra {  width: 100%; height: 300px; float:left; margin-top: 10px;

}


#imagenprincipal_catedra h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 80px; color: #FCDE56; line-height: 85px; margin-top:60px; margin-left: 30px; position: absolute;

}

#imagenprincipal_catedra h4{ font-family: "Yanone Kaffeesatz",sans-serif; font-weight: 700; width: 160px; height: 46px; background-color: #ea1b4b; color: #FCDE56; margin-left: 30px; margin-top: 150px; padding-left: 10px; padding-top: 10px;position: absolute;
}

#texto_catedra {width: 100%; border-bottom: 3px solid #12A4B7; border-top: 3px solid #12A4B7; background-color: rgba(42, 54, 59, 0.08); float: left; margin-top: 20px; margin-bottom: 40px;
}

#texto_catedra p{font-size: 0.8em; font-family: arial,sans-serif; font-weight: 200; color: #FFF;display: block; margin-left: 20px; margin-top: -4px; margin-bottom: 20px;
}



.boton_docentes_catedra{background-image: url(img/CATEDRA/boton_docentes_1.JPG); ; width: 242px; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 16px; 
}
.boton_docentes_catedra a{color: #000;}

.boton_docentes_catedra a:hover{color: #ea1b4b;}

.boton_historia_catedra a{color: #000;}

.boton_historia_catedra a:hover{color: #ea1b4b;}

.boton_programa_catedra a{color: #000;}

.boton_programa_catedra a:hover{color: #ea1b4b;}

.boton_docentes_catedra:hover {height: 286px; background-image: url(img/CATEDRA/boton_docentes_1_color.JPG);}

.boton_docentes_catedra h2{font-size: 50px; margin-left: 50px;cursor: pointer;color: #000;}



.boton_historia_catedra{background-image: url(img/CATEDRA/boton_historia_1.jpg); ; width: 242px; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 16px; 
}

.boton_historia_catedra:hover {height: 286px; background-image: url(img/CATEDRA/boton_historia_1_color.jpg);}

.boton_historia_catedra h2{font-size: 50px; margin-left: 50px;cursor: pointer;color: #000;}

.boton_historia_catedra h2:hover{color:  #ea1b4b;}


.boton_programa_catedra{background-image: url(img/CATEDRA/boton_programa_1.jpg); ; width: 242px; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 16px; 
}

.boton_programa_catedra:hover {height: 286px; background-image: url(img/CATEDRA/boton_programa_1_color.jpg);}

.boton_programa_catedra h2{font-size: 50px; margin-left: 44px;cursor: pointer;color: #000;}

.boton_programa_catedra h2:hover{color:  #ea1b4b;}
/* fin catedra ////////////////////////////////////////////////////////////////*/









/* programa ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


.aside_programa{
    width: 28%;
    overflow: hidden;
    float: right;
        
          
}

.programa_principal { width: 70.6%;  float:left; margin-top: 20px;

}

.programa_principal img { width: 100%; float:left; position: relative;

}


#imagenprincipal_programa h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 80px; color: #FCDE56; line-height: 85px; margin-top:60px; margin-left: 30px; position: absolute;

}

#imagenprincipal_programa h4{ font-family: "Yanone Kaffeesatz",sans-serif; font-weight: 700; width: 160px; height: 46px; background-color: #ea1b4b; color: #FCDE56; margin-left: 30px; margin-top: 150px; padding-left: 10px; padding-top: 10px;position: absolute;
}



.unidadestematicas{ width: 29.5%;
                    margin: 1%;
                    height: 250px;
                    background-color: #2a363b;
                    float: left;
                    position: relative;
                    padding: 5px;
                     border-top: solid #12a4b7 3px;
                     border-bottom: solid #12a4b7 3px;
                    background-color: rgba(42, 54, 59, 0.08);
                    
}

.unidadestematicas h4 { 
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        margin:  0;
                        
                        padding: 1% 0 2% 2%;
                        
                            
}


.unidadestematicas h3 { font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;padding:  0 ;margin: 0 0 4% 0;
}


.unidadestematicas p { font-size: 0.7em; font-family: arial,sans-serif; font-weight: 200; color: #FFF;display: block; margin-left: 20px; margin-top: -4px; margin-bottom: 20px; float: left;
}






/* fin programa ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/














/* Notas ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.notas_principal {width: 700px; float:left;

}

#imagenprincipal_notas { background-image: url(img/notas/imagen_principal2.jpg); width: 700px; height: 300px; float:left; margin-top: 20px;

}

#recuadromovimiento_notas {background-color: #FFFE83; opacity: 0.75; width: 65%; height: 300px; transition: all 1s ease 0s; 

}

#recuadromovimiento_notas:hover{
width: 75%;
}


#recuadromovimiento_notas h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 80px; color: #D4274C; line-height: 96px; margin: 0 0 0 10px   ;


}

#copete_notas {background-color: #D4274C; width: 700px; height: 45px; float: left;
}

#copete_notas p{font-size: 12px; font-family: arial, sans-serif; float: left; color: #FFFEBA;  margin: 0; padding: 5px; font-weight: 600; line-height: 15px;
    

}

#texto_notas {width: 700px; background-color: rgba(42, 54, 59, 0.08); float: left; margin-top: 20px;
}

#texto_notas p{font-size: 0.8em; font-family: arial,sans-serif; font-weight: 200; color: #FFF; display: block; margin-left: 20px; margin-top: -4px;

}

#texto_notas p span{font-size: 16px; font-weight: 700; line-height: 32px;

}

#rotulo_aside_notas{width: 240px; float: left; margin-left: 20px; margin-bottom: 5px; border-bottom: 2px solid #eee;
}

#rotulo_aside_notas p{font-family: "Yanone Kaffeesatz", sans-serif, arial, san-serif; font-size: 28px; color: #eee; margin:10px 0 15px 0 ;

}

.aside_notas {float:left; width: 240px; margin-top: 20px; margin-left: 20px; margin-bottom: 36px;
}

#titulo_aside_notas h2 {margin:10px 0 0 0; padding; 0; color: #fff; font-family:"Yanone Kaffeesatz",sans-serif; font-weight:400; font-size: 28px;cursor: pointer;} 
#titulo_aside_notas h2:hover {color:#FCDE56; }


#titulo_aside_notas h2 span {font-family: arial, sans-serif; font-size: 13px; line-height: 15px;}

#texto_aside_notas { margin: 10px 0; border-top: 1px solid #fff;
}

#texto_aside_notas p {font-family: arial; font-size: 12px; color: #fff; margin: 0; padding: 10px 0 0 0; line-height: 14px; font-weight: 300;
}

.CTA_notas_aside {width: 80px; background-color: #eee;  height: 24px; margin: 10px 0 0 0; border-radius: 3px 3px 3px 3px;  

}



.CTA_notas_aside a {  font-size: 1em; text-align: center; text-decoration: none; color: #464646; margin-left: 14px; letter-spacing: 1px;

}

/* fin Notas /////////////////////////////////////////////////////////////////////*/









/* Alumnos ////////////////////////////////////////////////////////////////*/


.separador1 { width: 72.1%;
         height: 20px;
         float: left;
         border-bottom: 3px solid #12a4b7;
        
          
 }   
       

.sectionalumnos{ 
    width: 70.6%; 
} 

.tituloalumnos { width: 100%;
         height: 20px;
         float: left;
         margin-top: 10px;
         margin-bottom: 10px;
         position: relative; 
    
         
} 


.tituloalumnos a { font-family:'Yanone Kaffeesatz', helvetica, arial, sans-serif; 
         font-size: 1.5em;
         color: #2a363b;
        text-align: center;
        display: block;
        margin:2% 1% 0 23%;
        float: left; 
} 


#materiales1 { 
    width: 100%;
    height: 200px;
    border-bottom: 3px solid #12a4b7;
    float: left;
    padding: 1%; background-color: rgba(42, 54, 59, 0.08);
    
} 





.posteo{ 
    
    float: left;
    margin: 1.5% 2% 0 1%;
    -webkit-box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);
-moz-box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);
box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);

    
} 

.titulomaterial { 
    
    margin-left: 0.5%;
    font-size: 1.8em;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #FCDE56;
    float: left;
    
} 


a {text-decoration: none;
                }



.titulomaterial:hover {color: #FCDE56;  
                cursor: pointer;
                text-decoration: none;
                }



.fecha{ 
    
    margin-left: 0.5%;
    font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;
} 


.textomaterial {font-size: 0.8em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
} 

.leermas {font-family: 'Yanone Kaffeesatz',Arial, Helvetica, sans-serif;
          font-size: 1em;
          width: 80px;
          background-color:  rgba(255, 255, 255, 0.84); 
          height: 24px;
          float: left;
          color: #858b8e;
          text-decoration: none;
          border-radius: 3px 3px 3px 3px;text-align: center;padding-top: 1%;
}


.leermas a { color: #858b8e;
             text-decoration: none;
             


}

.leermas a:hover { color: #ea1b4b;
             text-decoration: none;
             


}





.asidealumnos {
    width: 22%;
    overflow: hidden;
    padding: 2%;
    float: right;
        
          
}

.asidealumnos h4 {font-family: "Yanone Kaffeesatz",sans-serif; 
                  font-size: 28px;
                  font-weight: 400;
                  color: #fff;
                  margin-bottom: 2px; margin-top: 2px;margin-left: 0;margin-right: 0;
                  padding-bottom: 5px;
                  border-bottom: 1.6px solid #eee;
                  text-align: left;
    
    
    
}

.asidealumnos p {font-family: arial,sans-serif; 
                  font-size: 12px;
                  font-weight: 300;
                  color: #fff;
                  margin-bottom: 5px ; margin-top: 0 ;margin-left: 0;margin-right: 0;
                  padding:4px 0 4px 0;
                  border-bottom: 1.6px solid #eee;
                  text-align: left;
    
    
    
}


 .alumnonav ul {
    
    float: left;
    list-style: none; 
    margin-left:3%;
    
}

.alumnonav li {
    float:left;
}


 .alumnonav a {
    float:left;
    padding: .8em 1.5em;
    text-decoration: none;
    color: #909090;
    font: 'Yanone Kaffeesatz', sans-serif;
    font-size: 1.2em;
    text-align: center;
    letter-spacing: 1px;
    width: 80px; background-color: rgba(238, 238, 238, 0.69);
    height: 24px; margin: 10px 0 0 0; border-radius: 3px 3px 3px 3px;       
             
 }
 

 .alumnonav a:hover, .alumnonav a:focus {
    outline: 0;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.2);
    background: #e11048;
}







/* Fin de Alumnos ////////////////////////////////////////////////////////////////*/





/*  Apuntes ////////////////////////////////////////////////////////////////*/


.separador2 { width: 72.1%;
         height: 20px;
         float: left;
        
          
 }  


.sectionapuntes { 
    width: 70.6%; 
} 

.columnaextension {width: 29.5%;
                    margin: 1%;
                    background-color: #2a363b;
                    float: left;
                    position: relative;
                    padding: 5px;
                     border-top: solid #12a4b7 3px;
                     border-bottom: solid #12a4b7 3px;
                    background-color: rgba(42, 54, 59, 0.08);
                    
    
}


.titulosfichas         {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        margin:  0;
                        padding: 1% 0 4% 2%;
                        position: absolute;
                            

}


.columnaextension img {width: 100%;
                       margin-top: 25%;
                    margin-bottom: 3%;

                       
}


.textofichas {
               font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
                

}

.leerfichas {font-family: 'Yanone Kaffeesatz',Arial, Helvetica, sans-serif;
          font-size: 1em;
          width: 80px;
          background-color:  rgba(255, 255, 255, 0.84); 
          height: 24px;
          float: left;
          color: #858b8e;
          text-decoration: none;
          border-radius: 3px 3px 3px 3px;text-align: center;padding-top: 3%;
          margin-bottom: 6%;
          margin-left: 30%;
}


.leerfichas a { color: #858b8e;
             text-decoration: none;
        

}

.leerfichas a:hover { color: #ea1b4b;
             text-decoration: none;
                       
    
  }  



.columnaextension a
    {
    text-decoration:none;
    
} 

/* FIn - Apuntes ////////////////////////////////////////////////////////////////*/




/* Materiales ////////////////////////////////////////////////////////////////*/


.sectionmateriales { 
    width: 70.6%; 
} 


.delimitador{
	width:48%;	/* Ancho máximo */
	margin: 1%;     /* Centramos el vídeo */
    float: left;background-color: rgba(42, 54, 59, 0.08);
    
   }

.textosvideos {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 5% 0 4% 2%;
                        
                        border-top: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        padding-top: 2%;
                        
   }

.delimitador p { font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
        border-bottom: solid #12a4b7 3px;
        padding: 4% 0 4% 2%;
}  
    
.contenedor{
	height:0px;
	width:100%;
	padding-top:56.25%; /* Relación: 16/9 = 56.25% */
	position:relative;
    border: 2px solid #12a4b7 ;
    

   }

.contenedor iframe{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
    
 }


/* FIN Materiales ////////////////////////////////////////////////////////////////*/



/* Fichas ////////////////////////////////////////////////////////////////*/


.separador3{ width: 72.1%;
         height: 20px;
         float: left;
        
          
 }  


.sectionfichas { 
    width: 70.6%;
    float: left;
    border-top: solid #12a4b7 3px;
    
    
} 


.fichas { 
    width: 100%;
    background-color: rgba(42, 54, 59, 0.08);
    padding: 2% 0;
    border-bottom: solid #12a4b7 3px;
    position: relative;
    
} 


.fichas h4 { 
    font-size: 1.8em;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #FCDE56;
    margin: 2% 0 0% 2%;
    padding: 0;
    
                        
   }


.fichas h3 { 
 
    margin: 1% 0 1% 2%;
    font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    text-decoration: underline;
    padding: 0;
    
    
                        
   }

    
.fichas p {   font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin: 0% 0 2% 2%;  
    padding: 0 20% 0 0;
 

}



.leerapuntes {font-family: 'Yanone Kaffeesatz',Arial, Helvetica, sans-serif;
          font-size: 1em;
          width: 80px;
          background-color:  rgba(255, 255, 255, 0.84); 
          height: 24px;
          display: block;   
          color: #858b8e;
          text-decoration: none;
          border-radius: 3px 3px 3px 3px;text-align: center;padding-top: 1%;
          position: absolute;
          top: 40%; 
          left: 85%;
}


.leerapuntes a { color: #858b8e;
             text-decoration: none;
    
  }  
             
.leerapuntes a:hover { color: #ea1b4b;
             text-decoration: none;
             
             
    
  }  







/* FIN Fichas ////////////////////////////////////////////////////////////////*/









/* Agenda //////////////////////////////////////////////////////////////////*/

section#noticias{
    background-repeat: no-repeat;
    float: left;
    width: 960px;
    height: auto;
    margin-top: 3px;
    
    }

section#noticias div#contenedornoticias{
    width: 700px;
    height: auto;
    float: left;
    padding: 0px;
}

section#noticias h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: normal;
    font-size: 80px;
    color: #FCDE56;
    line-height: 85px;
    width: 198px;
    height: 208px;
    padding: 0px 0px 0px 10px;
    float: left;
    margin:50px 0px 0px 33px;
    display: block;
    text-decoration: none;

    }



section#noticias h6{
    
    font-weight: lighter;
    font-size: 18px;
    width: 205px;
    padding: 8px 8px 8px 10px;
    float: left;
    clear: both;
    margin: 20px 0px 0px 40px;
   
}

section#noticias  p{
    font-size: 12px;
    background-color: #FCDE56;
    padding: 15px 40px 15px 40px;
    float: left;
    clear: both;
    margin-top: 0;
}



section#noticias .right{
    float: right;
    margin: 60px 80px 0px 0px;
}

section#noticias h3:hover{
    color: #ea1b4b;
}

div#noticia1{
    background-image: url(img/charla_sanjinez.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 700px;
    float: left;
    margin: 20px 0px 0px 0px;

}

div#noticia2{
    background-image: url(img/teoricas_lenguaje.png);
    background-repeat: no-repeat;
    height: auto;
    width: 700px;
    float: left;
    margin: 20px 0px 0px 0px;

}

div#noticia3{
    background-image: url(img/muestra.png);
    background-repeat: no-repeat;
    height: 450px;
    width: 700px;
    float: left;
    margin: 20px 0px 0px 0px;

}
    
    
.invitado{
    color: #FCDE56;
    width: 150px;
    background-color: #e11048;
    margin: 300px 0 20px 45px;
    padding: 5px;
    font-kerning: 20px;
}
    

section#noticias div#noticiasrecientes{
    width: 240px;
    height: 130px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    
    
}

section#noticias div#noticiasrecientes form{
    margin-top: 14px;
    width: 100%;

}

section#noticias div#noticiasrecientes H4{
    color: #ea1b4b;
    width: 220px;
    padding: 5px;
    border-bottom: 2px solid #e11048;
    border-top: 2px solid #e11048;
    margin: 0px;
}

section#noticias div#noticiasrecientes nav.destacado{
    width: 100%;
    height: 150px;
    clear: both;
    float: left;
    border-bottom: 1px solid #e11048;
    background: transparent;
    margin-left: 0px;
    margin-top: 5px;
    
}

section#noticias div#noticiasrecientes nav.destacado p{
    color: #ea1b4b;
    font-size: 12px;
    font-family: helvetica, sans-serif;
    font-weight: normal;
    background: transparent;
    margin-left: 0px;
    padding: 0px;
}

section#noticias div#noticiasrecientes nav.destacado p b{
    color: #ea1b4b;
    font-family: helvetica, sans-serif;
    font-size: 16px;
    background: transparent;
}


/* fin agenda ////////////////////////////////////////////////////////////////*/












/* clases ///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/



#clase h4{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    border-bottom: 2px solid #ea1b4b;
    font-weight: normal;
    font-size: 18px;
    color: #ea1b4b;
    width: 700px;
    float: left;
    display: block;
    margin-bottom: 0px;

    }


#clase h6{
    
    font-weight: lighter;
    font-size: 18px;
    width: 700px;
    color: #2a363b;
    float: left;
    clear: both;
    margin: 10px 0px 0px 0px;
   
}

#clase p{
    
    font-weight: lighter;
    font-size: 12px;
    width: 600px;
    
    float: left;
    clear: both;
    margin: 5px 0px 0px 0px;
   
}



#noticiasrecientes{
    width: 240px;
    height: 130px;
    float: right;
    margin-top: 20px;
    margin-left: 20px;
    
    
}

#noticiasrecientes form{
    margin-top: 14px;
    width: 100%;

}

#noticiasrecientes H4{
    color: #ea1b4b;
    width: 220px;
    padding: 5px;
    border-bottom: 2px solid #e11048;
    border-top: 2px solid #e11048;
    margin: 0px;
}

#noticiasrecientes nav.destacado{
    width: 100%;
    height: 150px;
    clear: both;
    float: left;
    border-bottom: 1px solid #e11048;
    background: transparent;
    margin-left: 0px;
    margin-top: 5px;
    
}

#noticiasrecientes nav.destacado p{
    color: #ea1b4b;
    font-size: 12px;
    font-family: helvetica, sans-serif;
    font-weight: normal;
    background: transparent;
    margin-left: 0px;
    padding: 0px;
}



#teorica1{
    background-image: url(img/teorica_sanabria.jpg);
    background-repeat: no-repeat;
    height: 360px;
    width: 690px;
    float: left;
    margin: 20px 0px 20px 0px;

}



#teoricas { width: 700px;
            height: 1800px;


}



#teorica1 h4{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    border-bottom: 2px solid #ea1b4b;
    font-weight: normal;
    font-size: 18px;
    color: #FCDE56;
    width: 120px;
    float: left;
    display: block;
    margin-bottom: 0px;
    margin-top: 50px;

    }
    


#teoricas h6 { margin-left: 20px;
                font-size: 40px;
                color: #ea1b4b;
                margin-bottom: 20px;
}


#teorica1 h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: normal;
    font-size: 60px;
    color: #ea1b4b;
    line-height: 75px;
    width: 750px;
    height: 208px;
    padding: 0px 0px 0px 10px;
    float: left;
    margin:25px 0px 0px 33px;
    display: block;

    }


section#teoricas{
    background-repeat: no-repeat;
    float: left;
    width: 960px;
    height: auto;
    margin-top: 3px;
    
    }

section#teoricas div#contenedorteoricas{
    width: 700px;
    height: auto;
    float: left;
    padding: 0px;
}


section#noticias .sanabria{
    float: left;
    margin: 60px 80px 0px 30px;
    width: 400px;
    margin-top: 20px;
}



#teoricasabajo { width: 700px;
                 height: auto;
                margin-top: 50px;
    float: left;

}

div#teorica1 h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: normal;
    font-size: 70px;
    color: #ea1b4b;
    line-height: 75px;
    width: 500px;
    height: 208px;
    padding: 0px 0px 0px 10px;
    float: left;
    margin:25px 0px 0px 33px;
    display: block;

    }

div#teorica2{
    background-image: url(img/lenguaje_zweig.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 330px;
    float: left;
    margin: 10px 28px 10px 0px;

}

div#teorica3{
    background-image: url(img/lenguaje_grassi.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 330px;
    float: left;
    margin: 10px 0px 0px 0px;

}


div#teorica4{
    background-image: url(img/lenguaje_tejedor.png);
    background-repeat: no-repeat;
    height: auto;
    width: 330px;
    float: left;
    margin: 10px 28px 10px 0px;

}

div#teorica5{
    background-image: url(img/lenguaje_internacional.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 330px;
    float: left;
    margin: 10px 0px 0px 0px;

}



div#teoricasabajo .invitado{
    color: #FCDE56;
    width: 150px;
    background-color: #e11048;
    margin: 300px 0 20px 0px;
    padding: 5px;
    font-kerning: 20px;
    font-size: 18px;
    font-weight: normal;
}

div#teoricasabajo h4{
    color: #ea1b4b;
    width: 300px;
    margin: 10px 0 0px 25px;
    padding: 5px;
    font-kerning: 20px;
    font-size: 28px;
    font-weight: normal;
}

div#teorica1  p{
    font-size: 12px;
    background-color: #FCDE56;
    padding: 15px 40px 15px 40px;
    float: left;
    clear: both;
    margin-top: 90px;
    margin-bottom: 20px;
}



#teorica2 #delimitador{
   
	width:330px;
    height: auto;
	margin: 1%;     
    float: left;
    background-color: rgba(42, 54, 59, 0.08);
    
   }



#teorica2 #textosvideos {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 5% 0 4% 2%;
                        margin-top: 40px;
                        border-top: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        padding-top: 2%;
                        
   }

#teorica2 #delimitador p { font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
        border-bottom: solid #12a4b7 3px;
        padding: 4% 0 4% 2%;
}  


#teorica3 #delimitador{
   
	width:330px;
    height: auto;
	margin: 1%;     
    float: left;
    background-color: rgba(42, 54, 59, 0.08);
    
   }



#teorica3 #textosvideos {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 5% 0 4% 2%;
                        margin-top: 40px;
                        border-top: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        padding-top: 2%;
                        
   }

#teorica3 #delimitador p { font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
        border-bottom: solid #12a4b7 3px;
        padding: 4% 0 4% 2%;
}  


#teorica4 #delimitador{
   
	width:330px;
    height: auto;
	margin: 1%;     
    float: left;
    background-color: rgba(42, 54, 59, 0.08);
    
   }



#teorica4 #textosvideos {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 5% 0 4% 2%;
                        margin-top: 40px;
                        border-top: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        padding-top: 2%;
                        
   }

#teorica4 #delimitador p { font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
        border-bottom: solid #12a4b7 3px;
        padding: 4% 0 4% 2%;
}  

#teorica5 #delimitador{
   
	width:330px;
    height: auto;
	margin: 1%;     
    float: left;
    background-color: rgba(42, 54, 59, 0.08);
    
   }



#teorica5 #textosvideos {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 5% 0 4% 2%;
                        margin-top: 40px;
                        border-top: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        padding-top: 2%;
                        
   }

#teorica5 #delimitador p { font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
        border-bottom: solid #12a4b7 3px;
        padding: 4% 0 4% 2%;
}  


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////* fin clases //////////////////////////////////////////////////////////////////*/









/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////* expos //////////////////////////////////////////////////////////////////*/

section#exposiciones{
    float: left;
    width: 960px;
    height: auto;
    margin-top: 3px;
    
    }

section#exposiciones div#contenedornoticias{
    width: 700px;
    height: auto;
    float: left;
    padding: 0px;
    
    
}


section#exposiciones div#noticiasrecientes{
    float: left;
    margin-top: -1250px;
    
}

section#exposiciones h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: normal;
    font-size: 80px;
    color: #FCDE56;
    line-height: 85px;
    width: 198px;
    height: 208px;
    padding: 0px 0px 0px 10px;
    float: left;
    margin:50px 0px 0px 33px;
    display: block;
    text-decoration: none;

    }



section#exposiciones h6{
    
    font-weight: lighter;
    font-size: 18px;
    width: 205px;
    padding: 8px 8px 8px 10px;
    float: left;
    clear: both;
    margin: 20px 0px 0px 40px;
   
}

section#exposiciones  p{
    font-size: 12px;
    background-color: #FCDE56;
    padding: 15px 40px 15px 40px;
    float: left;
    clear: both;
    margin-top: 0;
}


#delimitador{
   
	width:330px;	
	margin: 1%;     
    float: left;
    background-color: rgba(42, 54, 59, 0.08);
    
   }

#textosvideos {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 5% 0 4% 2%;
                        
                        border-top: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        padding-top: 2%;
                        
   }

#delimitador p { font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
        border-bottom: solid #12a4b7 3px;
        padding: 4% 0 4% 2%;
}  
    

#contenedor iframe{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
    
 }
#fechaylugar {font-size: 12px;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    
    display: block;
    padding-bottom: 6%;
    margin: 0;
    border-bottom: solid #12a4b7 3px;
    padding: 4% 1% 4% 2%;
}  


#cuadradosexpo {
margin-top: 30px;}


#expo1 {
    background-image: url(img/expo_muestra.png);
    background-repeat: no-repeat;
    height: auto;
    width: 680px;
    float: left;
    margin: 20px 0px 10px 10px;

}



div#expo1  p{
    font-size: 12px;
    background-color: #FCDE56;
    padding: 15px 40px 15px 40px;
    float: left;
    clear: both;
    margin-top: 120px;
    margin-bottom: 20px;
}


/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////* fin expos //////////////////////////////////////////////////////////////////*/


















/* charlas ////////////////////////////////////////////////////////////////*/



div#charla1{
    background-image: url(img/isol.jpg);
    background-repeat: no-repeat;
    height: 380px;
    width: 700px;
    float: left;
    margin: 20px 0px 20px 0px;

}


div#charla1 h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: normal;
    font-size: 70px;
    color: #ea1b4b;
    line-height: 75px;
    width: 198px;
    height: 208px;
    padding: 0px 0px 0px 10px;
    float: left;
    margin:25px 0px 0px 33px;
    display: block;

    }





div#charla2{
    background-image: url(img/sanjinez1.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 450px;
    float: left;
    margin: 20px 0px 0px 0px;

}


div#charla2 h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: normal;
    font-size: 50px;
    color: #ea1b4b;
    line-height: 55px;
    width: 198px;
    height: 208px;
    padding: 0px 0px 0px 10px;
    float: left;
    margin:25px 0px 0px 33px;
    display: block;

    }



div#ncharla2 h6{
    
    font-weight: lighter;
    font-size: 18px;
    width: 205px;
    padding: 8px 8px 8px 10px;
    float: left;
    clear: both;
    margin: 20px 0px 0px 40px;
   
}

div#charla1  p{
    font-size: 12px;
    background-color: #FCDE56;
    padding: 15px 40px 15px 40px;
    float: left;
    clear: both;
    margin-top: 40px;
    margin-bottom: 20px;
}


#charla2 .invitado{
    color: #FCDE56;
    width: 150px;
    background-color: #e11048;
    margin: 320px 0 20px 45px;
    padding: 5px;
    font-kerning: 20px;
}



.novedades_charlas_1 {width: 300px; 
    width: 230px; 
    height: 730px;
    background-image: url(img/agdamus1.jpg); 
    float:right; 
    margin-top: 20px;
    
}

.novedades_charlas_2 { 
    background-color: #ea1b4b; 
    opacity: 0.7;
    width: 100%;
    height: 250px;
       -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
    
    
}

.novedades_charlas_2:hover{
    height: 300px;
}
.novedades_charlas_3 {font-size: 2em;
    text-align: left;
    padding-top: 20px;
    color: #FCDE56;
    font-weight: 700;
    padding: 20px 15px 15px 15px;
    


}

.novedades_charlas_4 { font-family: helvetica, sans-serif;
font-size: 0.8em;
    color: #FCDE56;
    text-align: left;
    padding: 10PX 10px 10px 10px;
    border-top: 2px solid #ea1b4b;
    
}

div#charla4{
    background-image: url(img/paracontarte.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 450px;
    float: left;
    margin: 20px 0px 20px 0px;

}

div#charla4 h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: normal;
    font-size: 50px;
    color: #ea1b4b;
    line-height: 55px;
    width: 198px;
    height: 208px;
    padding: 0px 0px 0px 10px;
    float: left;
    margin:25px 0px 0px 33px;
    display: block;

    }



/* fin charlas /////////////////////////////////////////////////////////////*/

/* registrarse / contacto //////////////////////////////////////////////////*/


#registro {
                width: 960px;
                
                }




#registro h4 {
                width: 300px;    
                font-size: 24px;
                font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: normal;
                color: #ea1b4b;
    
                }

#registrarse {
                width: 550px;
                margin-bottom: 30px;
                float: right;


}

#registrarse2 {
                width:300px;
                margin-bottom: 30px;
                float: left;
                margin-left: 0px;


}


#registrarse2 h4 {
                width: 300px;    
                font-size: 24px;
                font-family: 'Yanone Kaffeesatz', sans-serif;
                font-weight: normal;
                color: #ea1b4b;
    
                }

.mapa {
                width: 550px;
                height: 320px;
                margin-bottom: 30px;


}

#registrarse p{
                font: helvetica, sans-serif;
                font-size: 12px;
                font-weight: normal;
                color: #2a363b;
                margin-top: 0px;

}






/* fin registrarse / contacto //////////////////////////////////////////////*/





/* clases //////////////////////////////////////////////*/

#contenedorclase {
                width: 960px;    
                
                }

#clase {
                width: 600px;    
                
                }

#clase h4{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    border-bottom: 2px solid #ea1b4b;
    font-weight: normal;
    font-size: 50px;
    color: #ea1b4b;
    width: 600px;
    float: left;
    display: block;
    margin-bottom: 0px;

    }


#clase h6{
    
    font-weight: lighter;
    font-size: 18px;
    width: 600px;
    color: #2a363b;
    float: left;
    clear: both;
    margin: 10px 0px 0px 0px;
   
}

#clase p{
    
    font-weight: lighter;
    font-size: 12px;
    width: 600px;
    
    float: left;
    clear: both;
    margin: 5px 0px 0px 0px;
   
}



/* fin clases //////////////////////////////////////////////////////////////////*/


/* footer //////////////////////////////////////////////////////////////////*/


footer {
    width: 100%;
    background: #2e2e2e;
    margin-top: 0%;
    margin-bottom: 2%;
    display:table;
    float: left;
    padding-top:1%;
    padding-bottom: 2%;
    margin-bottom: 0;
    
}



.footer_wrap 
            {width:60%; 
             float:left;
             margin:0 auto; 
             position:relative;
             padding:0 0 1% 0;
        }



.footer_wrap ul { padding-left: 10px;
             float:left; 
             width:10%;
             padding:0 10px;
             margin: 0 1%;
             color:#f00;
             float:left; 
             width:10%;
             padding:0 10px;
             margin: 0 2% 0;
             color:#f00;
             list-style-type: none}



.footer_wrap h4 {font-family: Arial, Helvetica, sans-serif; color:#fff; font-size:90%; padding:0 0 2px 0; display:block;}



.footer_wrap a h4 {color:#fff;font-size:120%;font-family:Arial, Helvetica, sans-serif;}



.footer_wrap a h4:hover {color:#ea1b4b;font-size:120%;font-family:Arial, Helvetica, sans-serif;}





.footer_wrap ul a {color:#f8efcf;font-size:60%;font-family:Arial, Helvetica, sans-serif;}


.footer_wrap ul li a:hover {color:#ea1b4b; text-decoration:none;}








.pie  {margin:0 auto; 
      text-align:center; 
      padding:5px 10px 2px 10px;
      font-size:8.5px;
      width: 27%;
      float: left;
      color: #fff;
      font-family:Arial, Helvetica, sans-serif;
     

}



#dgpc {margin:0 2% 1% 2%; 
      
      display: table;
      float:left;
    
}

#fadu {margin:0 2% 1% 2%; 
      
      display: table;
      float:left;
    
}
}

/* fin footer //////////////////////////////////////////////////////////////////*/


/* responsive 960px///////////////////////////////////////////////////// */





@media screen and (max-width: 960px){


.textslider { display:none}
    
    
#tps {
    display: block;
    margin: 2% 0 0 32%;
    }
    
#expo {
    display: block;
    margin: 2% 0 0 32%;
    }


#academico {
    display: block;
    margin: 2% 0 10% 32%;
    }

    
}


/* responsive 768px///////////////////////////////////////////////////// */

@media screen and (max-width: 768px){
    
    
.logo {width: 70%;
       margin: 0  0 0 15%;
     }
    





#galeria {display: none}
    
#taller {display: none}

 /* responsive articles index clic 768px///////////////////////////////////////////////////// */

#tps {margin: 2% 2% 2% 9%;
    
    }
    
#noticia1{margin: 2%;
    }
    
#expo {margin: 2%;
    }


#academico {margin: 2% 2% 2% 30%;
    }

 /* responsive articles index clic 768px///////////////////////////////////////////////////// */
    
 /* responsive articles noticias 768px///////////////////////////////////////////////////// */
    
    

      
/* responsive footer 768px///////////////////////////////////////////////////// */
   
    
    

.footer_wrap 
            {width:80%; 
             float:left;
             margin:0 auto; 
             position:relative;
             padding:0 0 5% 18%;
        }
    


      
 .pie {margin:0 auto; 
      text-align:center; 
      padding:2% 0 2% 20%;
      font-size:10px;
      width: 65%;
      display: block;
      color: #fff;
     

}  
    

#dgpc {margin:0 0 0 25%; 
      
      display: table;
      float:left;
    
}
    
#fadu {margin:0 0 0 28%; 
     
      display: table;
      float:left;
    
}
    
    
    
    
/* fin responsive footer 768px///////////////////////////////////////////////////// */
    
    
    

 /* responsive alumnos 768px///////////////////////////////////////////////////// */

    


.separador1 { width: 100%;
         height: 5px;
         float: left;
         border-bottom: 3px solid #12a4b7;
        
          
 }   
       

.sectionalumnos{ 
    width: 100%; 
} 

.tituloalumnos { width: 100%;
         height: 50px;
         float: left;
         margin-top: 10px;
         margin-bottom: 10px;
         position: relative; 
    
         
} 


.tituloalumnos a { font-family:'Yanone Kaffeesatz', helvetica, arial, sans-serif; 
         font-size: 1.5em;
         color: #2a363b;
        text-align: center;
        display: block;
        margin:2% 1% 0 23%;
        float: left; 
} 


#materiales1 { 
    width: 98%;
    height: 200px;
    border-bottom: 3px solid #12a4b7;
    float: left;
    padding: 1%; background-color: rgba(42, 54, 59, 0.08);
    
} 





.posteo{ 
    
    float: left;
    margin: 1.5% 2% 0 1%;
    -webkit-box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);
-moz-box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);
box-shadow: 12px 11px 5px -9px rgba(0,0,0,0.42);

    
} 

.titulomaterial { 
    
    margin-left: 0.5%;
    font-size: 32px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 700;
    color: #FCDE56;
    float: left;
    
} 


a {text-decoration: none;
                }



.titulomaterial:hover {color: #FCDE56;  
                cursor: pointer;
                text-decoration: none;
                }



.fecha{ 
    
    margin-left: 0.5%;
    font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;
} 


.textomaterial {font-size: 0.8em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
} 

.leermas {font-family: 'Yanone Kaffeesatz',Arial, Helvetica, sans-serif;
          font-size: 1em;
          width: 80px;
          background-color:  rgba(255, 255, 255, 0.84); 
          height: 24px;
          float: left;
          color: #858b8e;
          text-decoration: none;
          border-radius: 3px 3px 3px 3px;text-align: center;padding-top: 0.5%;
}


.leermas a { color: #858b8e;
             text-decoration: none;
             


}







.asidealumnos {
    width: 96%;
    overflow: hidden;
    padding: 2%;
    float: left;text-align: center;
    
        
          
}

.asidealumnos h4 {
                  font-size: 32px;
                  text-align:center;       
}

.asidealumnos p {
                  text-align:center;    
    
}


 .alumnonav ul {
     
    width: 100%;     
}

.alumnonav li {
    
    margin:0 5% 0 5%;
}


    
 /* fin responsive alumnos 768px///////////////////////////////////////////////////// */
   

    
    
    
 /* Responsive 768 Apuntes ////////////////////////////////////////////////////////////////*/


        



.sectionapuntes { 
    width: 100%; 
} 



   

/* FIN responsive 768 Apuntes ////////////////////////////////////////////////////////////////*/   
       
    
  /* Responsive 768  Materiales ////////////////////////////////////////////////////////////////*/


        



.sectionmateriales { 
    width: 100%; 
} 



   

/* FIN responsive 768Materiales ////////////////////////////////////////////////////////////////*/  
    
    
  /*  responsive 768Fichas ////////////////////////////////////////////////////////////////*/    
    
 .sectionfichas { 
    width: 100%;
    float: left;
    border-top: solid #12a4b7 3px;
    
    
} 
   
    
   /*  FIN responsive 768Fichas ////////////////////////////////////////////////////////////////*/    
    
    
    
    
   
   /*  responsive 768 trabajos ////////////////////////////////////////////////////////////////*/    

    
 #recuadromovimiento_trabajos h3{font-size: 60px; color: #D4274C; line-height: 96px; margin: 0 0 0 10px; padding-left: 20%;


}




#recuadromovimiento_trabajos_anteriores h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 60px; color: #FCDE56; line-height: 96px; margin: 0 0 0 10px   ; float: right; padding-right: 20%;   
    
    
    
    
    
}

   /*  FIN responsive 768 trabajos ////////////////////////////////////////////////////////////////*/    

    
 /*  responsive 768 programa ////////////////////////////////////////////////////////////////*/  
    
    
.aside_programa{
    width: 100%;
    float: left;
  }      
 
.programa_principal { width: 100%;  

}  

.boton_docentes_catedra {width: 242px; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 5px; margin-bottom: 20px;
}    
    
    
    
    
    
  /*  FIN responsive 768 programa ////////////////////////////////////////////////////////////////*/    
   
    
 /*  responsive 768 catedra ////////////////////////////////////////////////////////////////*/     
    
      .aside_catedra{
    width: 100%;
    overflow: hidden;
    float: left;
        
          
}
    
    .catedra_principal { width: 100%;  margin: 0;

}  
    
    
.aside_catedra{
    width: 100%;
    overflow: hidden;
    float: right;  margin: 0;
        
          
}

.catedra_principal {  width: 100%;  float:left;margin: 0;

}
.catedra_principal img { width: 100%; float:left; position: relative;

}

#imagenprincipal_catedra {  width: 100%; height: 300px; float:left; margin-top: 20px;margin-bottom: 20px;

}


#imagenprincipal_catedra h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 80px; color: #FCDE56; line-height: 85px; margin-top:60px; margin-left: 30px; position: absolute;

}

#imagenprincipal_catedra h4{ font-family: "Yanone Kaffeesatz",sans-serif; font-weight: 700; width: 160px; height: 46px; background-color: #ea1b4b; color: #FCDE56; margin-left: 30px; margin-top: 19%; padding-left: 10px; padding-top: 10px;position: absolute;
}

#texto_catedra {width: 100%; border-bottom: 3px solid #12A4B7; border-top: 3px solid #12A4B7; background-color: rgba(42, 54, 59, 0.08); float: left; margin-top: 20px; margin-bottom: 40px;
}

#texto_catedra p{font-size: 0.8em; font-family: arial,sans-serif; font-weight: 200; color: #FFF;display: block; margin-left: 20px; margin-top: -4px; margin-bottom: 20px;
}

    
    
    
  /*  fin responsive 768 catedra ////////////////////////////////////////////////////////////////*/    
    

.catedra_principal {margin:0 0 0 20px;
    
 }   
}












/* responsive 480px///////////////////////////////////////////////////// */
    
    
@media screen and (max-width: 480px){
    

    
    
 /* responsive articles index clic 480px///////////////////////////////////////////////////// */

#tps {margin: 2% 2% 2% 9%;
    
    }
    

    
#expo {margin: 2% 2% 2% 9%;
    }


#academico {margin: 2% 2% 2% 9%;
    
    }
    

    
    
/* responsive footer 480px///////////////////////////////////////////////////// */
   
    
  
.footer_wrap 
            {width:75%; 
             float:left;
             margin:0 auto; 
             position:relative;
             padding:0 0 5% 18%;
        }   
    

.footer_wrap ul 
            {padding:0 6px;}
    


      
 .pie {margin:0 auto; 
      text-align:center; 
      padding:2% 0 2% 20%;
      font-size:9px;
      width: 65%;
      display: block;
      color: #fff;
     

}  
    

#dgpc {margin:0 0 0 25%; 
      
      display: table;
      float:left;
    
}
    
#fadu {margin:0 0 0 12%; 
     
      display: table;
      float:left;
    
}
    
    
    
    
/* fin responsive footer 480px///////////////////////////////////////////////////// */    

    
 /* responsive 480 trabajos  ////////////////////////////////////////////////////////////////*/   
.sectiontrabajos { 
    width: 100%;
    float: left;
    
} 
    
.asidetrabajos { 
    display: none;
    
} 
    
 .sectiondestacado { 
    width:100%; float: left;
} 
   
     /* Fin responsive 480 trabajos  ////////////////////////////////////////////////////////////////*/   

    

    
/* responsive 480 trabajos destacados ////////////////////////////////////////////////////////////////*/



    #fecha {font-size: 2.5em;
            padding-top: 6%;
}
    
    
    
    
/* responsive alumnos 480px///////////////////////////////////////////////////// */

    


 
       





.tituloalumnos a { 
         font-size: 1em;
         color: #2a363b;
 
} 






.titulomaterial { 
    
    font-size: 24px;
    
} 









.fecha{ 
    
    margin-left: 0.5%;
    font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;
} 


.textomaterial {font-size: 0.6em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
} 





.asidealumnos {
    width: 96%;
    overflow: hidden;
    padding: 2%;
    float: left;text-align: center;
    
        
          
}

.asidealumnos h4 {
                  font-size: 32px;
                  text-align:center;       
}

.asidealumnos p {
                  text-align:center;    
    
}


 .alumnonav ul {
     
    width: 100%;
     margin: 0;
     margin-left: 0;
     padding: 0;
}

.alumnonav li {
    
    margin:0 0.5% 0 1.5%;
}


    
 /* fin responsive alumnos 480px///////////////////////////////////////////////////// */
   

    
    
    
    
    

    
 /* Responsive 480Fichas - Apuntes ////////////////////////////////////////////////////////////////*/

   




.columnaextension {width: 45%;
                    
                    
    
}



/* FIN responsive 480 Fichas - Apuntes ////////////////////////////////////////////////////////////////*/   
      
 
    
    
/*  responsive 480  Materiales ////////////////////////////////////////////////////////////////*/







.delimitador{
	width: 99%;
    margin: 0;
	
    
   }

.textosvideos {width: 95%;
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        padding: 5% 0 4% 2%;
                        
                        border-top: solid #12a4b7 3px;
                        padding-bottom: 1%;
                        padding-top: 2%;
                        
   }

.delimitador p { font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
    padding-bottom: 6%;
    margin: 0;
        border-bottom: solid #12a4b7 3px;
        padding: 4% 0 4% 2%;
}  
    
.contenedor{
	height:0px;
	width:100%;
	padding-top:56.25%; /* Relación: 16/9 = 56.25% */
	position:relative;
    border: 2px solid #12a4b7 ;
    

   }

.contenedor iframe{
	position:absolute;
	height:100%;
	width:100%;
	top:0px;
	left:0px;
    
 }





/* FIN responsive 480 Materiales ////////////////////////////////////////////////////////////////*/    
    
    
/* responsive 480 fichas ////////////////////////////////////////////////////////////////*/    
  
    
    
 




    
.fichas p {    
    padding: 0 30% 0 0;
 

}



.leerapuntes {font-family: 'Yanone Kaffeesatz',Arial, Helvetica, sans-serif;
          font-size: 1em;
          width: 80px;
          background-color:  rgba(255, 255, 255, 0.84); 
          height: 24px;
          display: block;   
          color: #858b8e;
          text-decoration: none;
          border-radius: 3px 3px 3px 3px;text-align: center;padding-top: 1%;
          position: absolute;
          top: 40%; 
          left: 78%;
}


/* FIN responsive 480 fichas ////////////////////////////////////////////////////////////////*/    


 /*  responsive 480 programa ////////////////////////////////////////////////////////////////*/    
 

#imagenprincipal_programa h4 {display: none;}
    
.boton_docentes_catedra {width: 32%; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 5px; margin-bottom: 10px;
} 
    
.boton_docentes_catedra h2 {font-size: 20px;
} 

.boton_historia_catedra {width: 32%; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 5px; margin-bottom: 10px;
} 
.boton_historia_catedra h2 {font-size: 20px;
}
.boton_programa_catedra {width: 32%; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 5px; margin-bottom: 10px;
}   
.boton_programa_catedra h2 {font-size: 20px;
}    

.unidadestematicas{ width: 45%;
                    margin: 1%;
                    height: 250px;
                    background-color: #2a363b;
                    float: left;
                    position: relative;
                    padding: 5px;
                     border-top: solid #12a4b7 3px;
                     border-bottom: solid #12a4b7 3px;
                    background-color: rgba(42, 54, 59, 0.08);
                    
}

.unidadestematicas h4 { 
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        margin:  0;
                        
                        padding: 1% 0 2% 2%;
                        
                            
}


.unidadestematicas h3 { font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;padding:  0 ;margin: 0 0 4% 0;
}


.unidadestematicas p { font-size: 0.7em; font-family: arial,sans-serif; font-weight: 200; color: #FFF;display: block; margin-left: 20px; margin-top: -4px; margin-bottom: 20px; float: left;
}


    
    
    
    
  /*  FIN responsive 480 programa ////////////////////////////////////////////////////////////////*/    
    
    
    
  /*  responsive 480 catedra ////////////////////////////////////////////////////////////////*/     
    
      .aside_catedra{
    width: 100%;
    overflow: hidden;
    float: left;
        
          
}
    
    .catedra_principal { width: 100%;  margin: 0;

}  
    
    



.catedra_principal img { width: 100%; float:left; position: relative;

}

#imagenprincipal_catedra { height: auto;margin-bottom: 5px;

}




#imagenprincipal_catedra h4{ display: none;
}

#texto_catedra {width: 100%; border-bottom: 3px solid #12A4B7; border-top: 3px solid #12A4B7; background-color: rgba(42, 54, 59, 0.08); float: left; margin-bottom: 40px;
}

#texto_catedra p{font-size: 0.8em; font-family: arial,sans-serif; font-weight: 200; color: #FFF;display: block; margin-left: 20px; margin-top: -4px; margin-bottom: 20px;
}

    
    
    
  /*  fin responsive 480 catedra ////////////////////////////////////////////////////////////////*/     
    
 .catedra_principal {margin:0 0 0 40px;
    
 }   
    

    }   
    








/* responsive 360px///////////////////////////////////////////////////// */
    
    
@media screen and (max-width: 360px){
    

 /* responsive articles index clic 360px///////////////////////////////////////////////////// */

#tps {margin: 3% 3% 3% 5%;
    
    }
    

    
#expo {margin: 3% 3% 3% 7%;
    }


#academico {margin: 3% 3% 3% 7%;
    
    }
    
.noticia1 {margin: 3% 3% 3% 7%;
    
    }
    
.novedades_home_1{margin: 3% 3% 3% 7%;
    
    }
    
.anotate{margin: 3% 3% 3% 7%;
    
    }
    
    



 /* responsive articles index clic 360px///////////////////////////////////////////////////// */  
    
 
    
/* responsive footer 360px///////////////////////////////////////////////////// */
   
    
  
.footer_wrap 
            {display: none;
        }   
    

    


      
 .pie {margin:0 auto; 
      text-align:center; 
      padding:4% 0 2% 15%;
      font-size:8px;
      width: 65%;
      display: block;
      color: #fff;
     

}  
    

#dgpc {margin:3% 0 0 15%; 
      
      display: table;
      float:left;
    
}
    
#fadu {margin:3% 0 0 12%; 
     
      display: table;
      float:left;
    
}
    
    
    
    
/* fin responsive footer 360px///////////////////////////////////////////////////// */  



    
    
    
    
/* responsive 360 Alumnos ////////////////////////////////////////////////////////////////*/

    








.titulomaterial { 
    
    font-size: 28px;
    margin-left: 2%;
    
} 



.posteo { 
    
    display: none;
    
} 





.fecha{ 
    
    margin-left: 0.5%;
    font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;
    margin-left: 2%;
} 


.textomaterial {font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
} 



.leermas {margin-left: 3%;
}
    
    




 .alumnonav ul {
     
    width: 100%;
     margin: 0;
     margin-left: 2%;
     padding: 0;
}

.alumnonav li {
    
    margin:0 3.5% 0 1.5%;
    padding: 1px;
}


.alumnonav a {
    
  
    padding: 4px;
}

    

    

    
    
/* fin responsive 360 alumnos ////////////////////////////////////////////////////////////////*/    
    
    
    
    
  
/* responsive 360 catedra ////////////////////////////////////////////////////////////////*/



.textocatedra { 
      width: 91%;    
      height: 800px;
      float:left;
      margin: 4%;
    
} 

#catedraimg{ 
      display: none;
     
    
} 

.tituloacerca{ 
    
    padding-top: 10px;
    
    
    
    

} 

.textoacerca { 
    margin:2px;
    text-align: left;
    font-size: 0.9em;
    line-height: 1.6em;
	margin-top:2px;;
    text-decoration: none;
    font-family: Arial, sans-serif;
    font-weight: lighter;
    color: #585858;
} 


/* responsive 360 catedra ////////////////////////////////////////////////////////////////*/     
    
 /* Responsive 360Fichas - Apuntes ////////////////////////////////////////////////////////////////*/


    


.columnaextension {width: 95%;
                   
                    
    
}


.titulosfichas         {width: 95%;
                        font-size: 3em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        padding: 1% 0 1% 2%;
                        position: absolute;
                            

}



.textofichas {
               font-size: 0.7em;
    text-align: center;
    padding-bottom: 6%;
    margin-left: 0;
                

}

.leerfichas {
          margin-left: 35%;
}


.leerfichas a { color: #858b8e;
             text-decoration: none;
             


}



.columnaextension a
    {
    text-decoration:none;
    
} 

 
              
                       


/* FIN responsive 360 Fichas - Apuntes ////////////////////////////////////////////////////////////////*/   
      
 
    
    
/* responsive 360 Materiales ////////////////////////////////////////////////////////////////*/





.delimitador{				
	width:100%;	/* Ancho máximo */
	
    
   }




/* FIN responsive 360 Materiales ////////////////////////////////////////////////////////////////*/    

    
    
    
/* responsive 360 fichas ////////////////////////////////////////////////////////////////*/    


.fichas h4 { 
    font-size: 3em;
    text-align: center;
    padding: 0;
   
    
                        
   }


.fichas h3 { 
 
   text-align: center;padding: 0;
    
                        
   }

    
.fichas p {   font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;text-align: center;margin: 0px; padding: 0;
   
 

}

  




.leerapuntes {
          font-size: 1em;
          width: 80px;
        position: relative;
          float: center;
          margin-top: 10px;
          margin-left: -40%;
          
}
   
    
 /* fin responsive 360 fichas ////////////////////////////////////////////////////////////////*/    
 
    
    
   /*  responsive 360 trabajos ////////////////////////////////////////////////////////////////*/    

    
 #recuadromovimiento_trabajos h3{font-size: 60px; color: #D4274C; line-height: 96px; margin: 0 0 0 4px; padding-left: 2%;


}




#recuadromovimiento_trabajos_anteriores h3{font-family: "Yanone Kaffeesatz",sans-serif; font-weight: normal; font-size: 60px; color: #FCDE56; line-height: 96px; margin: 0 0 0 4px   ; float: right; padding-right: 5%;   
    
    
    
    
    
}

   /*  FIN responsive 360 trabajos ////////////////////////////////////////////////////////////////*/      
    
    
 
    
 /*  responsive 360 programa ////////////////////////////////////////////////////////////////*/    
 


    
.boton_docentes_catedra {width: 31.5%; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 5px; margin-bottom: 10px;
} 
    
.boton_docentes_catedra h2 {font-size: 20px;margin: 0;padding: 50% 0 0 27%;
} 

.boton_historia_catedra {width: 31.5%; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 5px; margin-bottom: 10px;
} 
.boton_historia_catedra h2 {font-size: 20px;margin: 0;padding: 50% 0 0 27%;
}
.boton_programa_catedra {width: 31.5%; height: 143px; transition: all 1s ease 0s; float:left; position: relative; margin-top: 20px; margin-left: 5px; margin-bottom: 10px;
}   
.boton_programa_catedra h2 {font-size: 20px;margin: 0;padding: 50% 0 0 27%;
}    

.unidadestematicas{ width: 100%;
                    margin: 1%;
                    height: 180px;
                    background-color: #2a363b;
                    float: left;
                    position: relative;
                    padding: 5px;
                     border-top: solid #12a4b7 3px;
                     border-bottom: solid #12a4b7 3px;
                    background-color: rgba(42, 54, 59, 0.08);
                    
}

.unidadestematicas h4 { 
                        font-size: 1.8em;
                        font-family: 'Yanone Kaffeesatz', sans-serif;
                        color:  #FCDE56;
                        margin:  0;
                        
                        padding: 1% 0 2% 2%;
                        
                            
}


.unidadestematicas h3 { font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;padding:  0 ;margin: 0 0 4% 0;
}


.unidadestematicas p { font-size: 0.7em; font-family: arial,sans-serif; font-weight: 200; color: #FFF;display: block; margin-left: 20px; margin-top: -4px; margin-bottom: 20px; float: left;
}


    
 #imagenprincipal_catedra h3{ font-size: 3em; padding-top: 2%;margin: 0;
}
   
    
    
  /*  FIN responsive 360 programa ////////////////////////////////////////////////////////////////*/       
    
    
    
    
    
    
    
    
    
    
    

    }   









/* responsive 320px///////////////////////////////////////////////////// */
    
    
@media screen and (max-width: 320px){
    

 /* responsive articles index clic 320px///////////////////////////////////////////////////// */

#tps {margin: 3% 3% 3% 3%;
    
    }
    

    
#expo {margin: 3% 3% 3% 3%;
    }


#academico {margin: 3% 3% 3% 3%;
    
    }
    
.noticia1 {margin: 3% 3% 3% 3%;
    
    }
    
.novedades_home_1{margin: 3% 3% 3% 3%;
    
    }
    
.anotate{margin: 3% 3% 3% 3%;
    
    }
    
    



 /* responsive articles index clic 320px///////////////////////////////////////////////////// */   

    
    
article h2{
    margin-left: 40%;
   
}
    

.sectioncatedra{ 
      
      height: 1200px;
          
  } 
    
    
    
    
    
/* responsive footer 320px///////////////////////////////////////////////////// */   
   

        

    
#dgpc {margin:4% 0 0 10%; 
      
      display: table;
      float:left;
    
}
    
#fadu {margin:4% 0 0 10%; 
     
      display: table;
      float:left;
    
}
    
/* fin responsive footer 320px///////////////////////////////////////////////////// */   
      
    

/* responsive 320 Alumnos ////////////////////////////////////////////////////////////////*/


  


    
 






.titulomaterial { 
    
    font-size: 28px;
    margin-left: 2%;
    
} 



.posteo { 
    
    display: none;
    
} 





.fecha{ 
    
    margin-left: 0.5%;
    font-size: 1em;
    font-style: italic;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 400;
    color: #fff;
    float: left;
    text-decoration: underline;
    margin-left: 2%;
} 


.textomaterial {font-size: 0.7em;
    font-family: arial, sans-serif;
    font-weight: 200;
    color: #fff;
    margin-left: 3%;
    display: block;
} 



.leermas {margin-left: 3%;
}
    
    




 .alumnonav ul {
     
    width: 100%;
     margin: 0;
     margin-left: 1%;
     padding: 0;
}

.alumnonav li {
    
    margin:0 0.3% 0 1.5%;
    padding: 1px;
}


.alumnonav a {
    
  
    padding: 4px;
}

    




/* responsive 320 Alumnos /////////////////////////////////////////////////////////////*/ 

    
    
    
 /* Responsive 320Fichas - Apuntes ////////////////////////////////////////////////////////////////*/


    
        
    
.textofichas {display: none;                   
    
}
    
    




.leerfichas {
          margin-left: 35%;
}


.leerfichas a { color: #858b8e;
             text-decoration: none;
             


}
              
                       


/* FIN responsive 320 Fichas - Apuntes ////////////////////////////////////////////////////////////////*/       
    
    
    
    

}