head {
    @charset "utf-8";
}

body {
    background-color:#0e3939;
    background-repeat: repeat-y;
    background-size: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Rosario', sans-serif;
    font-size: 11pt; 
}

#pagina {
    margin: auto;
    background-color:#fff;
	height: auto;
	text-decoration:none;
    padding: 0;
    margin-bottom: 0;
    margin-top: 0;
    overflow: hidden;
}

/*LOGO*/
#logo {
    text-align: center;
    margin-top: 0.5rem;
}

#logo h1 {
    display: inline-block;
    text-align: left;
    overflow: hidden;
    font-size: 1.8rem;
}

/*REDES HEADER*/
#redes-header {
    text-align: center;
    margin-bottom: 0.3rem;
}

#redes-header a {
    color: #fd4a20;
    font-size: 1.5rem;
}

#redes-header a:hover {
    color: #98cb00;
}

/*HEADER Y MENU*/


header{
    overflow: hidden;
    background-image: url(imagenes/encabezado.jpg);
    background-repeat: no-repeat;
    width: auto;
}


#menuceci nav{
    display: block;
    margin-top: -115px;
    margin-left: 300px;
    position: absolute;
    width: 50%;
    z-index: 3;
    position: absolute;
    
    
}
#menuceci nav li{
    float: left;
    list-style: none;
    width: 110px;
    padding: 4px 0px;
    
    
}
#menuceci .submenu li{
    width: 100%;
    
    
}
#menuceci nav li a{
    width: 100%;
    color: rgb(255, 255, 255);
    font-family: 'Pathway Gothic One', sans-serif;
    font-size: 14pt;
    text-align: center;
    padding-bottom: 9px;
    margin-bottom: 40px 50px;
    float: left;

    
}
 #menuceci nav li a:hover{
     color: rgb(255,248,172);
     border-bottom: 2px;
         
     
 }
#menuceci nav .submenu{
    width: 100%;
    float: left;
    padding: 2px;
    margin-left: -3px;
   
    width: 100%;
    height: 40px;
    padding: 2px 10px 2px 3px;
    float: left;
    display: none;
    }


#menuceci nav .submenu li a{
   color: white;
    float: left;
    padding: 2px 0px 0px 10px;
    width: 100%;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 10pt;
    height: 40px;
    text-align: left;
    
    
}
#menuceci nav .boton{
    padding-bottom: 1px;
    height: 25px;}
#menuceci nav .boton:hover{
    border-bottom: 5px solid rgb(48,193,157);
}

#menuceci nav a{
    text-decoration: none;
    
    
}

#menuceci nav .submenu li{
    float: left;
    height: 25px;
    width: 100%;
    background-color: rgb(0,0,1);
   
    
}

#menuceci nav .submenu li:hover{
    background-color: white;
    
}
#menuceci nav .submenu li a:hover{
    color: black;
}
    

header div#casa{
    
    width: 50px;
    height: 57px;
    margin-left: 285px;
    margin-top: -91px;
    position: absolute;
    
   }

 header div#casa img{
    width: 20px;
    height: 17px;
     padding-bottom: 7px;
 }
header div#casa img:hover{
    border-bottom: 5px solid rgb(48,193,157);
}

#pagina nav{
    
    
}
#pagina nav#botonera1 ul {
    padding: 0;
    margin: 0;
    display: inherit;
    
}

#pagina nav#botonera1 ul li {
	margin-bottom: 0.2rem;
    text-align: center;
    background-color: rgb(0,0,0);
    padding: 0.5rem;
}

#pagina nav#botonera1 ul li a{
    font-family: 'Pathway Gothic One', sans-serif;
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 0.5rem;
    font-size: 2rem;
}

#pagina nav#botonera1 ul li:hover{
background-color:#11a26f ;
}

/*SLIDER - HOME*/
#galeria-home {
    width: auto;
    height: auto;
    margin: 0.5rem;
    padding:0;
}

/*NOTICIAS HOME*/
#noticias-home {
    overflow: hidden;  
}

h2.noticias {  /*banda verde noticias y alumnos*/
    color: #fff;
    background-color: #98cb00;
    font-size: 1rem;
    padding-left:0.3rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem; 
    margin-bottom: 0.3rem;
}

h2.alumnos {  /*banda verde noticias y alumnos*/
    color: #fff;
    background-color: #98cb00;
    font-size: 1rem;
    padding-left:0.3rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem; 
    margin-bottom: 0.3rem;
}

.seccion-noticias {
    text-align: center;
}

h3 {    /*banda negra*/
    background-color: rgb(0, 0, 0);
    color: #fd4a20; 
    text-align: center;
    font-size: 0.9rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    display: block;
    margin: 0;
}

.seccion-noticias a img {
    opacity: 0.5;
}

.seccion-noticias a:hover img {
    opacity: 1;
}

.img-noticias {
    width: 100%;
    text-align: center;
    margin: 0;
}

/*ALUMNOS*/
#alumnos {
    overflow: hidden;
    width: 100%;
}

section#alumnos {
    width: 100%;
    margin-bottom: 0.3rem;
    text-align: center;
}

.iconos-alumnos {
    width: 90%;
    text-align: center;
    opacity: 0.5;
}

#alumnos a:hover img {
    opacity: 1;
}

#calendario {
    width: 100%;
    text-align: center;
} 

.calendario {
    width: 100%;
    margin-bottom: 0.3rem;
} 

/*PIE*/
#pie {
     
    padding-top: 0.5rem; 
}
    
#pie ul {
	width: 100%;
	padding: 0; 
	margin: 0;
}

#pie ul li {
	text-decoration: none; 
	list-style-type: none;
    text-align: center;
} 

#pie ul li a {
    color: rgb(193, 193, 193); 
    font-weight: normal; 
    font-size: 0.7rem;
	list-style-type: none;
    padding-top: 0.1rem;
}

#pie ul li a:hover {
    background-color: rgb(131, 131, 131)
}

.titulo {
	margin-top: 1rem; 
    margin-bottom: 1rem; 
	padding: 0; 
    text-align: center;
}

.titulo a {
	color: #fd4a20;  
	font-size: 0.8rem; 
	text-decoration: none;
	list-style-type: none;
}

.titulo a:hover {
    background-color: rgb(131, 131, 131);
}

#redes-footer {
    text-align: center;
}

#redes-footer a {
    text-decoration: none;
    color: #98cb00;
    font-size: 1.3rem;
}

#redes-footer a:hover {
    color: rgb(131, 131, 131);
}
    
footer #legal {
    clear:both;
	
	font-size:10px; 
	text-align:left;
    font-family: sans-serif;
    color:#ebfae7;
    width: 45%;
  position: relative;
    top: 20px;
    left: 20px;
}
footer{
    background-image: url(FOOTER.png);
    height: 130px;
    
}
footer #legal p {
	font-size:10px; 
	text-align:left;
    font-family: sans-serif;
    color:#ebfae7;
    width: 45%;
  position: relative;
    top: 20px;
    left: 20px;
}

/*GALERIA*/
/*BOTONERA SECUNDARIA*/
nav#botonera2-galeria {
    float: left;
    width: 25%;
}

nav#botonera2-galeria ul {
    padding: 0;
}

nav#botonera2-galeria ul li {
    margin-bottom: 0.3rem;
    text-align: left;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
}

nav#botonera2-galeria ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-galeria ul li:hover,
body#galeria1 #btn_nivel1,
body#galeria2 #btn_nivel2 {
    background-color: #98cb00;
    color: #000;
}

/*LUCRO*/
nav#botonera2-lucro {
    float: left;
    width: 25%;
}

nav#botonera2-lucro ul {
    padding: 0;
}

nav#botonera2-lucro ul li {
    margin-bottom: 0.3rem;
    text-align: left;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
}

nav#botonera2-lucro ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    list-style: none;
    text-decoration: none;
}


/*BOTONERA SECUNDARIA*/
nav#botonera2-catedra {
    width: auto;
}

nav#botonera2-catedra ul {
    padding: 0;
}

nav#botonera2-catedra ul li {
    margin-bottom: 0.3rem;
    text-align: center;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
}

nav#botonera2-catedra ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-catedra ul li:hover,
body#lacatedra #btn_propuesta,
body#objetivos #btn_objetivos,
body#docentes #btn_docentes {
    background-color: #98cb00;
    color: #000;
}

/*GALERIA NIVEL*/
#galeria-nivel {
    width: 73%;
    height: auto;
    margin: 0.5rem;
    padding:0;
    float: right;
}

#galeria-nivel h4 {
    color: #fd4a20;
    width: auto;
    padding: 0.3rem;
    background-color: rgb(49, 49, 49);
    font-size: 1rem;
    overflow: hidden;
}

.trabajos {
    color: #98cb00;
    font-size: 1rem;
}   

p {
    color: #000;
    font-size: 0.8rem;
    padding: 0.2rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/*DISEÃ‘O SIN FINES DE LUCRO*/
#video {
    margin-top: 0.9rem;
    margin-left: 0.5rem;
    text-align: center;  
}

#que-es {
    float: right;
    width: 75%;
    height: auto;
    margin: 0;
    padding:0;
}

#que-es h4 {
    margin-left: 0.5rem;
    margin-top: 0;
    color: #98cb00;
    width: auto;
    padding: 0.3rem;
    font-size: 1rem;
    border-bottom: 2px solid #fd4a20;
}

#sinfines {
    float: left;
    width: 23%;
    margin: 0.5rem;
}

.sinfines {
    color: #98cb00;
    font-size: 1rem;
}


#objetivos-contenido {
    width: 100%;
}

#imagenobjetivos img {
    width: 100%;
}  

.item-naranja {
    color: #fd4a20;
    font-size: 1rem;
}

#objetivos-contenido h4 {
    text-align: center;
}

/*DOCENTES*/
#imagenesdocentes {
    width: auto;
    height: auto;
    margin: 0.5rem;
}

#imagenesdocentes h4 {
    margin-top: 0rem;
    color: #fd4a20;
    width: auto;
    text-align: center;
    padding: 0.3rem;
    background-color: rgb(87, 87, 87);
    font-size: 1rem;   
    margin-bottom: 0.2rem;
}

#imagenesdocentes img {
    width: 100%;
    height: auto;
    text-align: center;
    margin: 0;
}

#doc-adjuntos {
    margin-bottom: 0.4rem;
}

#doc1 {
    margin-bottom: 0.4rem;
}

#doc2 {
    margin-bottom: 0.4rem;
}

/*ALUMNOS*/
nav#botonera2-aspectos {
    float: left;
    width: 25%;
}

nav#botonera2-aspectos ul {
    padding: 0;
}

nav#botonera2-aspectos ul li {
    margin-bottom: 0.3rem;
    text-align: left;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
}

nav#botonera2-aspectos ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-aspectos ul li:hover,
body#aspectos #btn_aspectos,
body#herramientas #btn_herramientas {
    background-color: #98cb00;
    color: #000;
}

#contenido-aspectos {
    width: 73%;
    height: auto;
    margin: 0.5rem;
    padding:0;
    float: right;
}

#contenido-aspectos img {
    text-align: center;
    width: 100%;
    margin-top: 0.4rem;
}

#contenido-aspectos h4 {
    margin-top: 0.4rem;
    color: #fd4a20;
    width: auto;
    text-align: left;
    padding: 0.3rem;
    background-color: rgb(87, 87, 87);
    font-size: 1rem;    
}

#contenido-aspectos h5 {
    margin-left: 0.5rem;
    margin-top: 0;
    text-align: left;
    color: #98cb00;
    width: auto;
    padding: 0.3rem;
    font-size: 1rem;
    border-bottom: 2px solid #fd4a20;
}

/*HERRAMIENTAS*/
#contenido-herramientas {
    width: 73%;
    height: auto;
    margin: 0.5rem;
    padding:0;
    float: right;
}

#contenido-herramientas img {
    width: 33%;
    opacity: 0.5;
}

#contenido-herramientas img:hover {
    opacity: 1;
}

/*PROXIMA CLASE*/
nav#botonera2-proxclase {
    float: left;
    width: 25%;
}

nav#botonera2-proxclase ul {
    padding: 0;
}

nav#botonera2-proxclase ul li {
    margin-bottom: 0.3rem;
    text-align: left;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
}

nav#botonera2-proxclase ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-proxclase ul li:hover,
body#proxclase #btn_proxclase,
body#apuntes #btn_apuntes,
body#correcciones #btn_correcciones {
    background-color: #98cb00;
    color: #000;
}

h2.proximaclase {  /*banda verde proxima clase, aputes y correcciones*/
    color: #fff;
    background-color: #98cb00;
    font-size: 1rem;
    padding-left:0.3rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem; 
    margin-bottom: 0.3rem; 
}

#proximaclase h4 {
    margin-left: 0.5rem;
    margin-top: 0;
    color: #fd4a20;
    width: auto;
    padding: 0.3rem;
    font-size: 1rem;
    border-bottom: 2px solid #fd4a20;
}

.clase {
    color: #98cb00;
    font-size: 1rem;
}

p {
    color: #000;
    font-size: 0.8rem;
    padding: 0.2rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#proximaclase{
    padding-bottom: 2px;
    float: right;
    width: 74%;
    height: auto;
    margin: 0;
}

#imagenproxclase{
    float:left;
    width: 74%;
    position: relative;
} 
   
/*APUNTES*/
nav#botonera2-apuntes {
    float: left;
    width: 25%;
}

nav#botonera2-apuntes ul {
    padding: 0;
}

nav#botonera2-apuntes ul li {
    margin-bottom: 0.3rem;
    text-align: left;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
}

nav#botonera2-apuntes ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-apuntes ul li:hover,
body#proxclase #btn_proxclase,
body#apuntes #btn_apuntes,
body#correcciones #btn_correcciones {
    background-color: #98cb00;
    color: #000;
}

#apuntes-contenido {
    padding-bottom: 2px;
    float: right;
    width: 74%;
    height: auto;
    margin: 0;
}

#apuntes-contenido h2 {  /*banda verde */
    color: #fff;
    background-color: #98cb00;
    font-size: 1rem;
    padding-left:0.3rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem; 
    margin-bottom: 0.3rem;
}

#apuntes-contenido h4 {
    margin-left: 0.5rem;
    margin-top: 0;
    color: #fd4a20;
    width: auto;
    padding: 0.3rem;
    font-size: 1rem;
    border-bottom: 2px solid #fd4a20;
}

.seccion-apuntes {
    width: 48%;
    float: left;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
    margin-left: 0.6rem;

}

.seccion-apuntes img {
    opacity: 0.5;
}

.seccion-apuntes:hover img {
    opacity: 1;
}

.img-apuntes {
    width: 100%;
    text-align: center;
    margin: 0;
}

/*CORRECCIONES*/
nav#botonera2-correcciones {
    float: left;
    width: 25%;
}

nav#botonera2-correcciones ul {
    padding: 0;
}

nav#botonera2-correcciones ul li {
    margin-bottom: 0.3rem;
    text-align: left;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
}

nav#botonera2-correcciones ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-correcciones ul li:hover,
body#proxclase #btn_proxclase,
body#apuntes #btn_apuntes,
body#correcciones #btn_correcciones {
    background-color: #98cb00;
    color: #000;
}

#galeria-correcciones {
    float: right;
    width: 98%;
    margin: 0.5rem;
}
            
/*NOTICIA 1*/
nav#botonera2-noticia1 {
    float: left;
    width: 25%;
}

nav#botonera2-noticia1 ul {
    padding: 0;
}

nav#botonera2-noticia1 ul li {
    margin-bottom: 0.3rem;
    text-align: left;
    background-color: rgb(193, 193, 193);
    list-style: none;
    text-decoration: none;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: auto;
    padding-right: auto;
}

nav#botonera2-noticia1 ul li a {
    color: rgb(255, 255, 255);
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    padding-right: 2rem;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-noticia1 ul li:hover,
body#noticia1 #btn_noticia1,
body#noticia2 #btn_noticia2 
body#noticia3 #btn_noticia3 {
    background-color: #98cb00;
    color: #000;
}

h2.alumnos2014 {  /*banda verde proxima clase, aputes y correcciones*/
    color: #fff;
    background-color: #98cb00;
    font-size: 1rem;
    padding-left:0.3rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem; 
    margin-bottom: 0.3rem; 
}

h6{
    color: #98cb00;
    background-color: #4d4d4d;
    font-size: 0.8rem;
    padding-left:0.3rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem; 
    margin-bottom: 0.3rem;
}

#noticia-1 h4 {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    color: #98cb00;
    width: auto;
    padding: 0.3rem;
    font-size: 1rem;
    border-bottom: 2px solid #fd4a20;
    border-top: 2px solid #fd4a20;
}

#noticia-1 h2 {
    margin-top: 0.5rem;
    color: #b7b7b7;
    width: auto;
    text-align: left;
    padding: 0.3rem;
    background-color: rgb(87, 87, 87);
    font-size: 1rem;
}

.clase {
    color: #98cb00;
    font-size: 1rem;
}

p {
    color: #000;
    font-size: 0.8rem;
    padding: 0.2rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#noticia-1{
    padding-bottom: 2px;
    float: right;
    width: 74%;
    height: auto;
    margin: 0;
}

#imagennoticia{
    float:left;
    width: 100%;
    position: relative;
    padding-bottom: 0.5rem;
} 
   
.capital{
   float:left;
   color:#98cb00;
   font-size:80px;
   line-height:60px;
   padding:2px;
   margin-right: 5px;
}

/*------------------------------------RESPONSIVE------------------------------------*/

@media all and (min-width: 324px) {

    #pagina {
        width: 224px;
    }
}

@media all and (min-width: 768px) {

    #pagina {
        width: 324px;
    }
    
    section#alumnos {
    width: 60%;
    text-align: center;
    margin: auto;
    }   
}

@media all and (min-width: 768px) {
    
    #pagina {
        width: 560px;
    }
    
    #logo {
        display: block;
        text-align: left;
    }

    #logo img {
        text-align: right;
    }
    
    div#menuceci {
    margin-top: 3.5%;
    width: 100%;
    
}
    #redes-header {
        margin-right: 0.5rem;
        text-align: right;
    }
    
    header {
        background-color: rgb(131, 131, 131);     
        margin: 0;
        padding: 0;
    }

    #pagina nav#botonera1 ul {
        text-align: center;
        margin-bottom: 0.4rem;
    }
    
    #pagina nav#botonera1 ul li {
	    margin: 0.1rem;
        display: inline-block;
        padding: 0.1rem;
    }

    #pagina nav#botonera1 ul li a {
        font-size: 0.9rem;
    }
    
    section#alumnos {
        width:33%;
        margin-top:0.5rem;
        margin-bottom: 0.5rem;
        text-align: center;
        float: left;
    }
    
    .iconos-alumnos {
        width: 80%;
        text-align: center;
        opacity: 0.5;
    }
    
    #calendario {
        width: 100%;
        padding: 0;
        text-align: center;
    } 
    
    .calendario {
        width: 60%;
        margin-bottom: 0.5rem;
    } 
    
    /*BOTONERA SECUNDARIA*/
    nav#botonera2-catedra {
        float: left;
        width: 25%;
    }

    /*ACADEMICO*/
    #propuestaacademica {
        width: 73%;
        margin: 0.5rem;
        float: right;
    }
    
    #textoizquierda h4 {
        text-align: left;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        padding-left: 0.3rem;
    }

    #textoizquierda {
        width: 50%;
        float: left;
    }

    #textoderecha {
        width: 50%;
        float: right;
    }
    
    #textoderecha h4 {
        text-align: left;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        padding-left: 0.3rem;
    }
    
    /*OBJETIVOS*/
    #objetivos-contenido {
        width: 73%;
        margin: 0.5rem;
        float: right;
    }

    #imagenobjetivos img {
        width: 48%;
        margin: 0.2rem;
        float: left:
    } 
    
    #ibjetivos-contenido h4 {
        text-align: left;
        margin-right: 0.2rem;
        margin-left: 0.2rem;
        padding-left: 0.3rem;
    }
    
     /*DOCENTES*/
    #imagenesdocentes {
        float: right;
        width: 72%;
        margin-top: 1rem;
    }
    
    #doc-adjuntos {
        float: right;
    }
    
    #doc1 {
        float: right;
    }
    
    #doc2 {
        float: right;
    }

    #imagenesdocentes h4 {
        text-align: left; 
        margin-bottom: 0;
    }

    #imagenesdocentes img {
        width: 33%;
        height: auto;
        float: left;
        margin-top: 0.2rem;
    }
}


@media all and (min-width: 960px) {
    #pagina {
        width: 940px;
    }

    #pagina nav#botonera1 ul {
        float: right;
        margin-bottom: 0.5rem;
        margin-right: 0.3rem;
    }

    #pagina nav#botonera1 ul li {
        display: inline-block;
    }

    #pagina nav#botonera1 ul li a {
        padding-bottom: 0.2rem;
        padding-left: 0.5rem;
        padding-top: 0.2rem;
        padding-right: 0.5rem;
    }
    
    .seccion-noticias {
        width:33%;
        float:left;
        margin-top:0.5rem;
        margin-bottom: 0.5rem;
        text-align: center;
        margin-left: 0.1rem;
    }

    .h3 {
        padding-bottom: 0.2rem;
        padding-top: 0.2rem;
        margin-left: 0;
    }

    .img-noticias {
        display: block;
    }
    
    #alumnos {
        float: left;
        width: 65%;
    }
    
    section#alumnos {
        width:33%;
    }

    #calendario {
        width: 35%%;
        float: right;
        margin-top: 0.9rem;
    } 

    #pie {
        padding-top: 0.3rem;
        float: left;
        background-image: url(FOOTER.png)
    }
    
    .titulo {
        float: left;
        margin-left: 1.5rem;
        margin-top: 0.5rem;
    }

    .titulo a {
        font-size: 0.8rem; 
        margin:0;
        float: left;
    }

    #pie ul li {
        text-align: left;
    } 

     #pie ul li a{
        font-size: 0.8rem;
    } 
    
    #redes-footer {
        margin-top: 0.5rem;
        margin-right: 1.5rem;
        float: right;
        text-align: left;
    }

    footer #legal p {
        margin-left: 1rem;
        margin-right: 1rem;
        font-size: 0.8rem;
    }  
    
    /*BOTONERA SECUNDARIA*/
    nav#botonera2-catedra ul li {
        margin-bottom: 0.3rem;
        text-align: left;
        padding-bottom: 0.3rem;
        padding-top: 0.3rem;
        padding-left: auto;
        padding-right: auto;
    }

    nav#botonera2-catedra ul li a {
        padding-bottom: 0.3rem;
        padding-top: 0.3rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }  
    
    #imagenesdocentes {
        width: 73%;
    }
    
    #doc-adjuntos {
        width: 100%;
    }
    
    #doc1 {
        width: 100%;
    }
    
    #doc2 {
        width: 100%;
    }

    #imagenesdocentes h4 {
        margin-top: 0.5rem;
        text-align: left; 
        margin-bottom: 0.2rem;
    }

    #imagenesdocentes img {
        width: 25%;
        height: auto;
        float: left;
        margin-top: 0.2rem;
    }