/* FUENTES */

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

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

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

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

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

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

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

}

/*PARAMETROS BODY Y PAGINA*/

body {
    font-family: 'Dosisregular';
    background-image: url(imagenes/header.png);
    background-repeat: repeat-x;
}

#paginaheader {
    width: 1388px;
    margin: 0 auto;
    margin-top: 10px;
}

.logo{
    float: left;
}

.login{
    background-color: rgba(255, 255, 255, 0.5);
    float: right;
    padding: 10px;
    border: 1px solid #4285F4;
    font-size: 0.8rem;
} 

.login input{
    padding: 5px;
    margin-bottom: 5px;
    border: 1px solid white;
    text-align: center;    
}

.login input:hover{
    border: 1px solid #4285F4;
}

.login img{
    float: left;
    border-radius: 3px;
    border: 1px solid #4285F4;
    margin-right: 3px;
}

.login p{
    font-size: 0.8rem;
    width: 100px;
    float: right;
    padding: 10px;
    padding-top: 2px;
}

.login .despedirme{
    float: right;
}

.login .perfil{
    float: left;
}

.login hr{
clear: both;
}


#paginami_perfil, #paginastreaming, #paginaabout, #paginaport, #noticia, #morfologia, #galeria, #utiles, #pagvideoteca, #isidro, #carreras, #indexdg, #paginaindex, #video {
    width: 1388px;
    background-color: none;
    margin: 103px auto 0;
}

/*PARAMETROS ASIDE*/

aside {
    font-family: 'dosisregular';
    width: 32%;
    float: left;
}

/*PARAMETROS SECTION*/

section {
    width: 64%;
    float: left;
} 
section hr{
    width: 95%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
} 
section video controls{
    margin: 0;
}
section video, aside video{
    background-image: url(imagenes/posterinicio.png);
    border: 1px solid #eaeaea;
} 
.col1 {
    width: 30%;
    float: left;
    margin: 1%;
} 
.col2 {
    width: 60%;
    margin: 1%;
    float: left;
} 
.col3 {
    width: 90%;
    float: left;
    margin: 1%;
}

/*ETIQUETAS GENERALES*/

h1 {font-family: 'dosisextrabold', sans-serif;
    color: black;
    font-size: 3.3rem;
    margin: auto;
}

h2 {
    font-family: 'dosisbold', sans-serif;
    color: black;
    font-size: 1.9rem;
    margin: auto;
}

h3 {
    font-family: 'dosisbold', sans-serif;
    color: black; 
    font-size: 2.4rem;
    margin: auto;
    
}

h4 {
    font-family: 'dosisbold', sans-serif;
    color: black;
    font-size: 1.6rem;
    margin: auto;
}

h5 {
    font-family: 'dosissemibold', sans-serif;
    color: black;
    font-size: 1.45rem;
    margin: auto;
}

h6{
    font-family: 'dosismedium', sans-serif;
    color: black;
    font-size: 1.4rem;
    margin: auto;
}

.h7{font-family: 'dosisextrabold', sans-serif;
    color: black;
    font-size: 1.2rem;
    margin: auto;
} 

.h8{font-family: 'dosissemibold', sans-serif;
    color: black;
    font-size: 1.2rem;
    margin: auto;
}

.h9{
    font-family: 'dosissemibold', sans-serif;
    color: black;
    font-size: 3.3rem;
    margin: auto;
}

p{
   font-family: 'dosisregular', sans-serif;
    color: black;
    font-size: 1.2rem;
    margin: auto; 
}

.p2{
   font-family: 'dosismedium', sans-serif;
    color: black;
    font-size: 1.4rem;
    margin: auto; 
} 

.p3{
   font-family: 'dosisregular', sans-serif;
    color: black;
    font-size: 1.35rem;
    margin: auto; 
}

.p4{
   font-family: 'dosisregular', sans-serif;
    color: black;
    font-size: 1.6rem;
    margin: auto; 
}

.p5{
   font-family: 'dosisregular', sans-serif;
    color: black;
    font-size: 1.1rem;
    margin: auto; 
}

.p6{
    font-family: 'dosisregular', sans-serif;
    color: black;
    font-size: 2rem;
    margin: auto;
}

.p7{
    font-family: 'dosismedium', sans-serif;
    color: black;
    font-size: 1.6rem;
    margin: auto;
}

.p8{
    font-family: 'dosisbold', sans-serif;
    color: black;
    font-size: 1.2rem;
    margin: auto;
}

.p9{
    font-family: 'dosismedium', sans-serif;
    color: black;
    font-size: 2rem;
    margin: auto;
}

/*NAVEGACION*/

#navegacionsitio{
    clear:both;
    width: 1388px;
    margin: 0 auto;
    padding:0px;
    padding-bottom: 10px;
    background-color: #4285F4;
    overflow: hidden;
}
#navegacionsitio ul, #navegacionsitio ol{
    list-style: none;
} 
#navegacionsitio .nav li a{
    background-color: #4285F4;
    text-decoration: none;
    margin-right: 20px;
    display: block;
    min-width: 20px;
    color: white;
    font-family: 'dosisextrabold', sans-serif;
} 
#navegacionsitio .nav li a:hover{
    text-shadow: 3px 3px 3px #2e2d2d;
    color: #c6c6eb;
} 
.nav > li{
    float: left;
    margin: 0 4% 0 4%;
}
.nav li ul{
    display: none;
    position: absolute;
    min-width: 150px;
    margin-left: -47px;
} 
.nav li:hover > ul{
display: block;
} 

#navegacionsitio .nav li ul li a{
    border-bottom: 1px dotted white;
    padding: 10px 8px;
}
#navegacionsitio .nav li .marcado a {
    text-shadow: 3px 3px 3px #2e2d2d;
    color: #c6c6eb;
}
/*MIGA DE PAN*/

.migadepan{
    margin-top: 0;
    font-style: italic;
    color: #4285F4;
    text-align: left;
    margin-top: 0.25rem;
    margin-bottom: 0rem;
    padding: 0.25rem;
    border: 1px solid #eaeaea;
    font-size: 1rem;
}
.migadepan a{
    text-decoration: none;
    font-style: italic;
    color: #649dfc;
}
.migadepan a:hover{
    color: #0053dd;
    text-decoration: underline;
}

/*FOOTER*/

footer{
    clear: both;
    margin: auto;
    margin-top: 1rem;
    padding: 1rem;
    font-size: 0.7rem;
    overflow: auto;
    margin-bottom: -12%;
}
footer p{
    font-size: 0.8rem;
    margin: auto;
    clear: both;
    width: 80%;
    color: #939393;
    text-align: center;
    font-family: 'dosisregular', sans-serif;
}
footer ul{
    margin: auto;
    margin-bottom: 1rem;
}
footer ul li{
    display: inline;
    margin-right: 10px;
}
footer img{
    border: 1px solid #404040;
    border-radius: 3px;
    opacity: 0.5;
}
footer a{
    color: #939393;
    text-decoration: none;
}
footer a:hover{
    color: #4285F4;
}
footer img:hover{
border: 1px solid #4285F4;
box-shadow: 5px 5px 5px #2e2d2d;
}
footer h5{
    text-align: right;
    color: #939393;
    font-weight: 800;
    letter-spacing: 0.1rem;
    font-size: 0.8rem;
    margin-bottom: 5px;
    font-family: 'dosismedium', sans-serif;
}
footer hr{
    width: 50%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}
.footermedio{
    width: 35%;
    float: left;
    padding-left: 0;
}
.footermedio3{
    clear: both;
    width: 100%;
    padding-left: 0;
}

.fondofooter{
    background-color: #404040;
    width: 100%;
    height: 35%;
   height: 157px;
}

/* PAGINA REGISTRO (index) LUCAS */
.fancybox-outer .fancybox-inner #inline1 article h6{
    text-align: center;
    color: rgb(237, 172, 94);
    font-weight: 900;
    font-size: 2.4em;
}
.fancybox-outer .fancybox-inner #inline1 article{
    background-color: #45d4e6;
    padding: 10px;
    border-radius: 4px;
  }
.fancybox-outer .fancybox-inner #inline1 article h6{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol {
    margin: 2%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol #contact {
    text-align: left;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol .p3 #name {
    width: 200px;
    float: right;
    margin-top: 1%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol .p3 input#ape {
    width: 200px;
    float: right;
    margin-top: 1%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol  #contact .p3 .genero .select-style {
    width: 204px;
    float: right;
    margin-top: 1%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol #contact .p3 .dia, .fancybox-outer .fancybox-inner #inline1 article #primcol #contact .p3 .mes, .fancybox-outer .fancybox-inner #inline1 article #primcol #contact .p3 .año {
    float: right;
    margin-top: -1%;
    padding-left: 1.4%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol #contact .p3 .carrera .select-style {
    width: 204px;
    float: right;
    margin-top: 1%;
}

.fancybox-outer .fancybox-inner #inline1 article #primcol .p3 .buttom {
    margin-left: 0%;
    margin-top: 1.5%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol .p3 {
    text-align: left;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol .p3 img{
    float: right;
    margin-top: 2%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol #contact .p3 #email {
    width: 200px;
    float: right;
    margin-top: 1%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol #contact .p3 #password {
    width: 200px;
    float: right;
    margin-top: 1%;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol #check {
    margin-top: 3.5%;
    float: left;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol .p5{
    margin-top: 2.5%;
    font-size: 1rem;
    text-align: left;
}
.fancybox-outer .fancybox-inner #inline1 article #primcol .mover input.buttom {
    margin: 2.5% 34.5% 0 34.5%;
 }

.ubicar_salir{
    margin-top: 14%;
    margin-left: 42.5%;
    margin-right: 42.5%;
}

/* PAGINA MI PERFIL LUCAS */
#paginami_perfil aside{
    border-radius: 10px;
    margin-top: 10px;
    background-color: #45D4E6;
    padding: 10px;
}
#paginami_perfil aside img {
    float: left;
    width: 122px;
    height: 122px;
    margin-left: 3%;
    margin-top: 3%;
}
#paginami_perfil aside h3{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    font-size: 2.5rem;
}
#paginami_perfil aside #datos {
    float: left;
    margin-top: 1%;
    margin-left: 3%;
    width: 64%;
}
#paginami_perfil aside #materias {
    float: left;
    margin-top: 3%;
    margin-left: 3%;
    width: 96%;
}
#paginami_perfil aside #materias h5 {
    font-family: dosisbold;
    font-size: 1.3rem;
}
#paginami_perfil aside h6 {
    font-family: dosisregular;
    font-size: 1.1rem;
}
#paginami_perfil aside article {
    border-radius: 10px;
    width: 94%;
    float: left;
    margin-top: 6%;
    margin-left: 3%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px dashed rgba(255, 255, 255, 0.2);
}
#paginami_perfil aside article img {
    width: 20px;
    height: 20px;
    margin-left: 2%;
    margin-top: 2%;
    float: left;
}
#paginami_perfil aside article #recuadro {
    float: left;
    margin-left: 8%;
    margin-top: 3%;
    width: 40%;
}
#paginami_perfil aside article #recuadro2 {
    float: right;
    margin-right: 2%;
    margin-top: 3%;
    width: 40%;
}
#paginami_perfil aside article p {
    margin-left: 21%;
}
#paginami_perfil aside article #recuadro .p2, #paginami_perfil aside article #recuadro2 .p2 {
    color: white;
}
#paginami_perfil aside a {
    text-decoration: none;
    
}
#paginami_perfil aside a h6 {
    color: white;
    margin-top: 95%;
    margin-left: 3%;
    margin-right: 2%;
    text-align: center;
    background-color: #1d67e2;
}
#paginami_perfil aside a h6:hover {
    color: black;
}
#paginami_perfil section .col3 {
    padding-left: 5%;
    padding-top: 2%;
}
#paginami_perfil section .col3 p {
    position:absolute; 
    margin-left: 34px; 
    transform:  rotate(322deg);
    writing-mode: lr-tb;
    margin-top: 20px;
    -webkit-transform: rotate(322deg);
    -moz-transform: rotate(322deg);
}
#paginami_perfil section .col3 .calen img {
    margin-top: -1%;
}
#paginami_perfil section .col3 .calen img {
    width: 30px;
}
#paginami_perfil section .col3 .calen h4 {
    margin-left: 4%;
    margin-bottom: 1.5em;
    font-size: 1rem;
    font-family: dosislight;
    width: 97%;
    border-bottom: 1px dashed black;
}

#paginami_perfil .col3 .ubicar {
    float: left;
    margin-left: -5%;
}
#paginami_perfil .col3 .ubicar2 {
    margin-left: 7%;
    float: left;
}
#paginami_perfil .col3 .ubicar3 {
    margin-left: 19%;
    float: left;
}
#paginami_perfil .col3 .ubicar4 {
    margin-left: 32%;
    float: left;
}
#paginami_perfil .col3 .ubicar5 {
    margin-left: 44%;
    float: left;
}
#paginami_perfil .col3 .ubicar6 {
    margin-left:57%;
    float: left;
}
#paginami_perfil .col3 .ubicar7 {
    margin-left: 69%;
    float: left;
}
#paginami_perfil .col3 .ubicar8 {
    margin-left: 81%;
    float: left;
}
#paginami_perfil .col3 .ubicar9 {
    margin-left: 94%;
    float: left;
}
#paginami_perfil .col3 img {
    float: left;
    width: auto;
    height: auto;
    margin-top: 10%;
}
#paginami_perfil .col3 #caja .p2 {
    text-align: center;
    margin-left: 44px;
    margin-top: 106px;
}
#paginami_perfil .col3 #caja2 .p2 {
    text-align: center;
        margin-left: 340px;
    margin-top: 106px;
}

#paginami_perfil section .col3 #caja p, #paginami_perfil section .col3 #caja2 p{
    transform: rotate(0deg);
    writing-mode: lr-tb;
    width: 110px;
    background-color: rgb(181,208,91);
}
#paginami_perfil .col3 .ubicar2 p:hover, #paginami_perfil .col3 .ubicar5 p:hover {
    color: gainsboro;
}

#paginami_perfil section .enlace {
    float: right;
    padding-right: 28px;
}
#paginami_perfil section .enlace img {
    width: 35px;
    padding-top: 8px;
}
#paginami_perfil section .enlace p{
    float: left;
    padding-top: 15px;
    padding-right: 6px;
    font-size: 1rem;  
}
#paginami_perfil section .enlace p a{
    text-decoration: none;
    font-style: italic;
    color: black;
}
#paginami_perfil section .enlace p a:hover {
    border-bottom: 1px dotted black;
}


#paginami_perfil section #col32{
    width: 90%;
    float: left;
    margin: 1%;
    padding-left: 5%;
}

#paginami_perfil section #col32 img {
    float: left;
    width: 30px;
}
#paginami_perfil section #col32 h4 {
    margin-top: 1%;
    margin-left: 4%;
    font-size: 1rem;
    font-family: dosislight;
    width: 97%;
    border-bottom: 1px dashed black;
}
#paginami_perfil section #col32 p {
    font-size: 1rem;
}
#paginami_perfil section #col32 .video1, #paginami_perfil section #col32 .video2, #paginami_perfil section #col32 .video3 {
    width: 30%;
    float: left;
     border-bottom: 1px solid black;
}
#paginami_perfil section #col32 .video1 video, #paginami_perfil section #col32 .video2 video, #paginami_perfil section #col32 .video3 video{
    width: 100%;
    height: 153px;
}
#paginami_perfil section #col32 .videos p {
    float: left;
}
#paginami_perfil section #col32 .videos img {
    width: 90%;
    height: 240px;
    margin-left: 0px;
    margin-bottom: auto;
}
#paginami_perfil .desc {
        width: 90%;
    float: left;
    margin: 1%;
    padding-left: 5%;
    margin-top: 3%;
}
#paginami_perfil .desc .titul img {
    float: left;
    width: 30px;
    margin-top: -8px;
}
#paginami_perfil .desc .titul h4 {
    margin-left: 4%;
    font-size: 1rem;
    font-family: dosislight;
    width: 97%;
    border-bottom: 1px dashed black;
}
#paginami_perfil .desc .apunte{
    width: 30%;
    float: left;
        border-bottom: 1px solid black;
}
#paginami_perfil .desc .apunte img {
    float: left;
    margin-top: 0px;
    width: 19%;
}
#paginami_perfil .desc .apunte h4 {
    margin-left: 21%;
    font-family: 'dosisbold';
    font-size: 1.05rem;
}
#paginami_perfil .desc .apunte .p2 {
    margin-left: 21%;
    font-family: 'dosisregular';
    font-size: 1em;
     font-style: normal;

}

#paginami_perfil .desc .apunte p {
    margin-left: 21%;
    font-size: 0.8rem;
    font-style: italic;
}
#paginami_perfil .desc .apunte p a{
    text-decoration: none;
    font-style: italic;
    color: black;
}
#paginami_perfil .desc .apunte p a:hover {
     border-bottom: 1px dotted black;
}
#paginami_perfil .desc .conte .apunte .hora {
    text-align: right;
    font-size: 0.8rem;
    float: right;
    }
#paginami_perfil .desc .conte .apunte .hora span {
    background-color: black;
    color: white;
}


#paginami_perfil .desc .conte{
    width: 100%;
}

/* PAGINA STREAMING LUCAS */
#paginastreaming  .magna{
     background-image: url(imagenes/posterinicio.png);
    border: 1px solid #eaeaea;
    background-repeat: repeat-x;
}
#paginastreaming .magna video {
    width: 100%;
    height: 299px;
    border: 1px solid #45d4e6;
}
#paginastreaming section .col3 {
    width: 98%;
}
#paginastreaming section .col3 h1 {
    float: left;
    padding-top: 2.7%;
}
#paginastreaming section .col3 .videoteca {
    width: 31%;
    float: right;
}
#paginastreaming section .col3 .videoteca h6{
    /*clear: both;*/
    font-size: 1rem;
    margin: 0% 1%; 
    font-family: 'dosislight';
    float: right;
    
}
#paginastreaming section .col3 .videoteca hr {
    width: 100%;
}
#paginastreaming section .col3 .videoteca a img{
    width: 16%;
    float: right;
}
#paginastreaming section .col1 video {
    width: 100%;
    height: 160px;
}
#paginastreaming section a {
    text-decoration: none;
}
#paginastreaming section .col1 h3{
    font-size: 1.2em;
    padding-left: 0.2em;
}
#paginastreaming section .col1 h3 span2{
    font-family: 'dosisregular';
    font-size: 1em;
    font-weight: initial;
}
#paginastreaming section .col1 p {
    text-align: right;
    font-size: 0.8rem;
    border-bottom: 1px solid black;
}
#paginastreaming section .col1 span{
    background-color: black;
    color: white;
}
#paginastreaming section .col1 .arquitec h3:hover{    color: #f06d1c;
}
#paginastreaming section .col1 .dgrafi h3:hover{    color: #55b21c;
}
#paginastreaming section .col1 .dindus h3:hover{    color: #2e3192;
}
#paginastreaming section .col1 .dindumen h3:hover{    color: #f867d6;
}
#paginastreaming section .col1 .dpaisa h3:hover{    color: #d40000;
}
#paginastreaming section .col1 .dimage h3:hover{    color: #f6eb14;
}
#paginastreaming section .col1 .iconos {
    float: right;
    margin-top: -45px;
    margin-right: -70px;
}
#paginastreaming section .col1 .iconos img {
    width: 15%;
}
#paginastreaming aside {
    margin-top: 10px;
    background-color: #45d4e6;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
}
#paginastreaming aside h3 {
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
#paginastreaming aside .rankdi, #paginastreaming aside .rankdg, #paginastreaming aside .rankarq, #paginastreaming aside .rankdiyt {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px dashed rgba(255, 255, 255, 0.2);
    padding: 5px 10px 15px;
    margin: 2% 2%;
}
#paginastreaming aside .rankdi a, #paginastreaming aside .rankdg a, #paginastreaming aside .rankarq a, #paginastreaming aside .rankdiyt a {
    text-decoration: none;
}
#paginastreaming aside .rankdi a img, #paginastreaming aside .rankarq a img, #paginastreaming aside .rankdg a img, #paginastreaming aside .rankdiyt a img {
    float: left;
    background-image: url(imagenes/posterinicio.png);
    width: 21%;
}
#paginastreaming aside .rankdi a h1, #paginastreaming aside .rankarq a h1, #paginastreaming aside .rankdg a h1, #paginastreaming aside .rankdiyt a h1 {
    float: right;
    margin-right: 2%;
    font-family: 'dosisextrabold', sans-serif;
    color: black;
    font-size: 3.3rem;
    margin: auto;
}
#paginastreaming aside .rankdi a h4, #paginastreaming aside .rankarq a h4,  #paginastreaming aside .rankdg a h4, #paginastreaming aside .rankdiyt a h4 {
    margin-left: 23%;
    font-size: 1.2em;
}
#paginastreaming aside .rankdi a p,  #paginastreaming aside .rankarq a p, #paginastreaming aside .rankdg a p, #paginastreaming aside .rankdiyt a p {
    margin-left: 23%;
}
#paginastreaming aside a:hover{
    text-shadow: 2px 2px 2px rgba(23, 132, 194, 0.77);
}

/*PAGINA PORTFOLIO LUCAS */
#paginaport aside{
    border-radius: 10px;
    margin-top: 10px;
    background-color: #45D4E6;
    padding: 10px;
}
#paginaport aside img {
    float: left;
    width: 122px;
    height: 122px;
    margin-left: 3%;
    margin-top: 3%;
}
#paginaport aside #datos {
    float: left;
    margin-top: 1%;
    margin-left: 3%;
    width: 64%;
}

#paginaport aside #datos h3{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    font-size: 2.5rem;
}
#paginaport aside #datos a {
    color: black;
}

#paginaport aside #datos #materias {
    float: left;
    margin-top: 3%;
    margin-left: 3%;
    width: 96%;
}
#paginaport aside #resto {
    float: left;
    width: 94%;
    margin-left: 3%;
}
#paginaport aside #resto h3{
    font-size: 1.3rem;
    text-align: left;
    padding-top: 3%;
    margin-bottom: 1%;
}
#paginaport aside #resto h3 span {
        border-bottom: 3px solid black;
}
#paginaport aside #resto p {
    font-size: 1.1rem;
}
#paginaport aside #resto ul {
    margin-top: 0;
    margin-bottom: 0;
}
#paginaport aside #resto ul li {
    margin-bottom: 1%;
}

#paginaport aside #resto .imag img {
    width: 50px;
    height: 50px;
    margin-left: 1%;
    margin-top: 0%;
}
#paginaport section {
    float: right;
}

#paginaport section .lugar1{
    float: left;
}
#paginaport section .lugar1 .ejemplo_1 {
    float: left;
    margin: 10px 9px;
    background-image: url("imagenes/port1.png");
    height: 212px;
}
#paginaport section .lugar2{
    float: left;
}
#paginaport section .lugar2 .ejemplo_1 {
    float: left;
    margin: 10px 0px;
    background-image: url("imagenes/port2.png");
    height: 424px;
}
#paginaport section .lugar3{
    margin-top: -215px;
    float: left;
}
#paginaport section .lugar3 .ejemplo_1 {
    float: left;
    margin: 0px 12px;
    background-image: url("imagenes/port3.png");
    height: 424px;
}
#paginaport section .lugar4{
    float: right;
    margin-top: -233px;
    margin-right: 20px;
}
#paginaport section .lugar4 .ejemplo_1 {
    float: left;
    margin: 10px -13px;
    background-image: url("imagenes/port4.png");
    height: 212px;
}
#paginaport section .lugar5{
    float: right;
    margin-right: -10px;
}
#paginaport section .lugar5 .ejemplo_1 {
    float: left;
    margin: 0px 17px;
    background-image: url("imagenes/port5.png");
    height: 212px;
}
#paginaport section .lugar6{
    float: left;
    margin-top: -3px;
}
#paginaport section .lugar6 .ejemplo_1 {
    float: left;
    margin: 10px 9px;
    background-image: url("imagenes/port6.png");
    height: 212px;
}

#paginaport section .lugar7{
    float: right;
    margin-right: -10px;
}
#paginaport section .lugar7 .ejemplo_1 {
    float: left;
    margin: 9px 18px;
    background-image: url("imagenes/port7.png");
    height: 212px;
}
#paginaport section .lugar8{
    float: left;
}
#paginaport section .lugar8 .ejemplo_1 {
    float: left;
    margin: 0px 9px;
    background-image: url("imagenes/port8.png");
    height: 212px;
}
#paginaport section .lugar9{
    margin-left: 200px;
    float: left;
}#paginaport section .lugar9 .ejemplo_1 {
    float: left;
    margin: 0px 13px;
    background-image: url("imagenes/port9.png");
    height: 212px;
}
#paginaport section .lugar10{
    float: right;
    margin-right: -10px;
}
#paginaport section .lugar10 .ejemplo_1 {
    float: right;
    margin: 0px 14px 0 0;
    background-image: url("imagenes/port10.png");
    height: 424px;
}
#paginaport section .lugar11{
    float: left;
}
#paginaport section .lugar11 .ejemplo_1 {
    float: left;
    margin: 10px 9px;
    background-image: url("imagenes/port11.png");
    height: 212px;
}


/* PAGINA ABOUT LUCAS*/
#paginaabout aside h3{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}
#paginaabout aside h1 {
    font-family: dosisbold;
}
#paginaabout .izq {
    float: left;
    width: 100%;
    margin-top: 10px;
    background-color: #45d4e6;
    padding: 10px;
    border-radius: 10px;
    height: 378px;
}
#paginaabout .uno, #paginaabout .dos, #paginaabout .tres{
    width: 30%;
    float: left;
    margin-top: 10px;
}
#paginaabout .cen, #paginaabout .der {
    float: left;
    width: 100%;
    margin-left: 3.5%;
    padding: 10px 10px 0;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}
#paginaabout section h3 {
    font-size: 1.5rem;
    font-family: dosislight;
    border-bottom: 1px dashed black;
}

#paginaabout section .video {
    width: 31%;
    margin-top: 10px;
    background-color: #c5c7ff;
    margin-left: 73%;
    padding: 10px;
    border-radius: 10px;
}


#paginaabout .hora {
    text-align: right;
    float: right;
    font-size: 0.8rem;
    padding: 0;
}
#paginaabout .hora span2 {
    background-color: black;
    color: white;
}
    #paginaabout p span {
    font-family: 'dosisbold';
    color: #6ADDEB;
}
#paginaabout .der p a {
    text-decoration: none;
    color: black;
    
}

#paginaabout .izq article {
    background-color: rgba(255, 255, 255, 0.2);
    padding: 20px;
    height: 275px;
}
#paginaabout .izq article .lugar1, #paginaabout .izq article .lugar2, #paginaabout .izq article .lugar3{
    width: 100%;
   float: left;
    
}
#paginaabout .izq article img{
    float: left;
    width: 150px;
    height: 202px;
}

#paginaabout .izq article h1 {
    font-size: 1.7rem;
    float: left;
}
#paginaabout .izq p{
    padding-left: 160px;
}
#paginaabout .izq article .lugar1 .imgancho {
    text-align: center
}
#paginaabout .izq article .lugar1 #caja {
    margin-top: 89px;
}
#paginaabout .izq article .lugar2 .imgancho {
    margin-top: -292px;
    margin-left: 139px;
    text-align: center;
}
#paginaabout .izq article .lugar2 #caja2{
    margin-top: 89px;
}
#paginaabout .izq article .lugar3 .imgancho {
    margin-top: -294px;
    margin-left: 274px;
    text-align: center;
}
#paginaabout .izq article .lugar3 #caja3{
    margin-top: 89px;
}
#paginaabout .izq h1:hover{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
}

/*ISIDRO - ENTREVISTA*/

#isidro .hora{
    text-align: right;
    font-size: 0.8rem;
    
}

#isidro .hora span{
background-color: black;
color: white;
}

#isidro section{
    padding: 10px;
    /*margin-top: 5px;*/
}

#isidro section article{
    float: left;
}

#isidro section article p span{
background-color: rgb(184, 232, 22);
}

#isidro section hr{
    width: 90%;
}

#isidro .pregunta{
    font-style: italic;
    font-family: 'dosismedium';
}

#isidro .respuesta{
    border-left: 1px solid rgb(184, 232, 22);
    padding: 10px 0;
    padding-left: 20px;
    padding-right: 10px;
    background-color: #eaeaea;
}

#isidro aside img, #isidro section img{
    height: auto;
    border-radius: 3px;
    border: 1px solid rgb(192, 244, 18);
}

#isidro aside img:hover, #isidro section img:hover{
    border: 1px solid black;
}

#isidro section h1{
    text-align: center;
    font-size: 2.5rem;
}

#isidro aside h1{
    text-shadow: 2px 2px 2px rgb(85, 178, 28);
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#isidro section h4{
    font-size: 1.2rem;
}

#isidro section h1 span{
    font-style: italic;
}

#isidro aside{
    margin-top: 5px;
    background-color: #b2ec65;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
    height: 130rem;
}

#isidro aside article{
    padding: 0 20px;
}

#isidro aside article p{
    font-size: 1rem;
}

#isidro aside article span{
    font-family: 'dosisbold';
}

#isidro aside hr{
    width: 75%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#isidro aside a{
    color: white;
    text-decoration: none;
    background-color: black;
}

#isidro aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
}

#isidro aside h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
}

#isidro .noticia{
    padding: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

#isidro .noticia a{
    font-family: 'dosismedium';
    padding-left: 0;
    text-shadow: 2px 2px 2px #55b21c;
    background-color: #b2ec65;
}

#isidro .noticia a:hover{
    text-shadow: none;
}

#isidro .noticia p{
    font-size: 0.85rem;
}

/*GALERIA*/

#galeria section .imgancho{
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    border: 1px solid #eaeaea;
    width: 48%;
    height: auto;
    border-radius: 3px;
}

#galeria section .imgvertical, .imgcua{
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 23.5%;
    height: auto;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

#galeria section img:hover{
border-color: fuchsia;
}

#galeria section p{
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 23.5%;
    height: auto;
    font-family: 'dosislight';
    font-size: 1rem;
    border: 1px solid black;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

#galeria section hr{
width: 25%;   
}

#galeria section a{
    padding: 2px;
    border: 1px solid black;
    color: black;
    text-decoration: none;
    font-size: 0.8rem;
}

#galeria section a:hover{
    background-color: black;
    color: white;
}

#galeria .navgaleria{
clear: both;
}

#galeria aside{
    margin-top: 5px;
    background-color: #45d4e6;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
    height: 97rem;
}

#galeria aside article{
    padding: 0 20px;
}

#galeria aside article p{
    font-size: 1rem;
}

#galeria aside article span{
    font-family: 'dosisbold';
}

#galeria aside hr{
    width: 75%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#galeria aside a{
    color: white;
    text-decoration: none;
}

#galeria aside a:hover{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
}

#galeria aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
}

#galeria aside h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
}

#galeria aside h1{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#galeria .noticia{
    padding: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    border-bottom: 1px solid black;
    margin-bottom: 10px;
}

#galeria .noticia a{
    font-family: 'dosismedium';
    color: white;
    padding-left: 0;
}

#galeria .noticia p{
    font-size: 0.85rem;
    padding-left: 5px;
}

#galeria .hora{
    text-align: right;
    font-size: 0.8rem;
    
}

#galeria .hora span{
background-color: black;
color: white;
}

#galeria section{
    margin-top: 5px;
}


/*INDEX DG*/

#indexdg section{
    margin-top: 5px;
}

#indexdg aside{
    margin-top: 5px;
    background-color: #b2ec65;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
    height: 72.5rem;
}

#indexdg aside article{
    padding: 0 20px;
}

#indexdg aside article p{
    font-size: 1rem;
}

#indexdg aside article span{
    font-family: 'dosisbold';
}

#indexdg aside hr{
    width: 75%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#indexdg aside a{
    background-color: black;
    color: white;
    text-decoration: none;
}

#indexdg aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 10px;
}

#indexdg aside h3 span{
    border-bottom: 3px solid black;
}

#indexdg aside h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
}

#indexdg aside h1{
    text-shadow: 2px 2px 2px rgb(85, 178, 28);
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#indexdg .noticia{
    padding: 5px;
    border-bottom: 1px solid rgba(85, 178, 28, 0.5);
    margin-bottom: 10px;
}

#indexdg .noticia h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    text-align: center;
}

#indexdg .noticia a{
    background-color: #b2ec65;
    font-family: 'dosismedium';
    color: black;
    padding-left: 0;
}

#indexdg .noticia p{
    font-size: 0.85rem;
}

#indexdg .hora{
    text-align: right;
    font-size: 0.8rem;
    
}

#indexdg .hora span{
background-color: black;
color: white;
}

#indexdg aside table{
    width: 90%;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0 10px;
}

#indexdg aside table td{
    margin-bottom: 2px;
    border-bottom: 1px dashed #939393;
}

#indexdg section img{
    float: left;
    margin-right: 3%;
    margin-bottom: 1%;
    width: 30%;
    height: auto;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

#indexdg .notachica{
    float: left;
    margin-right: 3%;
    margin-bottom: 1%;
    width: 30.3%;
    height: auto;
    border-bottom: 1px solid black;
}

#indexdg .notagrande{
    float: left;
    margin-bottom: 1%;
    width: 96%;
    height: auto;
    border-bottom: 1px solid black;
    background-color: #eaeaea;
    padding-left: 10px;
    padding-top: 10px;
}

#indexdg section h3{
    font-family: 'dosisbold';
    font-size: 1.5rem;
    text-align: left;

}

#indexdg section h3 a{
    text-decoration: none;
    color: black;
    padding: 2px;
}

#indexdg section p a{
    text-decoration: none;
    font-style: italic;
    color: black;
    padding: 2px;
    font-size: 0.8rem;
}

#indexdg section p a:hover, #indexdg aside a:hover{
    border-bottom: 1px dashed black;
}

#indexdg section h3 a:hover{
    color: #b2ec65;
}

#indexdg section img:hover{
    border: 1px solid #55b21c;
}

#indexdg section video{
    width: 97%;
    height: auto;
    border-radius: 3px;
}

#indexdg section h1{
    clear: both;
    width: 97%;
    font-size: 1rem;
    text-align: left;
    margin: 10px 0;
    font-family: 'dosislight';
    border-bottom: 1px dashed black;
}

#indexdg section hr{
    height: 0px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

/*INDEX*/

#paginaindex aside{
    margin-top: 10px;
    background-color: #45d4e6;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
}

#paginaindex aside article{
    padding: 0 20px;
}

#paginaindex aside article p{
    font-size: 1rem;
}

#paginaindex aside article span{
    font-family: 'dosisbold';
}

#paginaindex aside hr{
    width: 75%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#paginaindex aside a{
    color: white;
    text-decoration: none;
}

#paginaindex aside a:hover{
    color: black;
}

#paginaindex aside .about{
    padding: 20px;
}

#paginaindex aside .about p{
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px dashed rgba(255, 255, 255, 0.2);
    padding: 20px;
    font-size: 1rem;
}

#paginaindex aside .about span{
    font-family: 'dosisbold';
    color: white;
}

#paginaindex aside .comentario{
    overflow: auto;
    padding: 0 20px;
    font-size: 1rem;
    margin-bottom: 5px;
}

#paginaindex aside .comentario img{
    float: left;
    padding-right: 5px;
    border-radius: 3px;
}

#paginaindex aside .comentario p{
    float: right;
    width: 80%;
    padding: 10px;
    border-left: 1px dashed rgba(255, 255, 255, 0.2);
    background-color: rgba(234, 234, 234, 0.3);
        border-top: 1px dashed white;
}

#paginaindex aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    padding-left: 10px;
    background-color: #1d67e2;
    clear: both;
    width: 89%;
}

#paginaindex aside h3 span{
    border-bottom: 3px solid black;
}

#paginaindex aside h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
}

#paginaindex aside h1{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#paginaindex .hora{
    text-align: right;
    font-size: 0.8rem;
    
}

#paginaindex .hora span{
background-color: black;
color: white;
}

#paginaindex aside table{
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 0 10px;
}

#paginaindex aside table td{
    margin-bottom: 2px;
    border-bottom: 1px dashed #1761db;
}

#paginaindex section img{
    float: left;
    margin-right: 3%;
    margin-bottom: 1%;
    width: 30%;
    height: auto;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}

#paginaindex .notachica{
    float: left;
    margin-right: 3%;
    margin-bottom: 1%;
    width: 30.3%;
    height: auto;
    border-bottom: 1px solid black;
}

#paginaindex section h3 a{
    color: black;
    text-decoration: none;
}

#paginaindex .notagrande{
    float: left;
    margin-bottom: 1%;
    width: 96%;
    height: auto;
    border-bottom: 1px solid black;
    background-color: #eaeaea;
    padding-left: 10px;
    padding-top: 10px;
}

#paginaindex section h3{
    font-family: 'dosisbold';
    font-size: 1.5rem;
    text-align: left;

}

#paginaindex section h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
    text-align: left;
}

#paginaindex h5 .dg{
    background-color: #b2ec65;
}

#paginaindex h5 .arq{
    background-color: #f0c029;
}

#paginaindex h5 .gral{
    background-color: #45d4e6;
}

#paginaindex h3 .dege:hover{
    color:#b2ec65;
}

#paginaindex h3 .arqu:hover{
    color:#f0c029;
}

#paginaindex h3 .inte:hover{
    color:#45d4e6;
}

#paginaindex section p a{
    text-decoration: none;
    font-style: italic;
    color: black;
    padding: 2px;
    font-size: 0.8rem;
}

#paginaindex section p a:hover{
    border-bottom: 1px dashed black;
}

#paginaindex section video{
    width: 97%;
   
    border-radius: 3px;
}

#paginaindex section h1{
    clear: both;
    width: 97%;
    font-size: 1rem;
    text-align: left;
    margin: 10px 0;
    font-family: 'dosislight';
    border-bottom: 1px dashed black;
}

#paginaindex section hr{
    height: 0px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#paginaindex section{
        margin-top: 10px;
}

#paginaindex section img:hover{
    border: 1px solid #45d4e6;
}

#paginaindex video{
    border: 1px solid #45d4e6;
}
#paginaindex section .repon3 {
    display: none;
}
#paginaindex section .notagrande .hora {
    margin-top: 6.9%;
}
#paginaindex aside .repon5{
    display: none;
}
#paginaindex aside .repon7{
    display: none;
}
#paginaindex .responsi1{
    display: none;
}
#paginaindex .bside aside .reponsiaside {
        display: none;
    }
#paginaindex .responsi1{
    display: none;
}
#paginaindex .bside{
        display: none;
    }

/*RESPONSIVE INDEX LUCAS*/
@media screen and (max-width:800px) and (min-width:600px){
    #paginaindex, #paginaheader, #navegacionsitio { 
        width: 100%;
    }
    #navegacionsitio ul{ 
        margin-left: -6%;
    }
    .nav > li {
        margin: 0 2%;
    }
    #navegacionsitio .nav li a{
        margin-right: 0;
    }
    section {width: 72%;}
    #paginaindex section video {
            height: 175px;
    }
    #paginaindex .notachica {
        width: 45%;
    }
    #paginaindex section .repon {
        width: 45%;
        float: left;
    }
    #paginaindex section .repon img, #paginaindex section .repon3 img{
        width:100%;
    }
    #paginaindex section .repon3 {
    display: block;
        width: 45%;
        float: left;
        margin-left: 3%;
        margin-bottom: 1%;
    }
    #paginaindex section .repon2 {
    display: none;
    }
    #paginaindex section .notagrande{
        width: 92%;
    }
    #paginaindex section .notagrande .hora {
    margin-top:0;
    }
    #paginaindex section .notachica h3, #paginaindex section .notagrande h3{
        font-size: 1.2rem;
    }
    #paginaindex section .notachica p, #paginaindex section .notagrande p{
        font-size: 1rem;
    }
    #paginaindex section .notachica p.hora, #paginaindex section .notagrande p.hora{
        font-size: 0.7rem;
    }
    #paginaindex aside {width: 24%;
    margin-left: 0;
    margin-bottom: 1%;
    }
    #paginaindex aside h1{
        font-size: 1.8rem;
    }
    #paginaindex aside .repon7{
    display: block;
    }
    #paginaindex aside .repon6{
    display: none;
    }
    #paginaindex aside .about {
        padding: 0;
    }
    #paginaindex aside .about p{
        padding: 0 5px;
        font-size: 0.9rem;
        text-align: center;
    }
    #paginaindex aside .repon5{
    display: block;
    }
    #paginaindex aside .repon5 table{
        padding: 0;
    }
    #paginaindex aside .repon4{
    display: none;
    }
    #paginaindex aside .comentario{
        padding: 0;
    }
    #paginaindex aside .comentario img{
        display: none;
    }
    #paginaindex aside .comentario p{
        width: auto;
        padding: 0 5px;
        font-size: 0.9rem;
    }
    #paginaindex .footermedio {
        width: auto;
    }
    .fondofooter{
        display: none;
    }
    #paginaindex footer {
        background-color: #404040;
    }
    #paginaindex .bside{
        display: none;
    }
}



@media screen and (max-width:400px) and (min-width:300px){
    #paginaindex{
        width: 100%;
        margin: 75px auto 0;
    }
    #paginaheader{ 
        width: 100%;
    }
    #paginaindex .responsi{
    display: none;
    }
    #paginaindex .responsi1{
    display: block;
    }
    body {
        background-image: url(imagenes/header2.png);
    }
    
   /* #navegacionsitio .menu .nav {
    display: none;
    position: absolute;
    
} 
#navegacionsitio .menu li img:hover > .nav{
display: block;
} 
    
     .nav li ul{
    display: none;
    position: absolute;
    min-width: 150px;
    margin-left: -47px;
} 
.nav li:hover > ul{
display: block;
} */
    
    
    
    
    
    
    
    
    
    #navegacionsitio {
       width: 117px;
        float: left;
        height: 202px;
        padding-bottom: 0;
    }
   #navegacionsitio .nav{
        margin-top: 0px;
        margin-left: -45px;
    }
    .nav > li {
        float: none;
        margin: 0 -11% 0 4%;
    }
    #navegacionsitio .nav li ul {
        margin-left: 77px;
        margin-top: -29px;
    }
    #navegacionsitio .nav li ul li a {
    border-bottom: 1px dotted white;
    padding: 4px 5px;
    }
    #navegacionsitio .nav li a{
    border-bottom: 1px dotted white;
        padding: 4px 5px;
    }
    
    #paginaheader .logo {
        width: 49%;
        float: left;
    }
    #paginaheader .logo a img {
        width: 100%;
    }
    #paginaheader .login {
           width: 42%;
    height: inherit;
    }
    #paginaheader .login input {
        width: 50%;  
        padding: 0;
    }
    

    #paginaindex section {
        width: 99%;
    }
    #paginaindex section video {
        width: 100%;
            height: 175px;
    }
    #paginaindex .notachica {
        width: 100%;
    }
    #paginaindex section .repon {
        width: 48.5%;
        float: left;
    }
    #paginaindex section .repon img, #paginaindex section .repon3 img{
        width:100%;
    }
    #paginaindex section .repon3 {
    display: block;
        width: 48.5%;
        float: left;
        margin-left: 3%;
        margin-bottom: 1%;
    }
    #paginaindex section .repon2 {
    display: none;
    }
    #paginaindex section .notagrande{
        width: 100%;
    }
    #paginaindex section .notagrande .hora {
    margin-top:0;
    }
    #paginaindex section .notachica h3, #paginaindex section .notagrande h3{
        font-size: 1.2rem;
            margin-top: 3px;
    margin-bottom: -19px;
    }
    #paginaindex section .notachica p, #paginaindex section .notagrande p{
        font-size: 1rem;
    }
    #paginaindex section .notachica p.hora, #paginaindex section .notagrande p.hora{
        font-size: 0.7rem;
    }
    #paginaindex section h1 {
        width: 100%;
    }
    #paginaindex aside {
        width: 100%;
        padding: 0;
    }
    #paginaindex aside .repon6{
        display: none;
    }
    #paginaindex .bside{
        display: block;
    }
    #paginaindex .bside aside .reponsiaside {
        display: block;
    }
    #paginaindex aside .repon4 {
        display: none;
    }
    #paginaindex aside .comentario  {
        padding: 0 10px;   
    }
    #paginaindex aside .comentario p {
        width: 69%;
    }
    #paginaindex .footermedio {
        width: auto;
    }
    .fondofooter{
        display: none;
    }
    #paginaindex footer {
        background-color: #404040;
    }
}

/*MAPA*/

#mapa aside{
    margin-top: 10px;
    background-color: #45d4e6;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
}

#mapa .mapacentral{
    width: 100%;
    height: auto;
    margin-top: 5px;
}

#mapa .mapacentral h1{
    background-color: white;
    color: black;
    padding: 10px auto;
    float: center;
    border: 1px dashed black;
}

#mapa .mapacentral .atras{
    float: left;
    margin-top: 5px;
    border: 1px solid white;
}

#mapa .mapacentral .adelante{
    float: right;
    margin-top: 5px;
    border: 1px solid white;
}

#mapa .mapacentral .atras:hover, #mapa .mapacentral .adelante:hover{
    background: linear-gradient(180deg, white, white, white, #45d4e6, white, white, white);
}

#mapa .mapacentral hr{
    clear: both;
    height: 0;
}

#mapa .referencias{
    width: 100%;
    margin-bottom: 10px;
}

#mapa h3{
    border-top: 1px dashed black;
    color: black;
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 10px;
    margin-top: 10px;
    clear: both;
}

#mapa .referencias img{
    float: left;
    margin-right: 5px;
    padding-top: 15px;
    padding-left: 20px;
}

#mapa .referencias p{
    float: right;
    width: 60%;
    vertical-align: middle;
    border-left: 3px solid black;
    padding: 0 5px;
    margin-top: 10px;
    height: 60px;
}

#mapa .referencias h5{
    height: 0px;
    clear: both;
    background-image: none;
    background-color: none;
}

#mapa .referencias .refmedio{
    width: 19.42%;
    float: left;
    margin-bottom: 5px;
    background-color: #eaeaea;
    border-radius: 3px;
    height: 80px;
    margin-right: 5px;
    border: 1px solid white;
}

#mapa .referencias .refmedio:hover{
    border: 1px solid #45d4e6;
}

#mapa .destacadomapa{
    width: 23.15%;
    margin-right: 5px;
    padding: 10px;
}

#mapa .destacadomapa p{
    padding: 0 10px;
    margin-left: 10px;
    border-left: 3px solid black;
}

#mapa .destacadomapa h5{
    padding: 0 10px;
    margin-bottom: 5px;
}

#mapa .destacadomapa img{
    border: 1px solid #eaeaea;
}


/*VIDEOTECA*/

#pagvideoteca .contvideo{
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 30.3%;
    height: auto;
    border-bottom: 1px solid black;
}

#pagvideoteca .videos h1{
    clear: both;
    width: 97%;
    font-size: 1rem;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 1.5em;
    font-family: 'dosisextrabold';
    border-bottom: 1px dashed black;
}

#pagvideoteca .descripDer {    
    font-family: 'dosisregular';
    font-size: 1em;
    float: left;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
}

#pagvideoteca .descripdg {
    font-family: 'dosisbold';
    font-size: 1.2em;    
    float: left;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
}

#pagvideoteca .descripdg a{
    text-decoration: none;
    color: black;
}

#pagvideoteca .descripdg a:hover{
    color: #55B21C;
}

#pagvideoteca .descriparq {
    font-family: 'dosisbold';
    font-size: 1.2em;    
    float: left;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
}

#pagvideoteca .descriparq a{
    text-decoration: none;
    color: black;
}

#pagvideoteca .descriparq a:hover{
    color: #F06D1C;
}

#pagvideoteca .descripdi {
    font-family: 'dosisbold';
    font-size: 1.2em;    
    float: left;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
}

#pagvideoteca .descripdi a{
    text-decoration: none;
    color: black;
}

#pagvideoteca .descripdi a:hover{
    color: #C5C7FF;
}

#pagvideoteca section p a{
    text-decoration: none;
    font-style: italic;
    color: black;    
    font-size: 0.8rem; 
    clear:both;
    float: left;
}

#pagvideoteca section p a:hover{
    border-bottom: 1px dotted black;
}

#pagvideoteca section video{
    width: 100%;    
    border-radius: 3px;
}

#pagvideoteca section hr{
    height: 0px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#pagvideoteca .hora{
    text-align: right;
    font-size: 0.8rem;
}

#pagvideoteca .hora span{
    background-color: black;
    color: white;
}

#pagvideoteca .navvideoteca{
    font-family: 'dosisregular';
    clear: both;
    margin-bottom: 0.5em;
}

#pagvideoteca section .navvideoteca a{
    font-family: 'dosisregular';
    padding: 2px;
    border: 1px solid black;
    color: black;
    text-decoration: none;
    font-size: 0.8rem;
}

#pagvideoteca section .navvideoteca a:hover{
    background-color: black;
    color: white;
}

#pagvideoteca aside{
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
}

#pagvideoteca aside img{
    width: 80%;
    margin-top: 2em;
    margin-bottom: 3em;
    
}

#pagvideoteca .cargarMas {
    font-family: 'dosismedium';
    font-size: 1rem;    
    text-align: center;    
    background-color: #1059D1;
    clear: both;
    text-decoration: none;
    margin-bottom: 2em;
}

#pagvideoteca .cargarMas  a{
    text-decoration: none;
    color: white;
}   

#pagvideoteca .cargarMas  a:hover{
    text-decoration: none;
    color: black;
}   

/*UTILES*/

#utiles aside{
    background-color: #45D4E6;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
}

#utiles .notagrande{
    float: left;
    margin-bottom: 1%;
    width: 96%;
    height: auto;
    border-bottom: 1px solid black;
    background-color: #eaeaea;
    padding-left: 10px;
    padding-top: 10px;
}

#utiles .notagrande .descripIzq {
    font-family: 'dosisbold';
    font-size: 1.3em; 
    /*color: #ffffff;*/
    max-width: 52%;
    float: left;
    padding-left: 0em;
    padding-right: 0.4em;
    position: relative;
    margin-bottom: 0.4em;
}

#utiles .cargarMas  a{
    text-decoration: none;
}   

#utiles .icono{
    width: 30px;
    height: 30px;    
}   

#utiles section .notagrande img{
    max-width: 50%;
    float: left;
    position: relative;
    margin-right: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
}

#utiles section .notagrande h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
    text-align: left;
    padding-bottom: 0.5em;
    /*background-color: #1059D1;*/
}

#utiles section .notagrande .descripIzq a{
    text-decoration: none;
    color: black;
    position: relative;
}

#utiles section .notagrande .descripIzq a:hover{
    color: #1059D1;
}

#utiles section .notagrande p{
    font-size: 1.1em;
    padding-top: 0.8em;
}

#utiles section .notagrande p a{
    text-decoration: none;
    font-style: italic;
    color: black;
    padding-top: 0.8em;
    font-size: 0.8rem;
    float: left;
    position: relative;
}

#utiles section .notagrande p a:hover{
    border-bottom: 1px dashed black;
    
}

#utiles section .notagrande .contenidoNotas{
    padding: 0.8em;
}

#utiles .notagrande .hora{
    text-align: right;
    font-size: 0.8rem;    
}

#utiles .hora span{
    background-color: black;
    color: white;
}

#utiles h5 .gral{
    background-color: #45d4e6;
}

#utiles .navutiles{
    font-family: 'dosisregular';
    clear: both;
}

#utiles section .navutiles a{
    font-family: 'dosisregular';
    padding: 2px;
    border: 1px solid black;
    color: black;
    text-decoration: none;
    font-size: 0.8rem;
}

#utiles section .navutiles a:hover{
    background-color: black;
    color: white;
}

#utiles aside h1{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#utiles aside #chat{
    height: 20em;
}

#utiles aside .comentario{
    overflow: auto;
    padding: 0 20px;
    font-size: 1rem;
    margin-bottom: 5px;
}

#utiles aside .comentario img{
    float: left;
    padding-right: 5px;
}

#utiles aside .comentario p{
    float: right;
    width: 79%;
    padding: 10px;
    border-left: 1px dashed rgba(255, 255, 255, 0.2);
    background-color: rgba(234, 234, 234, 0.3);
}

#utiles section a:hover{
    color: black;
}

#utiles aside h6{
    padding: 0.5em;
    text-align: center;
}

#utiles aside #dato #datoutil{
    width: 90%;
    height: 8em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em; 
}

#utiles aside #dato .buttom{
    border: 1px solid black;
    padding: 0.2em;
    background-color: white;
    color: black;
    float: right;
    clear: both;
    margin-right: 1em;
    margin-bottom: 1em;
}

#utiles aside #scroll{
    height: 30em;
    width: auto; 
    overflow-y: auto;
    overflow-x: hidden;
}

#utiles aside a{
    color: white;
    text-decoration: none;
}

#utiles aside a:hover{
    color: black;
}

#utiles aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    margin-bottom: 0.5em;
    text-align: center;
    padding-left: 0.5em;
    padding: 0.3em;
    background-color: #1059D1;
    clear: both;
    color: white;
}

#utiles aside h3 span{
    border-bottom: 3px solid black;
}

#morfologia aside{
    background-color: #b2ec65;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
}

#morfologia aside article{
    padding: 0 20px;
}

#morfologia aside article p{
    font-size: 1rem;
}

#morfologia aside article span{
    font-family: 'dosisbold';
}

#morfologia aside hr{
    width: 75%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#morfologia aside a{
    color: white;
    text-decoration: none;
}

#morfologia section a:hover, #morfologia aside a:hover{
    color: black;
}

#morfologia aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    margin-bottom: 5px;
    text-align: left;
    padding-left: 10px;
}

#morfologia aside h3 span{
    border-bottom: 3px solid black;
}

#morfologia aside h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
}

#morfologia aside h1{
    text-shadow: 2px 2px 2px rgb(85, 178, 28);
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#morfologia .noticia{
    padding: 5px;
    border-bottom: 1px solid rgba(85, 178, 28, 0.5);
    margin-bottom: 10px;
}

#morfologia .noticia h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    text-align: center;
}

#morfologia .noticia a{
    background-color: rgba(85, 178, 28, 0.5);
    font-family: 'dosismedium';
    color: black;
    padding-left: 0;
}

#morfologia .hora{
    text-align: right;
    font-size: 0.8rem;
}

#morfologia .hora span{
    background-color: black;
    color: white;
}

#morfologia .icono{
    width: 30px;
    height: 30px;
    padding-left: 0.8em;
    padding-bottom: 0.8em;
}

#morfologia section #seguir{
    padding-top: 1em;
}

#morfologia section #seguir p{
    text-decoration: none;
    font-family: 'dosisregular'
    font-style: italic;
    color: black;    
    font-size: 0.8rem; 
    float: left;
    padding-top: 0.6em;
}


/*
#morfologia section img{
    float: left;
    margin-right: 3%;
    margin-bottom: 1%;
    width: 30%;
    height: auto;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}
*/

#morfologia #imagenGrande{
    float: left;
    margin-right: 3%;
    margin-bottom: 1%;
    width: 30%;
    height: auto;
    border: 1px solid #eaeaea;
    border-radius: 3px;
}


#morfologia .notachica{
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
    width: 30.3%;
    height: auto;
    border-bottom: 1px solid black;
}

#morfologia .notamedia{
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    width: 60.6%;
    height: auto;
    border-bottom: 1px solid black;
}

#morfologia .notagrande{
    float: left;
    margin-bottom: 1%;
    width: 96%;
    height: auto;
    border-bottom: 1px solid black;
    background-color: #eaeaea;
    padding-left: 10px;
    padding-top: 10px;
}

#morfologia section h3{
    font-family: 'dosisbold';
    font-size: 1.5rem;
    text-align: left;
}

#morfologia section h3 a{
    text-decoration: none;
    background-color: #b2ec65;
    color: black;
    padding: 2px;
}

#morfologia section p a{
    text-decoration: none;
    font-style: italic;
    color: black;    
    font-size: 0.8rem; 
    clear:both;
    float: left;
}

#morfologia section p a:hover{
    border-bottom: 1px dotted black;
}

#morfologia section video{
    width: 100%;    
    border-radius: 3px;
}

#morfologia section h1{
    clear: both;
    width: 97%;
    font-size: 1rem;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 1.5em;
    font-family: 'dosislight';
    border-bottom: 1px dashed black;
}

#morfologia section hr{
    height: 0px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#morfologia section .h8{
    height: 0px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#morfologia .descripDer {    
    font-family: 'dosisregular';
    font-size: 1em;
    float: left;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
}

#morfologia .descripIzq {
    font-family: 'dosisbold';
    font-size: 1.2em;    
    float: left;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
}

#morfologia .descripCen {
    font-family: 'dosisregular';
    font-size: 1em;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
    text-align: left;
}

#morfologia .descripIzq a{
    text-decoration: none;
    color: black;
}

#morfologia .descripIzq a:hover{
    color: #55B21C;
}

#morfologia .verLink {
    text-decoration: none;
    font-style: italic;
    color: black;
    padding: 2px;
    font-size: 0.8rem;
}

#morfologia .cargarMas {
    font-family: 'dosismedium';
    font-size: 1rem;    
    text-align: center;    
    background-color: #B2EC65;
    clear: both;
    text-decoration: none;
    margin-bottom: 1em;
    margin-top: 1em;    
}
#morfologia .cargarMas  a{
    text-decoration: none;
    color: white;
}   

#morfologia aside .icono{
    width: 30px;
    height: 30px;
    margin-top: 0.8em;
    
}       

#morfologia aside .comentario{
    overflow: auto;
    padding: 0 20px;
    font-size: 1rem;
    margin-bottom: 5px;
}

#morfologia aside .comentario img{
    float: left;
    padding-right: 5px;
}

#morfologia aside .comentario p{
    float: right;
    width: 80%;
    padding: 10px;
    border-left: 1px dashed rgba(255, 255, 255, 0.2);
    background-color: rgba(234, 234, 234, 0.3);
}

#morfologia aside{
    margin-top: 10px;
    background-color: #B2EC65;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
}

#morfologia aside article{
    padding: 0 20px;
}

#morfologia aside article p{
    font-size: 1rem;
}

#morfologia aside article span{
    font-family: 'dosisbold';
}

#morfologia aside hr{
    width: 75%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#morfologia aside a{
    color: white;
    text-decoration: none;
}

#morfologia section a:hover{
    color: black;
}

#morfologia aside .about{
    padding: 20px;
}

#morfologia aside .about p{
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px dashed rgba(255, 255, 255, 0.2);
    padding: 20px;
    font-size: 1rem;
}

#morfologia aside .about span{
    font-family: 'dosisbold';
    color: white;
}

#morfologia aside .comentario{
    overflow: auto;
    padding: 0 20px;
    font-size: 1rem;
    margin-bottom: 5px;
}

#morfologia aside .comentario img{
    float: left;
    padding-right: 5px;
}

#morfologia aside .comentario p{
    float: right;
    width: 78%;
    padding: 10px;
    border-left: 1px dashed rgba(255, 255, 255, 0.2);
    background-color: rgba(234, 234, 234, 0.3);
}

#morfologia section a:hover, #morfologia aside a:hover{
    color: black;
}

#morfologia aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    margin-bottom: 0.5em;
    text-align: center;
    padding-left: 0.5em;
    padding: 0.3em;
    background-color: #55B21C;
    clear: both;
    color: white;
}

#morfologia aside h3 span{
    border-bottom: 3px solid black;
}

#morfologia aside #destacado h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
    position: relative;
}

#morfologia aside h1{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#morfologia aside #proxclase{
    width: 85%;
    height: auto;
    text-align: center;
    margin:1em 1.5em 0.6em 1.5em;
}

#morfologia aside #destacado{
    text-align: center;
}

#morfologia aside #destacado a:hover h5{
    background-color: black;
    color: white;
}

#morfologia aside .chat{
    height: 15em;
    width: auto; 
    overflow-y: auto;
    overflow-x: hidden;
}

#morfologia aside #comentario #comentario{
    width: 90%;
    height: 8em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em; 
}

#morfologia aside #comentario .buttom{
    border: 1px solid black;
    padding: 0.2em;
    background-color: white;
    color: black;
    float: right;
    clear: both;
    margin-right: 1em;
    margin-bottom: 1em;
}

/*NOTICIA*/

#noticia .hora{
    text-align: right;
    font-size: 0.8rem;
    clear: both;
}

#noticia .hora span{
    background-color: black;
    color: white;
}

#noticia .col3 p{
    line-height: 27px;
}

#noticia .noticiarel1 .p5{
    padding-top: 0rem;
    line-height: 20px;
}

#noticia h1{
    color: #b2ec65;
    padding-top: 1rem;
}

#noticia .h8{
    color: black;
    padding-top: 0.5rem;
    padding-bottom: 1rem;
}
#noticia .col3 .h7{
    outline-style: solid;
    outline-width: thin;
    padding: 0.2rem;
    margin-top: 2rem;
    clear:both;
}
    
#noticia h4{
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0rem;    
}

#noticia .destacado .p4{
    color: #55B21C;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    line-height: 29px;    
}

#noticia .col3 .destacado{
    background-image:url(imagenes/destacado-01.png); 
    margin-top: 2rem;
    margin-bottom: 2rem;
    padding-left: 1rem;
    border-color:#55B21C;
    border-style: solid;
    border-width: thin;
}

#noticia span{
    background-color: rgba(178, 236, 101, 0.5);
    color: black;
}

/*SLIDER*/

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 500px;
  height: 500px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}


#noticia aside {
    background-color: #b2ec65;
    margin-left: 0.8em;
    padding: 0.8em;
    border-radius: 10px;
    float: right;
    height: auto;
}

#noticia aside .tecnica{
    height: auto;
    width: auto;
    padding: 1rem;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
    margin-left: 0.5em;
    margin-right: 0.5em;
}

#noticia aside .tecnica h4{
    margin: 0rem;
    padding: 0rem;
}

#noticia aside .tecnica span{
    background-color: black;
    color: white;
}

#noticia aside .tecnica p{
    line-height: 25px;
}

#noticia aside img{
    height: 22rem;
    width: auto;
}

#noticia aside h2{
    padding: 1.5rem;
}

#noticia aside h1{
    text-shadow: 2px 2px 2px rgb(85, 178, 28);
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#noticia aside .masnoticias article{
    padding: 0 20px;
}

#noticia aside .masnoticias article p{
    font-size: 1rem;
}

#isidro aside .masnoticias article span{
    font-family: 'dosisbold';
}

#noticia aside hr{
    width: 75%;
    height: 3px;
    background: url(imagenes/hrback.png) repeat-x 0 0;
    border: 0;
    clear: both;
}

#noticia aside a{
    background-color: black;
    color: white;
    text-decoration: none;
}

#noticia aside a:hover{
    background-color: white;
    color: black;
}

#noticia aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
}

#noticia aside h5{
    font-family: 'dosislight';
    font-size: 0.8rem;
}

#noticia .masnoticias .noticia{
    padding: 5px;
    border-bottom: 1px solid rgba(181, 208, 91, 0.5);
    margin-bottom: 10px;
    height: auto;
}

#noticia .masnoticias .noticia a{
    background-color: rgba(85, 178, 28, 0.5);
    font-family: 'dosismedium';
    color: black;
    padding-left: 0;
}

#noticia .masnoticias .noticia p{
    font-size: 0.85rem;
}


/*VIDEO*/

#video section #videoteca{
    margin-bottom: 2em;
    margin-left: 0em;
    border-bottom: 1px solid black;
}

#video #favoritos{
    float: right;
    margin-top: 2em;
    margin-right: 2em;
}

#video #favoritos a{
    text-decoration: none;
}

#video section #descripcion{
    margin-top: 1em;
    padding-top: 1em;
    margin-bottom: 1em;
}

#video section h1{
    clear: both;
    width: 97%;
    font-size: 1rem;
    text-align: left;
    margin-top: 2em;
    margin-bottom: 1.5em;
    font-family: 'dosislight';
    border-bottom: 1px dashed black;
}

#video .descripDer {    
    font-family: 'dosisregular';
    font-size: 1.8em;
    float: left;
    padding-top: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
}

#video .descripIzq {
    font-family: 'dosisbold';
    font-size: 2.2em;    
    float: left;
    padding-right: 0.2em;
    padding-left:  0.2em;
    margin-bottom: 0.1em;
    background-color: #B2EC65;
}

#video .icono{
    clear: both;
    width: 30px;
    height: 30px;    
}   

#video section p a{
    text-decoration: none;
    font-style: italic;
    color: black;    
    font-size: 1.2rem;
    margin-top: 2em;
    margin-bottom: 1em;
}

#video section p a:hover{
    border-bottom: 1px dotted black;
}

#video section h5{
    clear: both;
}

#video .hora{
    text-align: right;
    font-size: 0.8rem;
}

#video .hora span{
background-color: black;
color: white;
}

#video section .comentario{
    overflow: auto;
    padding: 0 20px;
    font-size: 1rem;
    margin-bottom: 1em;
    margin-top: 2em;
    border-bottom: 1px dashed black;
}

#video section .comentario img{
    width: 80px;
    float: left;
    padding-right: 5px;
    margin-bottom: 1em;
}

#mvideo section .comentario p{
    /*float: left;*/
    position: relative;
    width: 80%;
    padding: 10px;
    border-left: 1px dashed rgba(255, 255, 255, 0.2);
    background-color: rgba(234, 234, 234, 0.3);
}

#video #dejarcom {
    width: 75%;
    height: 8em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em; 
}

#video #dejarcom #comentario{
    width: 100%;
    height: 6em;
    overflow-y: scroll;
}

#video #dejarcom .buttom{
    border: 1px solid black;
    padding: 0.2em;
    background-color: white;
    color: black;
    float: right;
    margin-right: 1em;
    margin-bottom: 1em;
}

#video aside{
    background-color: #B2EC65;
    margin-left: 10px;
    padding: 10px;
    border-radius: 10px;
    float: right;
    height: auto;
}

#video aside h1{
    padding-left: 0.5em;
    text-align: center;
}

#video aside p{
    padding: 1em;
}

#video aside h1{
    text-shadow: 2px 2px 2px #1059d1;
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10px;
}

#video section h4{
    margin-bottom: 0.5em;
    text-align: left;
    color: #55B21C;
}

#video section ul li{
    list-style: circle;
    color: #55B21C;
}

#video section ul li a{
    font-family: 'dosisbold';
    font-size: 1.2em;
    color: #55B21C;
    text-decoration: none;
}

#video aside #chat{
    height: 20em;
}

#video aside .comentario{
    overflow: auto;
    padding: 0 20px;
    font-size: 1rem;
    margin-bottom: 5px;
}

#video aside .comentario img{
    float: left;
    padding-right: 5px;
}

#video aside .comentario p{
    float: right;
    width: 79%;
    padding: 10px;
    border-left: 1px dashed rgba(255, 255, 255, 0.2);
    background-color: rgba(234, 234, 234, 0.3);
}

#video section a:hover{
    background-color: white;
    color: black;
}

#video aside h6{
    padding: 0.5em;
    text-align: center;
}

#video aside #dato #datoutil{
    width: 90%;
    height: 8em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 1.5em;
    margin-right: 1.5em; 
}

#video aside #dato .buttom{
    border: 1px solid black;
    padding: 0.2em;
    background-color: white;
    color: black;
    float: right;
    clear: both;
    margin-right: 1em;
    margin-bottom: 1em;
}

#video aside #scroll{
    height: 30em;
    width: auto; 
    overflow-y: auto;
    overflow-x: hidden;
}

#video aside a{
    color: white;
    text-decoration: none;
}

#video aside a:hover{
    color: black;
}

#video aside h3{
    font-family: 'dosismedium';
    font-size: 1rem;
    margin-bottom: 0.5em;
    text-align: center;
    padding-left: 0.5em;
    padding: 0.3em;
    background-color: #55B21C;
    clear: both;
    color: white;
}

#video aside h3 span{
    border-bottom: 3px solid black;
}

/*SLIDER*/

#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 865px;
  height: 500px;
  background: #ccc;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #2a2a2a;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}