@font-face {
    font-family: 'antoniobold';
    src: url('fuentes/antonio-bold-webfont.eot');
    src: url('fuentes/antonio-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/antonio-bold-webfont.woff') format('woff'),
         url('fuentes/antonio-bold-webfont.ttf') format('truetype'),
         url('fuentes/antonio-bold-webfont.svg#antoniobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lobster_twobold_italic';
    src: url('fuentes/lobstertwo-bolditalic-webfont.eot');
    src: url('fuentes/lobstertwo-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/lobstertwo-bolditalic-webfont.woff') format('woff'),
         url('fuentes/lobstertwo-bolditalic-webfont.ttf') format('truetype'),
         url('fuentes/lobstertwo-bolditalic-webfont.svg#lobster_twobold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_sanscondensed';
    src: url('fuentes/DejaVuSansCondensed-webfont.eot');
    src: url('fuentes/DejaVuSansCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/DejaVuSansCondensed-webfont.woff') format('woff'),
         url('fuentes/DejaVuSansCondensed-webfont.ttf') format('truetype'),
         url('fuentes/DejaVuSansCondensed-webfont.svg#dejavu_sanscondensed') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dejavu_sanscondensed_oblique';
    src: url('fuentes/DejaVuSansCondensed-Oblique-webfont.eot');
    src: url('fuentes/DejaVuSansCondensed-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('fuentes/DejaVuSansCondensed-Oblique-webfont.woff') format('woff'),
         url('fuentes/DejaVuSansCondensed-Oblique-webfont.ttf') format('truetype'),
         url('fuentes/DejaVuSansCondensed-Oblique-webfont.svg#dejavu_sanscondensed_oblique') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    margin: 0; background-color: rgb(208, 210, 211);
}

.listanavegador {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size:0.9rem;
}
    
.listasubmenu {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.8rem;
}

.diacronograma {
    padding-left: 1rem;
    padding-top: 1rem;
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size:1rem;
    color: rgb(255,255,255)
}

.nivelcronograma {
    font-family:'lobster_twobold_italic',serif;
    font-size: 1rem;
    color: rgb(255,255,255);
}

h1{
    font-family:'lobster_twobold_italic',serif;
    font-size: 4rem;
    line-height: 0;
    color: rgb(255,255,255);
    text-align: center
}

h2 { 
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1.4rem;
    color: rgb(255,255,255);
    background-color: rgb(77,75,76);
    text-align: center
}

h3 {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(77,75,76);
    margin: 0;
    margin-top: 0.5rem
}

h4{ 
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    background-color: rgb(77,75,76);
    color: rgb(255,255,255);
    text-align: center
}

h5{ font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 0.8rem;
    color: rgb(77,75,76);
}

h6{ font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 0.75rem;
    color: rgb(255,255,255);
    background-color: rgb(77,75,76);
    text-align: center;
    clear:both;
    margin: 0;
    margin-bottom: 0.5rem
}

h7 { 
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    color: rgb(162, 162, 162);
}

p {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    line-height: 1.2rem;
    margin-top: 0.5rem;
    color: rgb(255,255,255)
}

hr {
    width:100%;
    background-color: rgb(77,75,76);
    height: 0.2rem;
    border-style: none;
    padding: 0;
    margin: 0
}
.masinformacion {
    font-family: 'dejavu_sanscondensed_oblique', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    color: rgb(46, 46, 46)
}

.listasecciones {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size: 0.75;
    color: rgb(0,0,0);
    line-height: 1rem;
}

li {
    list-style: none;
}

div#titular {
width: 12rem;
height: 5rem;
margin: auto;
padding-top: 3rem}

nav{
    height: 2.7rem;
    width: 100%;
    background-color: rgb(77,75,76);
    position: fixed;
    z-index: 1;
}
    
ul#navegador {
    list-style-type: none;
    padding:0;
    height: 2.7rem; 
    width: 85%;
    margin: auto;
    z-index: 1;
}

ul#navegador li {
    display: block;
    float: left; 
    height: 2.7rem;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

li:hover > a { 
    font-weight:bold; 
}

ul#navegador li a {
    color: rgb(255,255,255);
    display: block;
    padding-right:5.5rem;
    padding-top: 0.7rem;
    text-decoration: none;
}

ul#navegador .listamenos a {
    color: rgb(255,255,255);
    display: block;
    padding-right: 3.5rem;
    padding-top: 0.7rem;
    text-decoration: none;
}

ul#navegador a#login{
    padding-right:0;
}

ul#navegador li#logo {
    display: none;
}

ul#navegador li#home {
    margin-top: 0.3rem;
    margin-left: 0
}

ul#navegador li#camara {
    margin-top: 0.3rem;
    margin-right: 0;
    float:right;
}

ul#navegador li#camara a {
    padding-right: 0
}

/* submenús */
ul#navegador ul {
    width: 7rem;
    padding-left: 1rem;
    opacity: 0; 
    position: absolute;
    top: 2.7rem;
    left: 0;
}


ul#navegador a#catedra {
    color: rgb(255,255,255)
}

ul#navegador ul#catedra {
    background-color: rgba(0, 0, 0, 0.5);
}

ul#navegador a#nivel1 {
    color: rgb(0, 174, 239);
}

ul#navegador ul#nivel1 {
    background-color: rgba(0, 174, 239, 0.6);
}

ul#navegador a#nivel2 {
    color: rgb(236, 0, 140);
}

ul#navegador ul#nivel2 {
    background-color: rgba(236, 0, 140, 0.6);
}

ul#navegador a#galeriadetrabajos {
    color: rgb(248, 240, 15);
}

ul#navegador ul#galeriadetrabajos {
    background-color: rgba(248, 240, 15, 0.7);
}

img#login {
    margin-left: 0.3rem;
}

ul#navegador li:hover > ul { opacity: 1; }

/* items de los submenús */
ul#navegador ul li {
    height: 0; 
    overflow: hidden;
    padding: 0;
    transition: height .25s ease .1s;
}

ul#navegador li:hover > ul li {
    height: 4rem;
    padding: 0;
}

ul#navegador ul li a {
    border: none;
    padding-top: 1rem;
    width: 6rem;
}

footer {
    clear: both;
    background-color: rgb(77,75,76);
}

ul#navegador br { display:none; }

footer:hover > a { font-weight: 800; }

footer a {
    font-size: 13px;
    text-decoration: none;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    color: rgb(255,255,255);
    margin-left: 45%;
}

footer p {
    padding:1rem;
    padding-bottom: 0.5rem;
    color: rgb(255,255,255);
    text-align: center;
        
}

li {
    list-style: none;
}

/* -------------------------------------------- index -------------------------------------------- */

div#paginaindex header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadahome.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

header img {
   margin-top: -0.7rem
}
div#paginaindex details{
    display: none;
} 

div#paginaindex article {
    width:85%;
    margin: auto;
    margin-top: -8rem;
}

.slider {
    width: 100%
}

.slider img{
    width: 100%
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

div#recordatorio { 
    width: 15rem;
    height:7rem;
    background-image: url(imagenes/zachin.png); 
    background-size: 100%;
    background-repeat: no-repeat; 
    position: fixed; 
    right: 1rem; 
    top: 3.5rem; 
    z-index: 1;
    padding-top: 1rem
}

div#recordatorio h3{
    color: rgb(236, 0, 140);
    padding-left: 1.5rem;
}

h7#cerrar{
    display: block;
    padding-left: 1.5rem;
    padding-top:1rem
}

div#recordatorio .diacronograma {
    padding-left: 1.5rem;
    margin: 0;
    color: rgb(77,75,76)
}

div#recordatorio .nivelcronograma {
    padding-left: 1.5rem;
    color: rgb(77,75,76)
}

div#recordatorio p {
    color: rgb(0,0,0);
    padding-left: 2rem;
}

div#recordatorio .masinformacion {
    color: rgb(236, 0, 140);
}

.proximasclases {
    list-style-type: none;
    margin: 0 ; 
    padding: 0;
    height: 7rem; 
    width: 100%;
    background-color: rgb(0, 174, 239);
}

.proximasclases li {
    list-style: none;
    display: block;
    float: left; 
    height: 7rem;
    list-style: none;
    margin: 0;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    width: 14.5%;
}

.proximasclases li h3 {
    padding-top: 1rem;
    text-align: center;
    color: rgb(255,255,255)
}

li:hover > a { font-weight: 800; }

.proximasclases li a {
    text-decoration: none; 
    color: rgb(69, 70, 70);
}

.proximasclases li a:hover {
    font-weight: bold;
    color:
}

li#senaladorcronograma {
    background-image: url(imagenes/senaladorcronograma.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.contenedornivel1 {
    background-color: rgb(0, 174, 239);
}

.contenedornivel2 {
    background-color: rgb(236, 0, 140);
}

.lightbox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 999;
	background: rgba(0,0,0,0.6);
    text-align: center;
}

.lightbox_contenido	{
    width: 30%;
    margin:auto;
    margin-top: 5rem;
    padding: 1rem;
    background-color: rgb(255,255,255)
	}

.lightbox_contenido p{
		color: rgb(77,75,76);
        text-align: left
	}

.lightbox_contenido h3{
		color: rgb(77,75,76);
	}

.lightbox_contenido .diacronograma{
		color: rgb(77,75,76)
	}

.lightbox_contenido .nivelcronograma{
		color: rgb(77,75,76)
	}

.lightbox .masinformacion{
		color: rgb(155, 155, 155);
}

.lightbox:target { 
        display: table; 
}

div#novedad .lightbox_novedad {
    width: 40%;
    margin: auto;
    margin-top: 5rem;
    padding:0;
    background-color: rgb(255,255,255)}

div#novedad .lightbox_novedad h2{
    margin-left:0;
    margin-right:0;
    margin-top:0;
    margin-bottom: 1rem;
}

div#novedad .lightbox_novedad p{
    color:rgb(77,75,76)
}

div#novedad .lightbox_novedad img.camara {
    width: 90%;        
}

div#novedad .lightbox_novedad img.canales {
    width: 20%;
    margin: 0.3rem;
    border: 2px solid rgb(77,75,76);
}

div#novedad .lightbox_novedad h4 {
    background-color: rgb(77,75,76);
    float:left;
    margin: 1.2rem;
    width: 40%;
}

div#novedad .lightbox_novedad h4:hover {
    background-color: rgb(168, 168, 168);}
        
div#novedad .lightbox_novedad h3 {
    text-align: left;
    margin-left: 1rem;}

div#novedad .lightbox_novedad hr {
    width: 50%;
    margin-left:1rem;}

div#novedad .lightbox_novedad ul {
    text-align: left;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 75%;
    padding-left:1.5rem;
    padding-right: 1rem;
    line-height: 1.4;}

div#novedad .lightbox_novedad li {
    margin-bottom: 0.5rem;}

a{
    text-decoration: none
}

div#sections{
    clear: both;
    width:85%;
    margin: auto;
    padding-top: 1rem;
}

section#noticias {
    height: 40rem;
    width: 32%;
    float: left;
    margin-right: 2%;
    margin-bottom: 1rem;
    background-color: rgb(255,255,255)
}

div#contenidonoticias {
    padding: 1rem;
    padding-bottom: 0;
}

div#contenidonoticias h2:hover{
    background-color: rgb(159, 159, 159)
}
div#contenidonoticias img {
    width:100%;
    margin-bottom: 0;
}

div#contenidonoticias p {
    color: rgb(0,0,0);
    line-height: 1rem;
}

div#contenidonoticias .masinformacion {
    color: rgb(145, 145, 145);
    line-height: 1rem;
}

div#contenidonoticias .masinformacion:hover {
    font-weight: bold
}

div#noticiaoju {
    width: 60%;
    height: 40%;
    text-align: left;
    float:left;
    padding-left: 1rem;   
}

div#masnoticias {
float:right;
width: 25%;
text-align: left;
margin-top: 0;
margin-right: 1rem
}

div#masnoticias img{
height:5rem
}

div#masnoticias ul#noticiasanteriores{
padding:0
}

section#subidas {
    height: 40rem;
    width: 32%;
    margin-right:2%; 
    float: left;
    background-color: rgb(255,255,255)
}

div#contenidosubidas {
    padding: 1rem;
}

div#contenidosubidas img{
width:100%%;
}

div#contenidosubidas p{
    padding-left:1rem;
    padding-right:1rem;}

div#contenidosubidas h5 {
font-size: 100%;
text-align: center;
margin:0;
}

div#contenidosubidas ul {
    text-align: left;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 75%;
    padding-left:1.5rem;
    padding-right: 1rem;
    line-height: 1.4;}

div#contenidosubidas li {
    margin-bottom: 0.5rem;
    list-style-type: none
}

div#contenidosubidas p {
    color: rgb(0,0,0);
    line-height: 1rem;
    padding: 0
}

iframe {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

section#blog {
    height: 40rem;
    width: 32%;
    float: left;
    background-color: rgb(255,255,255)
}

div#contenidoblog {
    padding: 1rem;
}

div#contenidoblog h2:hover{
    background-color: rgb(159, 159, 159)
}

ul#blog {
    background-color: rgb(235, 235, 235);
    height: 31rem; 
    margin: 0; 
    padding: 0.5rem;
}

ul#blog li{
    list-style-type: none;
}

ul#blog li img {
    width: 20%; 
    float: left;
}

.nombrechat {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size: 0.8rem; 
    color:  rgb(0, 0, 0);
    text-decoration: none;
    padding-left: 0.5rem
}

.diachat {
    font-family: 'dejavu_sanscondensed_oblique', sans-serif;
    font-style: normal; 
    font-size: 0.7rem;
    color:  rgb(142, 141, 141); 
    text-decoration: none;
    padding-left: 0.5rem
}

.chat {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size: 0.7;
    color:  rgb(136, 135, 135);
    text-decoration: none;
    padding-left: 3rem; 
    padding-top: 0}
/* ------------------------------------------- nivel1 -------------------------------------------- */

div#paginanivel1 h1{
    padding-top: 3rem;
}

div#paginanivel1 h4 {
margin:0;}

div#paginanivel1 h5{
    color:rgb(0, 174, 239);
    margin-top: 0rem;
    font-size: 1.1rem;
}

div#paginanivel1 h6{
    background-color: rgb(0, 174, 239);
    text-align: left;
    padding: 0.5rem;
}

.descargas {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    line-height: 1.2rem;
    margin-top: 0.5rem;
    color: rgb(134, 134, 134)
}

div#paginanivel1 .masinformacion {
    font-family: 'dejavu_sanscondensed_oblique', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    color: rgb(255,255,255)
}

div#paginanivel1 header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadanivel1.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

div#partes {
    width:85%;
    height:30rem;
    margin:auto;
}

.resumen{
    margin-top: -8rem;
    width:79%;
    height:11rem;
    float:left;
}

div#paginanivel1 div#resumentp {
    width:48.5%;
    height: 100%;
    float:left;
    background-image: url(imagenes/resumen_tp_nuno.png); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
}

div#paginanivel1 div#resumentp: hover{
    opacity: 0.5
}
    
div#paginanivel1 div#resumenmaterial {
    width:48.5%;
    height: 100%;
    float: right;
    background-image: url(imagenes/resumen_material_nuno.png); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
}

div#contenedoresumen{
    width:35%;
    padding: 1rem
}

section#novedades{
    width:79%;
    background-color: rgb(255,255,255);
    float: left;
    margin-top: 1rem;
}

div#info {
    width: 90%;
    margin: 1.5rem;
    padding: 1rem;
    float:left
}

div#info p{
    color:rgb(0,0,0);
}

div#info .masinformacion{
    font-size: 0.7rem;
    color:rgb(196, 196, 196);
}

div#referencia {
    width: 25%;
    padding: 1rem;
    float:right;
    background-color: rgba(0, 174, 239, 0.21);
   
}

aside {
    width:21%;
    background-color: rgb(0, 174, 239);
    float: right;
}

section#tps{
    width:79%;
    background-color: rgb(255,255,255);
    margin-top: -8rem;
    float: left;
}

div#trabajos {
    width: 91%;
    padding: 2rem;
}

div#trabajos p{
    color: rgb(77,75,76)
}

div#trabajos i{
    color: rgb(85, 85, 85)
}

.cajalink {
    width: 65%;
    margin-top: 1rem;
}

.imagenesfichas {
    width: 30.5%; 
    margin-right: 1rem
}

div#fichas {
    width: 25%;
    float:right;
    padding: 1rem;
    background-color: rgba(0, 174, 239, 0.21)
}

section#materialdeconsulta{
    width:79%;
    background-color: rgb(255,255,255);
    margin-top: -8rem;
    float: left
}

div#materiales{
    width: 90%;
    padding: 2rem;
}

div#imagenmaterial{
    width:35%;
    float: left;
}

div#imagenmaterial img{
    width: 100%;
    margin-bottom: 1rem;
}

div#descripcionmaterial{
    width:60%;
    float: right;
    padding: 0.5rem
}
div#materiales .masinformacion{
    font-size: 0.7rem;
    color:rgb(196, 196, 196);
}

div#materiales p{
    color:rgb(0,0,0);
}

div#videos {
    width: 100%;
    padding: 2rem;
    clear:both
}

div#paginanivel1 iframe{
    margin-top: 0;
    width: 80%;
    height: 20rem
}

div#videos p{
    color:rgb(0,0,0);
}

div#videos .masinformacion{
    font-size: 0.7rem;
    color:rgb(196, 196, 196);
}

div#bibliografia {
    width: 90%;
    margin: auto;
    padding: 2rem;
    background-color: rgba(0, 174, 239, 0.21);  
}

a{
    text-decoration: none
}

div#paginanivel1 div#proximasclases {
    width: 100%;
    height: inherit
}

div#paginanivel1 .proximasclases{
    background-color: rgb(0, 174, 239);
    height: inherit
}

div#paginanivel1 .proximasclases li {
    padding: 1rem;
    border-bottom: 1px solid;
    border-bottom-color: rgb(255,255,255);
    width: 100%;
    height: inherit
}

div#paginanivel1 li#senaladorcronograma {
    background-image: url(imagenes/senaladorcronogramavertical.svg);
    margin:0;
    padding: 0;
    height:7rem;
    border-bottom: none;
}

div#paginanivel1 li#contenedornivel {
    background-color: rgb(0, 174, 239);
    width: 83.5%;
    height: inherit
}

div#paginanivel1 li#descargascronograma {
    background-color: rgb(112, 210, 245);
    width: 83.5%;
    height: inherit
}

div#proximasclases p {
    padding-left: 1rem;
}

div#siguientes {
    clear:both;
    float:right;
    padding-right: 1rem
}

div#siguientes li{
    float: left;
    margin:0;
    margin-right: 0.5rem;
    margin-bottom: 1rem
        
}

/* ------------------------------------------- nivel2 -------------------------------------------- */

div#paginanivel2 h1{
    padding-top: 3rem;
}

div#paginanivel2 h4{
    background-color: rgb(236, 0, 140);
    margin: 0
} 

div#paginanivel2 h5{
    color:rgb(236, 0, 140);
    margin-top: 0rem;
    font-size: 1.1rem;
}

div#paginanivel2 h6{
    background-color: rgb(236, 0, 140);
    text-align: left;
    padding: 0.5rem;
}

div#info .masinformacion{
    font-size: 0.7rem;
    color:rgb(196, 196, 196);
}

div#paginanivel2 header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadanivel22.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

div#paginanivel2 div#resumentp {
    width:48.5%;
    height: 100%;
    float:left;
    background-image: url(imagenes/resumen_tp_ndos.png); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
}

div#paginanivel2 div#resumentp: hover{
    opacity: 0.5
}

div#paginanivel2 div#resumenmaterial {
    width:48.5%;
    height: 100%;
    float: right;
    background-image: url(imagenes/resumen_material_ndos.png); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
}

div#contenedoresumen{
    width:35%;
    padding: 1rem
}

div#paginanivel2 section#novedades img{
    width: 100%;
}

div#paginanivel2 div#referencia {
    width: 25%;
    padding: 1rem;
    float:right;
    background-color: rgba(236, 0, 140, 0.21);
}

div#paginanivel2 div#fichas {
    width: 25%;
    float:right;
    padding: 1rem;
    background-color: rgba(236, 0, 140, 0.21)
}

div#videos video{
    width: 80%;
}

div#paginanivel2 div#bibliografia {
    background-color: rgba(236, 0, 140, 0.21);  
}

div#paginanivel2 aside{
     background-color: rgb(236, 0, 140);
}

div#paginanivel2 div#proximasclases {
    width: 100%;
    height: inherit
}

div#paginanivel2 .proximasclases{
    background-color: rgb(236, 0, 140);
    height: inherit
}

div#paginanivel2 .proximasclases li {
    padding: 1rem;
    border-bottom: 1px solid;
    border-bottom-color: rgb(255,255,255);
    width: 100%;
    height: inherit
}

div#paginanivel2 li#senaladorcronograma {
    background-image: url(imagenes/senaladorcronogramavertical.svg);
    margin:0;
    padding: 0;
    height:7rem;
    border-bottom: none;
}

div#paginanivel2 li#contenedornivel {
    background-color: rgb(236, 0, 140);
    width: 83.5%;
    height: inherit
}

div#paginanivel2 li#descargascronograma {
    background-color: rgb(235, 104, 182);
    width: 83.5%;
    height: inherit
}



/* ------------------------------------------- catedra ------------------------------------------- */

.nivel{
    font-family:'lobster_twobold_italic',serif;
    font-size: 1.5rem;
    color: rgb(255,255,255);
    margin-bottom: 0
}

div#paginacatedra h1{
    padding-top: 3rem;
}

div#paginacatedra h3 {
    color: rgb(255,255,255);
}

div#paginacatedra h4{
    background-color: rgb(77,75,76);
    text-align: center;
    margin-top:0
}

div#paginacatedra h5 {
    margin-bottom: 0;
}

div#paginacatedra hr {
    background-color: rgb(77,75,76);
}

.destacadoparrafo {
    color: rgb(0,0,0)
}


div#paginacatedra header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadacatedra.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

div#paginacatedra .resumencatedra{
    margin-top:-8rem;
    width:85%;
    margin-left:7.5%;
    height:11rem;
}

div#paginacatedra .resumencatedra h6{
    background-color: rgb(77,75,76);
    text-align: left;
    padding: 1rem;
    margin-top: 0
}

div#paginacatedra div#resumendocentes {
    width:48.5%;
    height: 100%;
    float:left;
    background-image: url(imagenes/titular.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
}
    
div#paginacatedra div#resumenpropuesta {
    width:48.5%;
    height: 100%;
    float: right;
    background-image: url(imagenes/resumen_propuesta.png); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
}

div#paginacatedra div#contenedoresumen{
    width:35%;
    padding: 1rem;
    padding-top: 0
}

section#catedra{
    width:85%;
    margin: auto;
    margin-top:1rem;
    background-color: rgb(255,255,255);
}

section#catedra p{
    color: rgb(77,75,76);
}

section#catedra H3{
    color: rgb(77,75,76);
}

section#catedra img{
    width: 100%;
    margin-top: 1rem
}

div#contenidocatedra{
    padding: 2rem;
    padding-top: 1rem;
}

div#paginacatedra article {
    width:85%;
    height: 100%;
    margin: auto;
    margin-top: -8rem;
    margin-bottom: 1rem;
    background-color: rgb(255,255,255)
}

div#paginacatedra article ul {
    list-style-type: none;
    margin: 0 ; 
    width: 100%;
    padding: 1rem;
    padding-right: 0rem
}

.titular {
    position: relative;
    float: left; 
    list-style: none;
    margin: 0;
    margin-right: 1rem;
    padding: 0;
    width: 22.5%;
    overflow: hidden
}

.titular p {
    color: rgb(77,75,76);
    margin-top: 0;
}

.info3 {
 display: none;
 position: absolute;
 top: 0;
 z-index: 10;
 background: rgba(77,75,76, 0.5);
 color: rgb(255,255,255);
 padding: 1rem;
}

.info3 p{
color:rgb(255,255,255)
}

.titular:hover .info3 {
display: block;
}

div#paginacatedra article li img{
    width: 100%
}

div#docentes1 {
    clear: both;
    background-color: rgb(0, 174, 239);
    text-align: center;
    width: 100%;
    padding-bottom: 0.5rem;
}

div#paginacatedra article div#docentes1 ul#docentes{
    clear:both;
    background-color: rgb(0, 174, 239);
    padding:0;
    padding-left: 1rem;
}

details {
    width:100%;
    margin: 0;
    background-color: rgb(0, 174, 239)
}

summary {
    display:block;
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(255,255,255);
    margin:0;
    margin-right:2rem;
    clear: both;
    width:100%;
    text-align: left;
}
    
div#docentes2 {
    clear: both;
    background-color: rgb(236, 0, 140);
    text-align: center;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

div#paginacatedra article div#docentes2 ul#docentes{
    clear:both;
    background-color: rgb(236, 0, 140);
    padding:0;
    padding-left: 1rem;
}

div#docentes2 details {
    background-color: rgb(236, 0, 140)
}

.docentes {
    position: relative;
    float: left; 
    list-style: none;
    margin: 0;
    margin-right: 1rem;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    padding: 0;
    width: 14.5%;
    overflow: hidden
}

.info {
 display: none;
 width: 79%;
 height: 80%;
 position: absolute;
 bottom: 0;
 z-index: 10;
 background: rgba(0, 174, 239, 0.5);
 color: rgb(255,255,255);
 padding: 1rem;
}

.info2 {
 display: none;
 width: 79%;
 height: 80%;
 position: absolute;
 bottom: 0;
 z-index: 10;
 background: rgba(236, 0, 140, 0.5);
 color: rgb(255,255,255);
 padding: 1rem;
}

.docentes:hover .info {
display: block;
}

.docentes:hover .info2 {
display: block;
}

div#paginacatedra section#propuestaypauta {
    clear:both;
    width:85%;
    margin: auto;
    margin-top: -8rem;
    background-color: rgb(255,255,255)
}

div#paginacatedra section#propuestaypauta p{
    color: rgb(77,75,76);
    margin:0;
    margin-top:0.5rem;
}

div#paginacatedra section#propuestaypauta h5{
    color: rgb(77,75,76)
}

div#propuesta {
    width:45%;
    float:left;
    padding: 1rem;
    height: 42rem;
    background-color: rgb(255,255,255)
}

div#pauta {
    width:45%;
    float:right;
    padding:1rem;
    height: 42rem;
    background-color: rgb(255,255,255)
}

div#vertodos{
    float: right;
    padding: 1rem;
}

/* ------------------------------------------- galeria ------------------------------------------- */

div#paginagaleria h1{
    font-family:'lobster_twobold_italic',serif;
    font-size: 3.3rem;
    line-height: 0;
    color: rgb(255,255,255);
    text-align: center
}

div#paginagaleria h3 {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(0,0,0);
    text-align: center;
    background-color: rgb(248, 240, 15);
    margin-top: 0
}

div#paginagaleria h4{ font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(0,0,0);
    background-color: rgb(248, 240, 15);
    text-align: center
}

div#paginagaleria h5{
    margin: 0;
    margin-top: 1rem;
    margin-left: 1.5rem
}

div#paginagaleria h6{
    margin: 0;
    margin-top: 1rem;
}

div#paginagaleria h7{
    color: rgb(0,0,0)
}

div#paginagaleria hr {
    height: 0.1rem;
    background-color: rgb(193, 193, 193);
}

.inactivo{
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 0.7rem;
    color: rgb(214, 214, 214);
}

.submenutp {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size: 0.7rem;
    color: rgb(0,0,0)
}

div#paginagaleria .masinformacion {
    font-family: 'dejavu_sanscondensed_oblique', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    color: rgb(255,255,255)
}

div#paginagaleria header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadagaleria.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

div#paginagaleria article {
    width:85%;
    height: 30rem;
    margin: auto
}

div#placeHolder {
    margin-left: 0.5rem
}

div#paginagaleria section{
    width:78%;
    background-color: rgb(255,255,255);
    margin-top: -8rem;
    float: left
}

div#paginagaleria .lightbox{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 999;
	background: rgba(0,0,0,0.6);

}

div#paginagaleria .lightbox_contenido	{
    width: 60%;
    position:absolute;
    top:5rem;
    left: 10rem;
    padding: 1rem;
    background-color: rgb(255,255,255)
	}

.lightbox_contenido img{
 width: 100%   
}

.lightbox_contenido .masinformacion{
 color: rgb(77,75,76) 
}

.lightbox:target { 
        display: table; 
}

ul#container{
    width:100%;
    padding:1rem
}

ul#container li{
    width:26%;
    float: left;
    padding:0.8rem;
    padding-top: 0.5;
    margin-left: 0.5rem;
    list-style: none;
}

.contenedortp {
width: 100%;
background-color: rgb(234, 234, 234);
border-radius: 0.3rem; 
padding: 0.5rem;
margin-bottom: 0.5rem
}

.contenedortp img {
width:100%;
}

.contenedortp p {
width:100%;
height: 100%;
text-align: right;
margin: 0;
color: rgb(147, 147, 147)
}

.contenedortp h5 {
margin: 0
}

.autor {
    font-family:'lobster_twobold_italic',serif;
    font-size: 0.8rem;
    color: rgb(147, 147, 147);
}

img#likes {
    width: 50%;
}

div#paginagaleria aside {
    width:20%;
    background-color: rgb(248, 247, 126);
    float: left;
    padding:0;
}

div#contenidoresena{
    padding: 1rem;
}
div#contenidoresena p {
    color: rgb(77,75,76);
    font-size: 0.75rem
}

a{
    text-decoration: none
}

.highlight { 
    box-shadow: black 0 0 20px; 
    box-shadow: rgba(0, 0, 0, 0.7) 0 0 20px; 
}

.fade { 
    opacity: 0.1; 
    filter: alpha(opacity=10); 
}


/* ------------------------------------------- noticias ------------------------------------------ */

div#paginanoticias header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadahome.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

header img {
   margin-top: -0.7rem
}

div#paginanoticias article {
    width:85%;
    margin: auto;
    margin-top: -8rem;
}

div#ultimasnoticias {
float:left;
width:80%;
background-color: #fff;}

div#ultimasnoticias h4{
    background-color: rgb(77,75,76);
    margin:0;
}

div#ultimasnoticias img{
    width:90%;
    margin:2rem;
}

div#ultimasnoticias h3{
    width:90%;
    margin-left:2rem;
}

div#ultimasnoticias hr{
    width:90%;
    margin-left:2rem;
}

div#ultimasnoticias p {
color:#000;
padding-bottom:1rem;
margin:2rem;
width: 90%;}

div#ultimasnoticias .masinformacion{
    display:block;
    width:90%;
    padding-left:2rem;
    margin:0rem;
    color: rgb(149, 143, 143);}

div#otrasnoticias {
    position:relative;
    top: 8rem;
    float:left;
    width:20%;
    background-color: rgb(77,75,76);
}

div#otrasnoticias img{
    width:100%;
margin:0;}

div#otrasnoticias h5{
    position:relative;
    top:-4rem;
    color:#fff;
    font-size: 100%;
    margin:0;
    text-align: center;
}

div#otrasnoticias ul{
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 80%;
    line-height: 15px;
    color: #fff;
    padding:0;
    margin:1rem;
}

div#otrasnoticias li{
    margin-bottom:1rem;
    padding-bottom:1rem;
    border-bottom: 1px solid #fff;
}

div#otrasnoticias form{
    margin-left: 1rem;}

input[type='search'] {
    width:80%;}

div#noticiasrelacionadas {
    float:left;
    margin-top:1rem;
    background-color: #fff;
    width: 80%;
    margin-bottom:1rem;}

div#noticiasrelacionadas h4{
    background-color: rgb(77,75,76);
    margin:0;}

div#noticiasrelacionadas p{
    color: #000;}

div#not1 {
    width:28.5%;
    float:left;
    margin-left:2rem;
   
    margin-top:1rem;}

div#not2 {
    width:28.5%;
    float:left;
    margin-left:1rem;
margin-top:1rem;}

div#not3 {
    width:28.5%;
    float:left;
    margin-left:1rem;
margin-right:2rem;
margin-top:1rem;}

div#otrasnoticias a{color:inherit}

/* ----------------------------------- actualizacion noticias ----------------------------------- */

div#paginaacnoticias header {
    width: 100%; 
    margin: 0; 
    padding: 0;
}

div#paginaacnoticias article {
    width:100%;
    margin: auto;
}

img#actualizacion{
    width:100%;
}


/* ------------------------------------------ contacto ------------------------------------------- */

div#paginacontacto header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadahome.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

div#paginacontacto article a{
    color:inherit;
}

div#paginacontacto article a:hover {
  color: rgb(144, 141, 144);}

div#paginacontacto h1{
    padding-top: 3rem;
}

div#paginacontacto h4{
    margin:0;
    background-color: rgb(77,75,76);}

div#divisiones {
    width:85%;
    margin: auto;
    margin-top: -8rem;
    margin-bottom: 1rem;
}

div#consultas {
    float:left;
    width:65%;
    margin-bottom:2%;
    background-color: rgb(255,255,255);}

div#consultas h5 {
    font-size: 100%;
    margin-left: 2rem;}

.contacto{
    padding-left: 2rem;
    padding-right: 3rem;
    padding-bottom:1rem;
}

.contacto label{
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size: 0.9rem;
    color: rgb(77,75,76);
    display: block;
    font-weight: bold;
}
.contacto div{
    margin-bottom: 5px;
}

.contacto input[type='text'] {
    padding: 0.5rem;
    width: 100%;
    border: 1px solid rgb(180, 180, 180);
    resize: none;
    margin-top: 0.3rem;
}

.contacto textarea{
    padding: 0.5rem;
    width: 100%;
    border: 1px solid rgb(180, 180, 180);
    resize: none;
    margin-top: 0.3rem;
}

.contacto input[type='text']:focus, .contacto textarea:focus{
    outline: none;
}

.contacto input[type='submit']{
    font-family: 'antoniobold', sans-serif;
    font-size: 1.2rem;
    width: 30%;
    padding: 0.3rem;
    background-color: rgb(77,75,76);
    color: #fff;
}

.contacto input[type='submit']:hover{
    background-color: rgb(195, 195, 195);
}

div#redessociales {
    float: left;
    width: 33%;
    margin-left: 2%;
    margin-bottom:2%;
    background-color: #fff;}

div#redessociales h5 {
    padding-left: 1rem;}

div#mail {
    float: left;
    width: 33%;
    margin-left: 2%;
    margin-bottom:2%;
    background-color: #fff;}

div#mail ul {
font-family: 'dejavu_sanscondensed', sans-serif;
font-size: 90%}

div#ubicacion {float: left;
    width: 33%;
    margin-left: 2%;
    margin-bottom:2%;
    background-color: #fff;}

div#ubicacion h5{
margin:1rem;
text-align: center;
font-size: 100%}

div#ubicacion ul{
    padding-left:1rem;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 80%;}

div#ubicacion img{
margin-right: 1rem;
float:right;
width:30%;
}
/* ------------------------------------------- mapa ------------------------------------------- */

div#paginamapa header {
    width: 100%; 
    height: 20rem; 
    background-image: url(imagenes/portadahome.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin: 0; 
    padding: 0;
}

div#paginamapa h1{
    padding-top: 3rem;
}

div#paginamapa article {
    width:60%;
    margin: auto;
    margin-top: -8rem;
    margin-bottom: 1rem;
    background-color: rgb(255,255,255);
    padding:3rem;
}

div#paginamapa h3 {
    float:left;
    margin-right: 1rem;
    position:relative;
    top:1.8rem;
    font-size: 250%;}
    
div#paginamapa article ul {
    padding:0;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 75%;
    line-height: 15px;
    float: left;
}

div#paginamapa h3 a{
    color:inherit;}

div#paginamapa h3 a:hover {
    color:rgb(175, 175, 175);}

.catedra {
    position:relative;
    top:-1.5rem;
    font-size: 80%;}

div#mapacat{
    margin-left: 6.5rem;
}

.catedra1 {
    position:relative;
    top:-1.5rem;
    font-size: 60%;}

div#mapacat1{
    margin-left: 14rem;
}

div#mapacat1 ul{
    position:relative;
    top:1.4rem;}

.catedra2 {
     position:relative;
    top:-1.5rem;
    font-size: 60%;}

div#mapacat2{
    margin-left: 14rem;}

div#mapacat2 ul{
    position:relative;
    top:2.3rem;}

.n1 {
    position:relative;
    top:-1.5rem;
    font-size: 80%;}

div#mapan1{
    margin-left: 6.5rem;
}

div#mapan1 ul{
    position:relative;
    top:2.3rem;}

.n11 {
     position:relative;
    top:-1.5rem;
    font-size: 60%;}

div#mapan11{
    margin-left: 14rem;}

div#mapan11 ul{
    position:relative;
    top:1.4rem;}

.n12 {
     position:relative;
    top:-1.5rem;
    font-size: 60%;}

div#mapan12{
    margin-left: 14rem;}

div#mapan12 ul{
    position:relative;
    top:0.5rem;}

.n2 {
    position:relative;
    top:-1.5rem;
    font-size: 80%;}

div#mapan2{
    margin-left: 6.5rem;
}

div#mapan2 ul{
    position:relative;
    top:2.3rem;}

.n21 {
     position:relative;
    top:-1.5rem;
    font-size: 60%;}

div#mapan21{
    margin-left: 14rem;}

div#mapan21 ul{
    position:relative;
    top:1.4rem;}

.n22 {
     position:relative;
    top:-1.5rem;
    font-size: 60%;}

div#mapan22{
    margin-left: 14rem;}

div#mapan22 ul{
    position:relative;
    top:0.5rem;}

.gal{
    position:relative;
    top:-1.5rem;
    font-size: 80%;}

div#mapagal{
    margin-left: 6.5rem;
}

div#mapagal ul{
    position:relative;
    top:1.4rem;}

.cont{
    position:relative;
    top:-1.5rem;
    font-size: 80%;}

div#mapacont{
    margin-left: 6.5rem;
}

div#mapacont ul{
    position:relative;
    top:0.5rem;}

.not{
    position:relative;
    top:-1.5rem;
    font-size: 80%;}

div#mapanot{
    margin-left: 6.5rem;
}

div#mapanot ul{
    position:relative;
    top:2.3rem;}

.blog{
    position:relative;
    top:-1.5rem;
    font-size: 80%;}

div#mapablog{
    margin-left: 6.5rem;
}

div#mapablog ul{
    position:relative;
    top:2.3rem;}
/* ------------------------------------------- novedad ------------------------------------------ */

article .novedad {
    width: 100%;
    margin: auto;
    margin-top: 2rem;
    padding:0;
    background-color: rgb(255,255,255)}

article .novedad h2{
    margin-left:0;
    margin-right:0;
    margin-top:2rem;
    margin-bottom: 1rem;
    padding-top: 1rem;
}

article .novedad p{
    color:rgb(77,75,76)
}

article .novedad img.camara {
    width: 100%;        
}

article .novedad img.canales {
    width: 18%;
    margin: 0.3rem;
    border: 2px solid rgb(77,75,76);
}

article .novedad h4 {
    background-color: rgb(77,75,76);
    float:left;
    margin: 1rem;
    width: 90%;
}

article .novedad h4:hover {
    background-color: rgb(168, 168, 168);}
        
article .novedad h3 {
    text-align: left;
    margin-left: 1rem;}

article .novedad hr {
    width: 90%;
    margin-left:1rem;}

article .novedad ul {
    text-align: left;
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-size: 75%;
    padding-left:1.5rem;
    padding-right: 1rem;
    line-height: 1.4;
    padding-bottom:1rem
}

article .novedad li {
    margin-bottom: 0.5rem;}


/* ------------------------------------------- error ------------------------------------------ */

div#paginaerror header {
    width: 100%; 
    margin: 0; 
    padding: 0;
}

div#paginaerror article {
    width:100%;
    margin: auto;
    background-color: rgb(0,174,239)
}

div#paginaerror body{
    background-color: rgb(0,174,239)
}

img#error{
    width:100%;
}


@media all and (max-width:340px) {

.listanavegador {
font-family: 'antoniobold', sans-serif;
font-style: normal; 
font-size:0.7rem;
}
    
.listasubmenu {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.8rem;
}

.diacronograma {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size:0.7rem;
    color: rgb(255,255,255)
}

.nivelcronograma {
    font-family:'lobster_twobold_italic',serif;
    font-size: 0.85rem;
    color: rgb(255,255,255);
}

h1{
    font-family:'lobster_twobold_italic',serif;
    font-size: 3rem;
    line-height: 0;
    color: rgb(255,255,255);
    text-align: center
}

h2 { 
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(255,255,255);
    text-align: center
}

h3 {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 0.8rem;
    color: rgb(77,75,76);
}

h4{ font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(255,255,255);
    background-color: rgb(77,75,76);
    text-align: center
}

p {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.7rem;
    line-height: 1.2rem;
    margin-top: 0.5rem;
    color: rgb(255,255,255)
}

.recordatorio {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(0,174,239);
    margin-top: 0
}
div#paginaindex .masinformacion {
    font-family: 'dejavu_sanscondensed_oblique', sans-serif;
    font-style: normal; 
    font-size:0.7rem;
    color: rgb(255,255,255)
}

div#paginaindex header {
    width: 100%; 
    height: 10rem; 
    background-image: url(imagenes/portadahome.jpg); 
    background-size: 200%;
    background-repeat: no-repeat; 
    background-position: bottom; 
    margin:0; 
    padding: 0;
    position: relative        
}

ul#navegador {
   display: none;
}
    
nav{
    width:100%;
    height: 2rem;
    position: absolute;
    top:0

}
    
div#paginaindex details{
    display: block;
    background-color: rgb(77,75,76);
    width:20%;
    padding: 0.5rem
}
    
div#paginaindex summary{
    height:1.5rem;
    padding:0;
}
    
div#paginaindex summary img{
    height: 100%;
} 

details summary::-webkit-details-marker {
    background-image:none
}
    
ul#navcelular{
    padding: 0.5rem;
    
}

ul#navcelular li{
    padding: 0;
    height:2.5rem;
    list-style-type: none
}

ul#navcelular li a{
    color: rgb(255,255,255)
}
    
div#paginaindex div#titular {
    width: 10rem;
    height: 5rem;
    margin: auto;
    padding-top: 2rem;
    margin-right: 1rem;
    
}

a{
    text-decoration: none
}

div#paginaindex article {
    width:100%;
    margin: auto;
    margin-top: -8;
    padding: 0
}

div#recordatorio {
    display: none
        
}

.slider {
    display: none}
    

div#paginaindex .proximasclases {
    list-style-type: none;
    margin-top: 0; 
    padding: 0;
    height: 25.2rem; 
    width: 100%;
    background-color: rgb(236,0,140);
}

div#paginaindex .proximasclases li { 
    list-style: none;
    margin: 0;
    padding-right: 1rem;
    padding-left: 1rem;
    border-bottom: 1px solid ;
    border-bottom-color: rgb(255,255,255);
    
}
    
   
li#senaladorcronograma {
    background-color: rgb(77,75,76);
    width: 100%;
    height: 4rem;
}

div#paginaindex .contenedornivel1{
    float:left;
    height: 7rem;
    width:37.5%;
    border-bottom-color: rgb(77,75,76)
}
    
div#paginaindex .contenedornivel2{
    float:right;
    height: 7rem;
    width:37.5%
}

div#paginaindex .proximasclases li h3 {
    padding-top: 0rem;
    color: rgb(255,255,255)
}
    
div#paginaindex .proximasclases .diacronograma {
    padding-left: 0rem
}
    
div#paginaindex .proximasclases p {
    padding-left: 0rem
}

li:hover > a { color: Crimson; }
   
li#senaladorcronograma {
    background-color: rgb(77,75,76);
}

div#paginaindex div#sections{
    width:100%;
    margin: auto;
    padding-top: 0.5rem;
}

div#paginaindex section#noticias {
    width: 100%;
    height: inherit;
    float: none;
    margin-top: 0.8rem;
    background-color: rgb(255,255,255)
}

div#paginaindex div#contenidonoticias {
    padding: 1rem;
    padding-bottom: 0.3rem;
}

div#paginaindex section#subidas {
    width: 100%;
    float: none;
    height: inherit;
    margin-top:0.8rem; 
    background-color: rgb(255,255,255)
}

div#paginaindex div#contenidosubidas {
    padding: 1rem;
}
    
section#blog {
    width: 100%;
    background-color: rgb(255,255,255);
    margin-top: 0.8rem
}

div#contenidoblog {
    padding: 1rem;
}

ul#blog {
    background-color: rgb(235, 235, 235);
    height: 31rem; 
    margin: 0; 
    padding: 0.5rem;
}

footer {
    background-color: rgb(77,75,76);
}

ul#footer {
    list-style-type: none;
    margin: 0 ; 
    padding: 0;
    width: 100%;
}

ul#indexcarta {
    float: none;
    font-family: 
}

ul#footercatedra {
float: none; }

ul#footernivel1 {
float: none; }

ul#footernivel2 {
float: none; }

ul#footergaleria {
float: none;
}

ul#logouba {
float: none;
}

ul#logouba img{
width: 13rem;
}

.navegador br { display:none; }

ul#footer li {
    display: block;
    float: none; 
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    clear: both}

ul#footer li:hover > a { color: Crimson; }

}
    
div#paginanovedad details{
    display: block;
    background-color: rgb(77,75,76);
    width:20%;
    padding: 0.5rem
}
    
div#paginanovedad summary{
    height:1.5rem;
    padding:0;
}
    
div#paginanovedad summary img{
    height: 100%;
} 

details summary::-webkit-details-marker {
    background-image:none
}
    
ul#navcelular{
    padding: 0.5rem;
    
}

ul#navcelular li{
    padding: 0;
    height:2.5rem;
    list-style-type: none
}

ul#navcelular li a{
    color: rgb(255,255,255)
}

/*-------------------------------------------------------------------------*/   

@media all and (min-width:341px) and (max-width:640px) {

    .listanavegador {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size:0.7rem;
}
    
.listasubmenu {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.8rem;
}

.diacronograma {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size:0.8rem;
    color: rgb(255,255,255)
}

.nivelcronograma {
    font-family:'lobster_twobold_italic',serif;
    font-size: 1rem;
    color: rgb(255,255,255);
}

h1{
    font-family:'lobster_twobold_italic',serif;
    font-size: 4rem;
    line-height: 0;
    color: rgb(255,255,255);
    text-align: center
}

h2 { 
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1.4rem;
    color: rgb(255,255,255);
    background-color: rgb(77,75,76);
    text-align: center
}

h3 {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(77,75,76);
}

h4{ font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(255,255,255);
    background-color: rgb(77,75,76);
    text-align: center
}

p {
    font-family: 'dejavu_sanscondensed', sans-serif;
    font-style: normal; 
    font-size:0.75rem;
    line-height: 1.2rem;
    margin-top: 0.5rem;
    color: rgb(255,255,255)
}

.recordatorio {
    font-family: 'antoniobold', sans-serif;
    font-style: normal; 
    font-size: 1rem;
    color: rgb(77,75,76);
    margin-top: 0
}
div#paginaindex .masinformacion {
    font-family: 'dejavu_sanscondensed_oblique', sans-serif;
    font-style: normal; 
    font-size:0.7rem;
    color: rgb(255,255,255)
}

div#paginaindex header {
    width: 100%; 
    height:12rem;
    background-image: url(imagenes/portadahome.jpg); 
    background-size: 200%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin:0; 
    padding: 0;
}

ul#navegador {
    list-style-type: none;
    margin: 0 ; 
    padding-left: 0.4rem;
    height: 2rem; 
    width: 100%;
    background-color: rgb(77,75,76);
}

ul#navegador li { 
    height:1rem;
    float: left;
    list-style: none;
    margin: 0;
    padding-bottom: 0.5rem
}

ul#navegador li#logo { 
    height:2rem;
    margin-top: 0;
    margin-bottom:0rem;
    padding-right: 1rem;
}

    
ul#navegador li:hover > a { 
    color: Crimson; 
}

ul#navegador li a {
    color: rgb(255,255,255);
    display: block;
    padding-right:0.9rem;
    padding-top: 0.7rem;
    text-decoration: none;
}

ul#navegador li#camara {
    display: none;
}
    
ul#navegador .listamenos a {
    padding-right: 0.9rem;
}

/* submenús */
ul#navegador ul {
    display: none
}

div#recordatorio{
    display: none
}

div#paginaindex article {
    width:100%;
    margin-right: 0;
    padding-top: 8rem
}
    
.slider {
    width: 100%
}

div#paginaindex div#titular {
width: 14rem;
height: 5rem;
margin: auto;
}

a{
    text-decoration: none
}

div#paginaindex .proximasclases {
    list-style-type: none;
    margin-top: 1rem; 
    padding: 0;
    height: 7rem; 
    width: 35%;
    float: left;
    background-color: rgb(0, 174, 239);
    text-align: center
}

div#paginaindex .proximasclases li { 
    height: inherit;
    list-style: none;
    float:none;
    padding: 0;
    width:100%;
}

div#paginaindex .proximasclases li h3 {
    padding-top: 1.5rem;
     padding-left: 1.5rem;
    color: rgb(255,255,255)
}
    
div#paginaindex li#senaladorcronograma {
    width: 100%;
    height: 6rem;
    background-color: rgb(77,75,76);
    margin-top: -1rem;
}
    
div#paginaindex .contenedornivel1{
    float:left;
    height: 7rem;
    width:37.5%;
    border-bottom-color: rgb(77,75,76)
}
    
div#paginaindex .contenedornivel2{
    float:right;
    height:  7rem;
    width:37.5%
}

div#paginaindex div#sections{
    width:65%;
    margin: 0;
    margin-top: -8.5rem;
    float:right;
}

div#paginaindex section#noticias {
    width: 100%;
    float: none;
    background-color: rgb(255,255,255)
}

div#paginaindex div#contenidonoticias {
    padding: 1rem;
    padding-bottom: 0.3rem;
}

div#paginaindex section#subidas {
    width: 100%;
    float: none;
    margin-top:0.8rem; 
    background-color: rgb(255,255,255)
}

div#paginaindex div#contenidosubidas {
    padding: 1rem;
}

section#blog {
    width: 100%;
    height: inherit;
    background-color: rgb(255,255,255);
    margin-top: 0.8rem
}

div#contenidoblog {
    padding: 1rem;
    height: inherit
}

ul#blog {
    background-color: rgb(235, 235, 235);
    height: inherit; 
    margin: 0; 
    padding: 0.5rem;
}
    
}
    
/*-------------------------------------------------------------------------*/   

@media all and (min-width:641px) and (max-width:890px) {
    
body{
    background-color: red
}
    
    ul#navegador {
    list-style-type: none;
    padding:0;
    height: 2.7rem; 
    width: 100%;
    margin: auto;
    z-index: 1;
}

ul#navegador li {
    display: block;
    float: left; 
    height: 2.7rem;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
}

li:hover > a { 
    font-weight:bold; 
}

ul#navegador li a {
    color: rgb(255,255,255);
    display: block;
    padding-right:3.5rem;
    padding-top: 0.7rem;
    text-decoration: none;
}

ul#navegador .listamenos a {
    color: rgb(255,255,255);
    display: block;
    padding-right: 2.7rem;
    padding-top: 0.7rem;
    text-decoration: none;
}

ul#navegador a#login{
    padding-right:0;
}

ul#navegador li#logo {
    display: none;
}

ul#navegador li#home {
    margin-top: 0.3rem;
    margin-left: 0
}

ul#navegador li#camara {
   display: none
}


/* submenús */
ul#navegador ul {
    width: 5rem;
    padding-left: 1rem;
    opacity: 0; 
    position: absolute;
    top: 2.7rem;
    left: 0;
}

ul#navegador ul li a {
    border: none;
    padding-top: 1rem;
    width: 5rem;
}

    div#paginaindex header {
    width: 100%; 
    height: 16rem; 
    background-image: url(imagenes/portadahome.jpg); 
    background-size: 100%;
    background-repeat: no-repeat; 
    background-position: center; 
    margin-top: 0; 
    padding: 0;
}

header img {
   margin-top: -0.7rem
}
div#paginaindex details{
    display: none;
} 

div#paginaindex article {
    width:100%;
    margin: auto;
    margin-top: -5rem;
}


div#recordatorio { 
    width: 15rem;
    height:7rem;
    background-image: url(imagenes/zachin.png); 
    background-size: 100%;
    background-repeat: no-repeat; 
    position: fixed; 
    right: 1rem; 
    top: 3.5rem; 
    z-index: 1;
    padding-top: 1rem
}


.proximasclases {
    list-style-type: none;
    margin: 0 ; 
    padding: 0.5;
    height: 8rem; 
    width: 100%;
    background-color: rgb(0, 174, 239);
}

.proximasclases li {
    list-style: none;
    display: block;
    float: left; 
    height: 8rem;
    list-style: none;
    margin: 0;
    padding:0.5;
    width: 14%;
}

.proximasclases li h3 {
    padding-top: 1rem;
    text-align: center;
    color: rgb(255,255,255)
}

li:hover > a { font-weight: 800; }

.proximasclases li a {
    text-decoration: none; 
    color: rgb(69, 70, 70);
}

.proximasclases li a:hover {
    font-weight: bold;
    color:
}

li#senaladorcronograma {
    background-color: url(imagenes/senaladorcronograma.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center
}

.contenedornivel1 {
    background-color: rgb(0, 174, 239);
}

.contenedornivel2 {
    background-color: rgb(236, 0, 140);
}


a{
    text-decoration: none
}

div#sections{
    clear: both;
    width:100%;
    margin: auto;
    padding-top: 1rem;
}

section#noticias {
    height: 40rem;
    width: 32.6%;
    float: left;
    margin-right: 1%;
    margin-bottom: 1rem;
    background-color: rgb(255,255,255)
}

section#subidas {
    height: 40rem;
    width: 32.6%;
    margin-right:1%; 
    float: left;
    background-color: rgb(255,255,255)
}

section#blog {
    height: 40rem;
    width: 32.6%;
    float: left;
    background-color: rgb(255,255,255)
}

div#contenidoblog {
    padding: 1rem;
}

div#contenidoblog h2:hover{
    background-color: rgb(159, 159, 159)
}

ul#blog {
    background-color: rgb(235, 235, 235);
    height: 31rem; 
    margin: 0; 
    padding: 0.5rem;
}

ul#blog li{
    list-style-type: none;
}