head {
    @charset "utf-8";
}

body {
    background-image: url(imagenes/fondo.jpg);
    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: rgb(106, 104, 104);
	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: #000;
    font-size: 1.5rem;
}

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

/*HEADER Y MENU*/
header {
    overflow: hidden;
    background-image: url(imagenes/encabezado.gif);
    background-repeat: no-repeat;
    width: auto;
}

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

#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 {
    text-decoration: none;
    color: rgb(255, 255, 255);
    padding: 0.5rem;
    font-size: 1.1rem;
}

#pagina nav#botonera1 ul li:hover,
body#inicio #btn_inicio,
body#lacatedra #btn_lacatedra,
body#alumnos #btn_alumnos,
body#galeria1 #btn_galeria,
body#galeria2 #btn_galeria,
body#lucro #btn_lucro,
body#contacto #btn_contacto {
    background-color: #98cb00;
}

/*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 {
    background-color: #000; 
    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;
	background-color:#000;
	height:auto;
	width:100%;
    margin: auto;
}

footer #legal p {
	color:#575757;
	font-size:0.6rem;
	padding:0.5rem;
    width: auto;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

/*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: #000;
    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: #fd4a20;
    color: #fff;
}

/*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: #000;
    font-size: 1rem;
    padding-bottom: 0.3rem;
    padding-top: 0.3rem;
    padding-left: 2rem;
    list-style: none;
    text-decoration: none;
}

nav#botonera2-lucro ul li:hover,
body#lucro #btn_lucro,
body#lucro-proyectos #btn_proyectos,
body#lucro-metodologia #btn_metodologia,
body#lucro-beneficios #btn_beneficios,
body#lucro-coordinadores #btn_coordinadores,
body#lucro-participar #btn_participar,
body#lucro-blog #btn_blog {
    background-color: #fd4a20;
    color: #fff;   
}

/*ACADEMICO*/
/*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: #000;
    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: #fd4a20;
    color: #fff;
}

/*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: 1.1rem;
    overflow: hidden;
}

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

p {
    color: #000;
    font-size: 0.9rem;
    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,
#trabajos {
    float: right;
    width: 74%;
    height: auto;
    margin: 0;
    padding:0;
}

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

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

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

.proyectos {
    color: #98cb00;
    font-size: 1.1rem;
}

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


/*CONTACTO*/
#contenido-contacto {
    width: 100%;
    height: auto;
    margin: 0.5rem;
    padding:0;
}

#contenido-contacto h4 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 0;
    color: #98cb00;
    width: auto;
    padding: 0.3rem;
    background-color: rgb(49, 49, 49);
    font-size: 1.1rem;
}

h5 {
    color: #98cb00;
    font-size: 1rem;
    margin-bottom: 2rem;
    text-align: center;
    padding: 0.3rem;
}
    
.destacado {
    background-color: #fd4a20;
    color: #fff;
}

#formulario-contacto {
    text-align: center;
    width: 100%;
    height: auto;
    margin: 0.5rem;
    padding:0;
}

.input-group {
    font-size: 1.5rem;
}

.list-group-item {
    list-style: none;
    text-decoration: none;
    color: #fff;
    font-size: 1.2rem;
}

.list-group-item:hover {
    color: #98cb00;
}

/*LA CATEDRA*/
#propuestaacademica {
    width: 100%;
    margin-top: 0.9rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

#textoizquierda {
    width: 100%;
}

#textoizquierda h4 {
    color: #98cb00;
    text-align: center;
    padding: 0.3rem;
    background-color: rgb(49, 49, 49);
    font-size: 1.1rem;
}

#textoderecha {
    width: 100%;
}

#textoderecha h4 {
    color: #98cb00;
    padding: 0.3rem;
    background-color: rgb(49, 49, 49);
    font-size: 1.1rem;
    text-align: center;
}

/*OBJETIVOS*/
#objetivos-contenido {
    width: 100%;
}

#imagenobjetivos img {
    width: 100%;
}  

.item-naranja {
    color: #fd4a20;
    font-size: 1.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: 1.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: #000;
    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: #fd4a20;
    color: #fff;
}

#contenido-aspectos {
    width: 73%;
    height: auto;
    margin-bottom: 1.2rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    margin-top: 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: center;
    padding: 0.3rem;
    background-color: rgb(49,49,49);
    font-size: 1.2rem;    
}

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

/*HERRAMIENTAS*/
#contenido-herramientas {
    width: 73%;
    height: auto;
    margin-top: 0.9rem;
    margin-right: 0.5rem;
    margin-left: 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: #000;
    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: #fd4a20;
    color: #fff;
}

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: 1.1rem;
    border-bottom: 2px solid #fd4a20;
}

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

p {
    color: #000;
    font-size: 0.9rem;
    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: #000;
    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: #fd4a20;
    color: #fff;
}

#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: 1.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: #000;
    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: #fd4a20;
    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: #000;
    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: #fd4a20;
    color: #fff;
}

/*NOTICIA 3*/
nav#botonera2-noticia3 {
    float: left;
    width: 25%;
}

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

nav#botonera2-noticia3 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-noticia3 ul li a {
    color: #000;
    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-noticia3 ul li:hover,
body#noticia1 #btn_noticia1,
body#noticia2 #btn_noticia2, 
body#noticia3 #btn_noticia3 {
    background-color: #fd4a20;
    color: #fff;
}


h2.alumnos2014 {  /*banda verde proxima clase, aputes y correcciones*/
    color: #fff;
    background-color: #98cb00;
    font-size: 1.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.9rem;
    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: 1.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.9rem;
    padding: 0.2rem;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}

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

#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: 320px) {

    #pagina {
        width: 220px;
    }
}

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

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

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

    #logo img {
        text-align: right;
    }
    
    #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: 1rem;
    }
    
    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;
    }
    
    .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;
    }
}