@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700,500,400|Roboto+Slab:400,700);

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}

body {
    font-size: 16px;
    line-height: 1.2em;
    width: 100%;
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
    background: #F7F7F7;
    color: #313739;
}

i {
    vertical-align: middle;
}

strong {
    font-weight: 700;
}

*:hover {
    transition: 0.2s;
}

.wrapper, footer {
    padding: 1em;
}

h1 {
    font-size: 1.5em;
    font-weight: 700;
}

h2, .horario, .dias {
    font-size: 1.2em;
    line-height: 1.2em;
}

article h1, article h2 {
    font-family: 'Roboto Slab', sans-serif;
}

footer article h2 {
    font-family: 'Roboto Condensed', sans-serif;
}

a {
    text-decoration: none;
    font-weight: 700;
    color: #386D7B;
}

a:hover {
    color: #378aa0;
    cursor: pointer;
}

input[type=text] {
    box-shadow: none;
    border: none;
}

.titulo {
    width: 100%;
    text-transform: uppercase;
    height: auto;
    min-height: 2.5em;
    line-height: 2.5em;
    clear: both;
    background: #6c615c;
    padding: 0.45em 1em 0.25em 1em;
    overflow: auto;
    box-sizing: border-box;
    color: #F7F7F7;
}

.titulo i {
    font-size: 1.5em;
    padding-right: 0.1em;
}

.titulo h2 {
    position: relative;
    top: 0.2em;
}

.titulo-nav-v {
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    line-height: 2.5em;
    padding: 0.25em 0.5em;
    text-transform: uppercase;
    border-bottom: 1px solid #BAA59D;
}

.titulo-nav-v h2, .titulo-nav-v h1 {
    float: left;
}

.titulo h1 {
    float: left;
}

.titulo a {
    color: #9FC8BC;
}

.titulo a:hover {
    color: #F7F7F7;
}

.titulo .horario {
    float: right;
    color: #ECE3DE;
    line-height: inherit;
}

.clearfix {
    clear: both;
}

.wfix {
    margin: 0 auto;
    position: relative;
}

.ver-mas {
    clear: both;
    display: block;
}

.actualidad a {
    color: #EB7324;
}

.actualidad a:hover, #nav-actualidad:hover {
    color: #ff9337;
}

.educacion a {
    color: #45ADA0;
}

.educacion a:hover, #nav-educacion:hover {
    color: #3ccbb9;
}

.deporte a {
    color: #1A70B7;
}

.deporte a:hover, #nav-deporte:hover {
    color: #1d85db;
}

.entretenimiento a {
    color: #D13737;
}

.entretenimiento a:hover, #nav-entretenimiento:hover {
    color: #ff3d3d;
}


/*HEADER*/

header {
    background: #ECE3DE;
    width: auto;
    position: relative;
    height: 6.5em;
}

header a {
    display: inline-block;
}

.header-home {
    position: relative;
}

#logo {
    float: left;
    width: auto;
    position: absolute;
/*    text-align: center;*/
    padding: 1em;
    box-sizing: border-box;
}

#logo img {
/*    width: 100%;*/
}

#isologo {
    max-width: 180px;
    display: none;
}

.nav-general {
    width: 100%;
    padding: 0.75em;
    padding-bottom: 0.5em;
    box-sizing: border-box;
    overflow: auto;
    background: #9FC8BC;
}

#nav-general-wrapper {
    float: right;
}

#nav-general-wrapper div {
    float: left;
}

header input[type=text] {
    display: none;
}

#buscar {
    right: 1em;
}

#buscar i {
    font-size: 1.5em;
}

#panel-usuario li {
    float: left;
    line-height: 1.5em;
    margin-left: 1em;
    text-transform: uppercase;
}

.nav-general a {
    color: #505a5d;
}

.nav-general a:hover {
    color: #F7F7F7;
}

.nav-sitio {
    width: 100%;
    clear: both;
    text-align: center;
    text-transform: uppercase;
    padding: 0.5em;
    padding-right: 1em;
    box-sizing: border-box;
    display: none;
}

.nav-sec {
    display: none;
}

#nav-actualidad {
    color: #EB7324;
}

#nav-educacion {
    color: #45ADA0;
}

#nav-deporte {
    color: #1A70B7;
}

#nav-entretenimiento {
    color: #D13737;
}

.nav-sitio > ul > li {
    display: inline-block;
    padding: 0 0.5em;
}

.collapse {
    float: right;
    overflow: auto;
    box-sizing: border-box;
    text-align: right;
    width: 100%;
    text-transform: uppercase;
    z-index: 9999999999;
}

.collapse > i {
    color: #BBA69E;
    padding: 0.5em;
}

.collapse i:hover {
    cursor: pointer;
}

.collapse ul {
    width: 100%;
    display: none;
    text-align: center;
    position: relative;
    padding: 1em;
    box-sizing: border-box;
}

.collapse ul li i {
    font-size: 2.5em;
}

.fondo {
    background: #ECE3DE;
    transform: translateY(-10px);
    width: 100%;
}

.collapse li {
    height: 2em;
    line-height: 2em;
    margin: 0.5em 0;
}

.collapse li:first-child {
    margin-bottom: 0.7em;
}

.collapse li a {
    width: 100%;
}

#comunidad-collapse {
    display: inline-block;
    height: 2.2em;
    line-height: 2em;
    background: #9FC8BC;
    color: #505a5d;
}

.desplegador {
    position: relative;
}

.desplegador:hover, .mini-desplegador:hover {
    cursor: pointer;
}

.desplegable {
    display: none;
    width: auto;
    min-width: 10em;
    position: absolute;
    float: right;
    text-align: left;
    right: 0;
    z-index: 999999999;
    background: #ECE3DE;
    padding: 1em;
    box-sizing: border-box;
}

.desplegable li {
}

/*CONTENIDOS*/

.wrapper {
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
}

/*PROGRAMAS*/

#programas-actuales {
    width: 100%;
}

#streaming {
    width: 100%;
}

#preview {
    height: auto;
    position: relative;
}

#preview img{
    width: 100%;
}

#video {
    display: none;
}

#streaming .social {
    float: right;
}

.titulo-ficha .social li {
    margin-left: 0;
    margin-right: 0.5em;
}

.social li {
    float: left;
    margin-left: 0.5em;
}

#proximos-programas {
    clear: both;
    width: 100%;
    padding: 1em 0;
}

.programa, .programa-mini {
    width: 100%;
    float: left;
    padding: 0.75em;
    box-sizing: border-box;
    background: #f4efeb;
    hyphens: auto;
}

.opciones-programa {
    float: right;
    font-size: 1.5em;
    transform: translateY(0.2em);
}

.opciones-programa li {
    float: left;
}

.programa-mini {
    background: inherit;
}

.programa img {
    width: 30%;
    float: left;
    position: relative;
    top: 0.5em;
}

.programa .info-programa {
    width: 65%;
    float: right;
}

.social.mini {
    float: left;
    padding: 0.2em 0;
}

.social.mini li {
    margin-left: 0;
    margin-right: 0.3em;
}

#segunda-fila {
    float: left;
    clear: both;
    padding: 1em 0;
}

#noticias-home {
    float: left
}

.noticia {
    width: 100%;
    float: left;
    padding: 1em 0;
}

.noticia img {
    width: 30%;
    float: left;
    position: relative;
    top: 0.5em;
}

.noticia h2 {
    margin-bottom: 0.5em;
}

.noticia .info-noticia {
    width: 65%;
    float: right;
}

.info-noticia p, .contenido-comentario p {
    padding-bottom: 0.5em;
}

.contenido-comentario .deja {
    padding-bottom: 0;
}

.noticia .social.mini {
    float: right;
    clear: none;
    transform: translateY(-0.4em);
}

#comentarios {
    padding: 1em 0;
    float: left;
    clear: both;
}

.comentario {
    width: 100%;
    float: left;
    padding: 1em 0;
}

.meta-comentario {
    width: 100%;
    height: 50px;
    padding-bottom: 0.5em;
}

.info-usuario {
    width: 50%;
    max-width: 150px;
    float: left;
}

.info-usuario a {
    display: block;
}

.seguir {
    font-size: 1.5em;
    padding-top: 0.3em;
}

.avatar {
    width: 50px;
    float: left;
    margin-right: 0.5em;
}

.info-comentario {
    float: right;
}

.info-comentario p {
    color: #9e928d;
}

.info-comentario a {
    color: #809f96;
}

.contenido-comentario {
    clear: both;
}

#avatares {
    overflow: auto;
    padding: 0.5em 0;
}

#comentaristas, #amigos {
    display: none;
}

#programas-destacados {
    float: right;
    display: none;
}

.gif-aviso {
    float: right;
    margin-top: 1em;
    display: none;
}

/*TERCERA FILA*/

#tercera-fila {
    padding: 1em 0;
    float: left;
}

#gif-comunidad {
    float: left;
    display: none;
}

#gif-comunidad a, #gif-comunidad .gif-programa {
    float: left;
}

#nuestros-programas {
    float: right;
    padding-bottom: 1em;
}

.otro-programa {
    width: 100%;
    float: left;
    padding: 1em 0;
}

.otro-programa img {
    width: 30%;
    float: left;
    position: relative;
    top: 0.5em;
}

.otro-programa .info {
    width: 65%;
    float: right;
}

.otro-programa p {
    padding: 0.3em 0;
}

#nuestros-programas {
    display: none;
}

/*FICHA DE PROGRAMA*/
.ficha {
    padding: 0 1em;
    padding-bottom: 2em;
    width: 100%;
    float: left;
    box-sizing: border-box;
    position: relative;
}

.titulo-ficha {
    width: 100%;
    text-transform: uppercase;
    height: auto;
    overflow: auto;
    line-height: 2.5em;
    clear: both;
}

.volver {
    float: left;
}

.titulo-ficha h1 {
    float: left;
}

.titulo-ficha > ul > li {
    float: left;
    margin-right: 1em;
}

.titulo-ficha .social {
    float: right;
    clear: none;
}

.opciones-ficha {
    float: left;
}

.opciones-ficha li {
    float: left;
    font-size: 3.5em;
}

.fav {
    float: right;
    font-size: 2.5em;
}

.ficha-img {
    float: left;
    width: 100%;
    max-width: 445px;
}

.horario-ficha {
    width: 100%;
    float: left;
    border-bottom: 1px solid #bba9a0;
}

.horario-ficha * {
    font-size: 1.3em;
    line-height: 1.5em;
    padding: 0.3em 0 0.2em 0;
}

.dias-ficha {
    float: left;
}

.horario-ficha .horario {
    float: right;
}

.descripcion {
    float: right;
}

.descripcion > p {
    padding: 0.5em 0;
    float: left;
}

#capitulos {
    width: 100%;
}

#capitulos img{
    width: 100%;
}

.capitulo {
    width: 100%;
    padding: 1em;
    box-sizing: border-box;
    float: left;
}

.capitulo .social {
    float: left;
    padding: 0.5em 0;
}

.capitulo .social li {
    margin-left: 0;
    margin-right: 0.5em;
}

#deja-comentario textarea {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

/*STREAM CAPITULO ANTERIOR*/

.streaming-capitulo {
    width: 100%;
    float: left;
}

.streaming-capitulo .social {
    padding: 0.5em 0;
    float: right;
}

.desc-stream {
    padding: 0.5em 0;
}

.desc-stream * {
    float: left;
    clear: both;
}

.emitido {
    color: #9e928d;
    padding: 0 0 0.5em 0;
}

.desc-stream .control-desplegar {
    padding: 0.5em 0;
}

.control-desplegar:hover {
    cursor: pointer;
}

.sinopsis-stream {
    display: none;
}

#capitulos-stream {
    width: 100%;
    float: left;
    clear: both;
    margin: 1em 0;
}

#capitulos-stream .capitulo:nth-child(odd) {
    background: #ECE3DE;
}

.actual {
    background: #9FC8BC;
}

#capitulos-stream .capitulo {
    height: auto;
    width: 100%;
}

#ficha-usuarios-capitulo #ficha-comentarios {
    float: left;
}

#ficha-comentarios {
    margin-bottom: 1.5em;
}

/*GRILLA*/
#grilla{
    clear: both;
}

#copywidth{
    box-sizing: border-box;
    width: 100%;    
    margin: auto;
}

#copywidth .masdias{
    float: right;
    position: relative;
    top: 19px;
    padding: 0.5em;
    left: -10%;
    z-index: 99;
    background-color: #EB7324;
    color: #f7f7f7;
    text-transform: uppercase;
}

.masdias:hover {
    cursor: pointer;
}


.info-fecha{
    box-sizing: border-box;
    float: left;
    width: 80%;
    padding: 0px 2px 0px 5px;
    color: white;
    position: relative;
    top: -35px;
}

.otrasfechas {
    display:none; 
}


.hide:target ~ .info-fecha{
    display: block;
    width: 100%;
}

.hide:target ~ .flecha-izq{
    display: none;
}

.hide:target ~ .flecha-der{
    display: none;
}

.pc-trder, .pc-trizq{
    position: relative;
    top: 0.25em;
}


#copywidth .otrasfechas:nth-child(5){
    background-color: #ded1c9;
}

#copywidth .otrasfechas:nth-child(6){
    background-color: #b9a89e;
}

#copywidth .info-fecha:nth-child(7){
    background-color: #918179;
}

#copywidth .otrasfechas:nth-child(8){
    background-color: #b9a89e;
}

#copywidth .otrasfechas:nth-child(9){
    background-color: #ded1c9;
}

#copywidth .info-fecha:hover{
    background-color: #9ec7bb;
}


.dia{
    float: left;
    font-size: 50px;
    line-height: 70px;
}

.mes{
    font-size: 24px;
    float: left;
    position: relative;
    top: 18px;
}

.mes-text{
    float: left;
    font-size: 18px;
    position: relative;
    top: 38px;
    right: 25px;
}


.flecha-izq{
    color: #F7F7F7;
    clear: both;
    width: 10%;
    line-height: 60px;
    height: 70px;
    float: left;
    position: relative;
    top: -35px;
    background-color: #918179;
}

.pc-trder{
    line-height: inherit;
    font-size: 2.5em;
    width: 100%;
}

.pc-trizq{
    line-height: inherit;
    font-size: 2.5em;
    width: 100%;
}

.flecha-der{
    color: #F7F7F7;
    width: 10%;
    height: 70px;
    line-height: 60px;
    float: right;
    position: relative;
    top: -35px;
    background-color: #918179;   
}


#grilla-body{
    float: left;
    width:100%;
    margin-top: -35px;
}

.grilla-hoy{
    width: 100%;
    text-align: center;
    float: right;
    margin-right: 0;
}

.grilla-semanal{
    width: 100%;
    text-align: center;
    float: right;
    margin-right: 0;
}


.info-programa-g{
    clear: both;
    padding: 0em 0px;
    height: 8em;
    background-color: #ece3de;
}

.info-programa-g:nth-child(n+1):nth-child(odd):nth-child(-n+17){
    background-color: #e0d7d2;
}

.info-programa-g:nth-child(4){
    background-color: #9ec7bb;
}


.info-programa-g h2{
    padding-top: 12px;
}

.info-programa-g .resumen{
    color: #59595c;
    margin-top: 0.6em;
    padding: 0px 16px 0px 0px;
}

.opciones-grilla {
    float: left;
    font-size: 1.5em;
    padding-top: 0.2em;
}

.opciones-grilla li {
    float: left;
}

.grilla-horario-g{
    z-index: 1;
    color: #59595c;
    float: left;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.24);
    width: 2em;
    font-size: 18px;
    padding: 1em 0.8em 2.95em 0.8em;
    margin-right: 0.9em;
}

.foto{
    float: left;
    display: none;
    height: 8em;
    padding: 1em 0;
    box-sizing: border-box;
}

.foto img{
    height: 6em;
} 

/*COLLAPSE GRILLA!!!!!!*/


.show {
    display: none;
}

.hide:target + .show {
    display: block;
    }

.hide:target {
    display: none; 
}



/*QUIENES SOMOS*/

.nos-img{
    width: 100%;
}

.directores img{
    width: 100%;
}

.nosotros{
    box-sizing: border-box;
    width: 100%;
    height: 350px;
    clear: both;
    float: left;
}

.bio{
    padding: 12px 0px;

}

.directores ul{
    list-style: circle;
    padding: 12px 33px;
}

.directores h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    padding: 0.5em 0;
    margin-bottom: 0.5em;
    border-bottom: 1px solid #9FC8BC;
    box-sizing: border-box;
}

.directores h3 {
    font-weight: 700;
}

.superior p{
    padding: 12px 0px;
    
}

.directores{
    padding: 1.5em;
    width: 100%;
    box-sizing: border-box;
}

.proyectos{
    display:none; 
}

.nav-nos {
    width: 100%;
    padding: 1.5em;
    box-sizing: border-box;
    background: #6c615c;
    clear: both;
    overflow: auto;
}

.titulo-nav-nos {
    color: #ECE3DE;
    padding: 0.5em 0;
    border-bottom: 1px solid #E1D2CB;
    margin-bottom: 1em;
    box-sizing: border-box;
}

.boton-nav-v {
    display: block;
    padding: 1em;
    width: auto;
    box-sizing: border-box;
    text-align: center;
    margin: 0.5em 0;
    color: #6c615c;
    text-transform: uppercase;
    background: #ECE3DE;
}

.boton-nav-v:hover {
    background: #9FC8BC;
    color: #6c615c;
}

.nav-nos .social {
    float: left;
}

.nav-nos .social a {
    color: #ECE3DE;
}

.video-container img {
    width: 100%;
}

.nosotros {
    display: none;
}


/*Collapse Jorge e Ilsa*/

.reyproyectos{
    display:none; 

}

.rshow {
    display: none; 
}

.rhide:target + .rshow {
    display: block; 
}

.rhide:target {
    display: none; 
}

.rhide:target ~ .reyproyectos {
    display:block; 
}

.reyproyectos{
    display:none; 

}

.ishow {
    display: none; 
}

.show {
    display: none; 
}

.ihide:target + .ishow {
    display: block; 
}

.ihide:target {
    display: none; 
}

.ihide:target ~ .proyectos {
    display:block; 
}

.texto-nos {
    padding: 1em 0;
}

.infoproa {
    padding: 0.5em 1.5em;
}


/*CONTACTO*/

.parrafo-contacto{
    float: left;
    padding: 1em 0;
}

.parrafo-contacto span:first-child{
    color: #9ec7bb;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.parrafo-contacto span:last-child{
    color: #59595c;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.formulario-contacto{
    clear: both;
    box-sizing: border-box;
    width: 100%;
    font-size: 15.5px;
    background-color: #9d938d;
    padding: 1em; 
}

.formulario-contacto form input{
    box-sizing: border-box;
    background-color: #bfb9b5;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15.5px;
    height: 35px;
    margin-bottom: 0.5em;
    width: 100%;
    padding: 0.5em;
}

button:hover, input[type=button]:hover, input[type=radio] {
    cursor: pointer;
}

.formulario-contacto form input:nth-child(n+1):nth-child(-n+5){
    color: #636369;
     font-size: 15.5px;
    height: 35px;
    margin-bottom: 0.5em;
    width: 100%;
    padding: 0.5em;
}

.formulario-contacto form input[type="radio"]{
    width:18px;
    height: 15px;
}

.formulario-contacto form select{
    background-color: #bfb9b5;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15.5px;
    margin: 15px 0px 15px 0px;
}

.formulario-contacto textarea{
    color: #636369;
    background-color: #bfb9b5;
    width: 100%;
    box-sizing: border-box;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15.5px;
    padding: 0.5em;
    margin: 15px 0px 5px 0px;
}

.formulario-contacto form button:nth-child(18){
    background-color: #bfb9b5;
    border: none;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15.5px;
    height: 35px;
    margin-bottom: 0.5em;
    padding: 0.5em;
    width: 40%;
}
.formulario-contacto form input:nth-child(19){
    width: 50%;
    float: right;
    background-color: #6e635d;
}
.formulario-contacto form input:nth-child(19):hover{
    background-color: #9ec7bb;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: 3px solid #96e0ca;
}

#datos-proa{
    box-sizing: border-box;
    float: left;
    width: 100%;
    padding: 1em;
    background-color: #ECE3DE;
}

#datos-proa div{
    width: 100%;
    margin-bottom: 2em;

}
#datos-proa img{
    width: 100%;
}

#datos-proa h2{
    font-weight: 700;
    padding: 0.5em 0;
}
#datos-proa h3{
    margin: 0.5em 0;
    padding: 0.5em 0;
    font-weight: 700;
    border-bottom: 1px solid #b1b1b1;
    width: 80%;
}

#datos-proa p{
}

/*PASANTIAS*/

#frasepasan{
    padding: 1em;
    padding-bottom: 2em;
}

#frasepasan span:first-child{
    color: #9ec7bb;
    font-weight: 600;
    letter-spacing: 0.5px;
    
}
#frasepasan span:last-child{
    color: #59595c;
    font-weight: 600;
    letter-spacing: 0.5px;
}

#casos-body .caso div{
    box-sizing: border-box; 
    width: 100%;
    height: 15em;/**/
    padding: 0.5em 0em;/**/
    color: #2f2f2f;
}

#casos-body .caso:first-child div:first-child{
    background: url("../img/pasantia1.jpg");
    background-repeat: no-repeat;
    background-size: 200%;/**/
    background-position: -180px 0px;/**/
}
#casos-body .caso:nth-child(2) div:first-child{
    background: url("../img/pasantia5.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: 0px;
}
#casos-body .caso:last-child div:first-child{
    background: url("../img/pasantia6.jpg");
    background-repeat: no-repeat;
    background-size: 200%;/**/
    background-position: -180px 0px;/**/
}



#casos-body .caso div h2{
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 1.4em;
    background-color: rgba(238, 238, 238, 0.56);
    width: 100%;/**/
    padding: 0.25em 0.5em;/**/
}
#casos-body .caso div h3{
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1em;
    background-color: rgba(238, 238, 238, 0.56);
    position: relative;
    top: 65%;
    float: right;
    width: 40%;
    text-align: right;
    padding: 1em 3em 1em 1.5em;
    display: none;/**/
}


#casos-body .caso div:last-child{
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    background-color: #ECE3DE;
    padding: 1em;
    margin-bottom: 0.5em;
}

#casos-body .caso:first-child div:last-child{
    height: 250px;/**/
    margin-bottom: 1em;
}

#casos-body .caso:nth-child(2) div:last-child{
    height: 250px;/**/
    margin-bottom: 1em;
}

#casos-body .caso:last-child div:last-child{
    height: 250px;/**/
    margin-bottom: 1em;
}

#casos-body .caso div:last-child a{
    line-height: 1em;
    background-color: #6c615c;
    color: #F7F7F7;
    padding: 0.7em;
    position: relative;
    float: left;/**/
    top: 10px;/**/
}
#casos-body .caso:first-child div:last-child a{
    top: 10px;/**/
}

.nav-pas {
    margin-bottom: 2em;
}

/*LISTA DE PROGRAMAS*/

.mini-nav-programas {
    width: 100%;
    text-transform: uppercase;
    padding: 0.5em;
    overflow: auto;
    box-sizing: border-box;
    background: #ECE3DE;
}

.mini-nav-programas ul li, .mini-desplegador {
    float: left;
    position: relative;
    padding: 0.5em;
}

.mini-nav-generos {
    float: left;
    display: none;
}

.mini-nav-extra {
    float: right;
}

.mini-desplegable {
    display: none;
    position: absolute;
    top: 3.5em;
    width: auto;
    background: #ECE3DE;
    padding: 0.5em 1em;
    box-sizing: border-box;
}

.mini-desplegable li {
    float: none;
    clear: both;
}

.mini-desplegable i {
    font-size: 2em;
}

.buscar-programas {
    width: 100%;
    margin-bottom: 1.5em;
}

.buscar-programas i {
    vertical-align: inherit;
}

.contenedor-buscar {
    width: 100%;
    height: auto;
    overflow: auto;
    background-image: url("../img/trama.png");
    background-size: 50px;
    background-repeat: repeat;
    text-align: center;
    padding: 10%;
    box-sizing: border-box;
}

.form-programas {
    padding-bottom: 1em;
}

.form-programas input {
    width: 85%;
    font-family: 'Roboto Condensed', sans-serif;
    color: #6c615c;
    font-size: 1em;
    padding: 0 0.5em;
    box-sizing: border-box;
    line-height: 2.5em;
}

.form-programas i {
    position: relative;
    left: 0.2em;
    top: 0.2em;
}

.form-programas a, .index-alf a {
    color: #6c615c;
}

.letras * {
    float: left;
    padding: 0.15em;
    font-size: 1.2em;
}

.letras p {
    color: #9e928d;
}

.titulo-alf {
    width: 100%;
    padding: 0.2em 0;
    box-sizing: border-box;
    overflow: auto;
    border-bottom: 1px solid #6c615c;
    margin-bottom: 0.2em;
}

.index-alf h2 {
    float: left;
}

.lista-genero {
    float: left;
    padding: 0 1.5em;
    box-sizing: border-box;
}

.lista-genero .titulo-sec i {
    font-size: 2em;
    padding-right: 0.2em;
}

/*PROGRAMAS MAS VISTOS*/

.programa-mas-visto {
    width: 100%;
    box-sizing: border-box;
    float: left;
}

.programa-mas-visto .opciones-programa {
    transform: translateY(10px);
}

.programa-mas-visto:nth-child(odd) {
    background: #ECE3DE;
}

.info-programa-visto > * {
    float: left;
    padding: 0.5em;
    box-sizing: border-box;
    width: 50%;
}

.info-programa-visto {
    float: left;
    position: relative;
    padding: 0.5em;
    box-sizing: border-box;
}

.info-programa-visto .social {
    float: left;
    padding-top: 0.5em;
}

.info-programa-visto .social li {
    margin-left: 0;
    margin-right: 0.2em;
}

.capitulos-visto {
    float: left;
    clear: both;
    width: 100%;
}

.capitulos-visto .capitulo {
    width: 33.33333333333333%;
    text-align: center;
    border-right: 1px solid #BBA69E;
    margin-bottom: 0.3em;
}

.capitulos-visto .capitulo:last-child {
    border-right: none;
}

.capitulos-visto img {
    display: none;
}


/*NAV VERTICAL*/

.contenido-principal {
    width: 100%;
    float: left;
    padding-bottom: 1em;
}

.nav-vertical {
    display: none;
    background: #E1D2CB;
    padding: 0 1em;
    box-sizing: border-box;
}

.control-video {
    float: right;
    font-size: 1.5em;
    transform: translateY(4px);
}

.pc-mas {
    display: none;
}

.nav-vertical .ver-mas {
    line-height: 1.2em;
}

.stick {
    position: fixed;
    background: #F7F7F7;
    top: 1em;
    z-index: 9999999;
    transform: translateX(-1em);
    padding: 0.5em;
}

.stick-comu {
    position: fixed;
    background: #333333;
    top: 1em;
    z-index: 9999999;
    transform: translateX(-1em);
    padding: 0.5em;
}

.stick-comu a {
    color: #9FC8BC;
}

.stick-comu h1 {
    color: #F7F7F7;
}


.stick .video-mini {
    position: relative;
}

.stick .social {
    position: absolute;
    right: 0;
}

.stick .titulo-nav-v {
/*    display: none;*/
}

.proximos-programas-mini {
    float: left;
    padding-bottom: 1em;
}

.titulo-sec {
    width: 100%;
    text-transform: uppercase;
    padding: 0.75em;
    overflow: auto;
}

.actualidad .titulo-sec {
    border-bottom: 1px solid #EB7324;
}

.educacion .titulo-sec {
    border-bottom: 1px solid #45ADA0;
}

.deporte .titulo-sec {
    border-bottom: 1px solid #1A70B7;
}

.entretenimiento .titulo-sec {
    border-bottom: 1px solid #D13737;
}

/*GENEROS*/

.nav-genero-actualidad {
    background: #EB7324;
}

.nav-genero-educacion {
    background: #45ADA0;
}

.nav-genero-deporte {
    background: #1A70B7;
}

.nav-genero-entretenimiento {
    background: #D13737;
}

.titulo-genero {
    text-transform: uppercase;
    padding: 1em 0;
    box-sizing: border-box;
    margin-bottom: 1em;
}

.titulo-genero.actualidad {
    color: #EB7324;
    border-bottom: 1px solid #EB7324;
}

.titulo-genero.educacion {
    color: #45ADA0;
    border-bottom: 1px solid #45ADA0;
}

.titulo-genero.deporte {
    color: #1A70B7;
    border-bottom: 1px solid #1A70B7;
}

.titulo-genero.entretenimiento {
    color: #D13737;
    border-bottom: 1px solid #D13737;
}

.nav-genero-actualidad a, .nav-genero-educacion a, .nav-genero-deporte a, .nav-genero-entretenimiento a {
    color: #ECE3DE;
}

.programa-slide {
    position: relative;
}

.img-slide, .gradient {
    width: 100%;
    height: 150px;
}

.gradient {
    position: absolute;
    top: 0;
    background: linear-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.53));
}

.info-slide {
    position: absolute;
    bottom: 0.7em;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.7em;
}

.titulo-slide a {
    color: #F7F7F7;
    text-transform: uppercase;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 1.2em;
}

.titulo-slide h2 {
    float: left;
}

.titulo-slide .dias-horario {
    float: right;
    color: #ECE3DE;
    width: 30%;
}

.titulo-slide .dias-horario p {
    float: left;
}

.titulo-slide h2 {
    width: 70%;
}

.desc-slide {
    color: #F7F7F7;
    box-sizing: border-box;
    padding: 0.5em 0;
    display: none;
}

.dias {
    display: none;
}

/* --------- COMUNIDAD -----------*/

header.comunidad {
    background-color: #DDE8E3;
}

.fondo-mas {
    background-color: #333333;
}

#usuario{
    width: 100%;
    text-align: center;
    border-style: solid;
    border-width: 1px;
    background-color: #F7F7F7;
}

.miproa{
    box-sizing: border-box;
    padding: 0.5em;
    background: #9FC8BC;
    color: #F7F7F7;
    width: 100%;
    height: auto;
    min-height: 2.5em;
    line-height: 2.5em;
    clear: both;
    background: #9FC8BC;
    padding: 0.25em 1em;
    overflow: auto;
}


.miproa h1{
    font-weight:700;
}

.panel-usuario-comunidad {
    background: #F7F7F7;
}

.panel-usuario-comunidad img {
    max-width: 30%;
    box-sizing: border-box;
    padding: 2.5%;
    background: #F7F7F7;
    padding-top: 15px;
}

#contenido-comunidad{
    width: 100%;
    margin-top:20px;
}

/* Nav Usuario */

.menu-usuario {
	background:#DDE8E3;
	margin-top:20px;
}

.menu-usuario > ul > li {
    font-weight: 700;
    overflow: auto;
}

.desplegable-usuario li a {
    background: #F7F7F7;
    border-bottom: 1px solid #E1D2CB;
}

.desplegable-usuario li:last-child a {
    border-bottom: 0px;
}

.menu-usuario > ul > li p {
    padding: 0.5em;
}

.menu-usuario > ul > li:hover {
    cursor: pointer;
}

.menu-usuario ul li a {  /*estilo del root*/
    font-weight: 700;
	text-decoration:none;
	color:#313739; 
	display:block;
    padding: 0.5em;
    position: relative;
}

.menu-usuario ul li a:hover { /*hover del root*/
	background:#9FC8BC;
	color:#fff;
    border-bottom: 0px;
}

/*Submenu*/
.menu-usuario ul li div { /*estilo del contenedor del listado desplegable*/
	width:100%;
	box-sizing:border-box;
	display:none; 
}


.menu-usuario ul li div ul li{
	background:#ECE3DE;
	color:#313739;
}

/* Novedades */

.novedades{
    width: 100%;
    float:left;
    background: #F7F7F7;
}

.titulo-comu {
	background:#9FC8BC;
    width: 100%;
}

.titulo-comu h1, .titulo-comu h2 {
    color: #333333;
}

.titulo-comu .ver-mas {
    color: #386D7B;
}

.noticia-principal{
    background-color: #F7F7F7;
}

.descripcion-noticia {
    box-sizing: border-box;
    padding: 3%;
}

.noticia-principal img {
    max-width: 100%
}

.noticia-principal h2 {
    padding: 3px 0;
    font-family: 'Roboto Slab', sans-serif;
}



.notas-secundarias{
    width: 100%;
    float:left;
    background: #E6E6E6;
    box-sizing: border-box;
    padding: 2%;
}

.box-nota-secu{
    overflow: auto;
    float: left;
    width: 100%;
    box-sizing: border-box;
}

.box-nota-secu img{
    float: left;
    width: 30%;
    box-sizing: border-box;
    padding: 1.5%;
    clear:both;
}


.datos-nota-secundaria{
    font-size: 90%;
    line-height: 20px;
    float:right;
    max-width: 66%;
    padding: 2%;
    background:;
}

/* Segundo Slot */

.segundo-slot{
    width: 100%;
    overflow: auto;
    clear: both;
}

.contenedor-notas-pop-up {
    width: 100%;
    overflow: auto; 
    float: left;
    background: eee
}

.nota-pop-up {
    width: 49%;
    float: left;
    box-sizing:border-box;
    background: #F4EDE9;
    margin-top: 15px;
}

.nota-pop-up:last-child {
    float: right;
}

.nota-pop-up img{
    width: 100%;
    float: left;
    overflow: auto;
}

.contenido-nota-pop-up{
    clear:both;
    width: 100%;
    float: left;
    box-sizing:border-box;
    padding: 5%;
    background: #EFECE8;
}

.contenido-nota-pop-up p.volanta{
    font-size: 0.8em
}

.contenido-nota-pop-up p.parrafo-popup{
    font-size: 1em;
    padding-top: 5px;
}

.ver-nota{
    padding-top: 5px;   
}

/* Tercer Slot */

.noticia-urgente{
    width:100%;
    height:240px;
    position: relative;
    background:url("../img/comunidad/noticias-imagenes/inundacion.jpg") no-repeat center center;  
    background-size:cover;
    box-sizing: border-box;
    padding: %;
    margin-top: 15px;
}

.noticia-gradient {
    height: inherit;
    background-image: linear-gradient(rgba(0, 0, 0, 0),rgb(0, 0, 0) 120%)
}

.volanta-cinta{
    background: #F7F7F7;
    color: black;
    font-size: 0.8em;
    box-sizing: border-box;
    padding: 1%;
    position:absolute;
    top: 1em;
    left: 3%
}

.noticia-urgente h1{
    width:50%;
    position:absolute;
    bottom: 1em;
    font-size: 1.4em;
    line-height: 1.2em;
    box-sizing: border-box;
    padding: 3%;
    color: #F7F7F7;
}

.noticia-urgente a{
    color:#F7F7F7;
}


/* CUARTO SLOT */

.cuarto-slot{
    width:100%;
    padding-top: 15px;
    float:left;
}

.galeria-usuarios{
    width:73%;
    float:left;
}

.galeria-usuarios-felices{
    width:100%;
    clear: both;
}


.titulo-galeria a{
    text-transform: none;
    color: #386D7B;
    float: right;
}


.contenedor-galeria {
    width: 100%;
    max-width: 700px;
    background: #E6E6E6;
}

.galeria-usuario-slide {
    position: relative;
    width:100%;
}

.img-slide, .noticia-gradient {
    width: 100%;
    height: 150px;
    
}

.noticia-gradient {
    position: absolute;
    top: 0;
    height: inherit;
    background: linear-gradient(hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.83) 120%);
}

.info-slide {
    position: absolute;
    bottom: 0.7em;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.´7em;
    color: #F7F7F7;
    font-size: 0.8em;
}

.epigrafe-usuario{
    float:left;
}

.enviado-por{
    float:right;
}

.enviado-por a {
    color: #9FC8BC;
}

.fotos-galeria{
    max-width: 100%;
    overflow: auto;
}

.fotos-galeria img {
    max-width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 1%;
}

.columna-narrow{
    width: 25%;
    float:right;

}

.columna-narrow {
    display: none;
}

.galeria-usuarios {
    width: 100%;
}

.columna-narrow img{
    width:100%;
}

.titulo-narrow{
}

.contenido-opinion{
    background: #F4EDE9;
    font-size: 0.8em;
    box-sizing: border-box;
    padding: 5%;

}

.contenido-opinion h2{
    font-weight: 700;
}

#comentaristas.usuarios-conectados{
    margin-top: 15px;
    float:left;
    background: #E6E6E6;
    padding-top: 0;
}

.nav-vertical-comu {
	background-color:#EBF2ED;
}

.nav-vertical-comu titulo-nav-v {
	background-color:#EBF2ED;
}

/*NOTICIA*/

#contenido-noticia {
    width: 100%;
    background: #F7F7F7;
    float: left;
    padding: 1em;
    box-sizing: border-box;
}

.encabezado {
    width: 100%;
    float: left;
    padding-bottom: 1em;
    border-bottom: 1px solid #EB7324;
}

.encabezado > * {
    float: left;
    width: 100%;
}

.seccion-noticia {
    padding: 0.5em 0;
    border-bottom: 1px solid #ddc7bc;
    float: none;
    width: 100%;
}

.fecha-noticia {
    color: #9a9a9a;
    padding: 0.5em 0;
}

.titulo-noticia {
    line-height: 1.2em;
    padding: 0.5em 0;
    color: #c04c00;
}

.bajada {
    font-weight: 700;
}

.autor {
    padding: 0.5em 0;
}

.compartir-noticia {
    float: left;
    font-size: 2em;
}

.compartir-noticia li {
    float: left;
    padding-right: 0.1em;
}

.compartir-noticia .fa {
    font-size: 0.8em;
    padding-right: 0.2em;
}

.contenedor-imagen {
    float: left;
    width: 100%;
    display: none;
}

.imagen-noticia {
    width: 100%;
    box-sizing: border-box;
    float: left;
    padding: 1em 0;
}

.contenedor-texto {
    float: left;
    padding: 0.5em 0;
}

.parrafo-texto {
    padding: 0.5em 0;
}

.destacado-texto {
    font-size: 1.2em;
    line-height: normal;
    font-weight: 700;
    padding: 0.5em;
    color: #EB7324;
}

.sub-info {
    float: left;
    width: 100%;
    padding-bottom: 1em;
}

.sub-info a {
    padding: 0.5em;
}

.sub-info a:nth-child(2) {
    padding-left: 0;
}

.sub-info h3 {
    padding: 0.5em 0;
    font-weight: 700;
}

.footer-noticia {
    float: left;
    clear: both;
}

.noticia-h2 {
    float: left;
    width: 100%;
    padding-bottom: 0.5em;
    border-bottom: 1px solid #ddc7bc;
    font-weight: 700;
}

.mas-notas {
    float: left;
    padding: 0.5em 0;
}

.contenedor-mas-notas img {
    display: none;
}

.volanta-mas-notas {
    display: none;
}

.texto-mas-notas {
    padding: 0.5em 0;
}

/*FOOTER*/

footer {
    clear: both;
    width: 100%;
    box-sizing: border-box;
    background: #ECE3DE;
}

#columnas {
    width: 100%;
    float: left;
}

footer article {
    float: left;
    width: 100%;
}

footer h1 {
    line-height: 2em;
    margin-bottom: 0.5em;
}

footer h2 {
    line-height: 2em;
}

footer ul {
    padding-bottom: 0.5em;
}

#copyright {
    width: 100%;
    clear: both;
    padding-top: 1em;
    margin-top: 0.5em;
    box-sizing: border-box;
}

/*--------------------------MEDIA-----------------------------*/

@media only screen and (min-width:480px) {
/*    HEADER*/
    header input[type=text] {
        display: inline-block;
        vertical-align: top;
        margin-right: 0.5em;
        height: 1.5em;
        line-height: 1.5em;
        width: 120px;
    }
    
/*    PROGRAMAS*/
    .programa img, .noticia img, .otro-programa img {
        top: 0;
    }
    
    
    
/*    FOOTER*/
    #columnas article {
        width: 50%;
    }
    
    #visitanos {
        clear: both;
        width: 100%;
    }
}

@media only screen and (min-width:512px) {
    
    .ver-mas {
        float: right;
        clear: none;
    }
    
    .volver {
        float: right;
    }
    
    #logo {
/*        width: auto;*/
    }
    
/*    PROGRAMAS*/
    .programa {
        width: 25%;
        padding: 1.5em;
        box-sizing: border-box;
    }
    
    .programa img, .programa .info-programa {
        width: 100%;
    }
    
    .programa img {
        margin-bottom: 0.5em;
    }
    
    .contenedor-buscar {
        padding: 5%;
    }
    
    .form-programas input[type=text] {
        width: 92%;
    }
    
/*  GRILLA*/ 
    
        
    .info-programa-g{
        height: 8em;
    }

    .info-programa-g .resumen{
        padding: 0px 10px 0px 30%;
    }
    
    .grilla-horario-g{
        width: 5em;
        line-height: 1.98em;
        font-size: 25px;
        padding: 0.6em;
    }
    
    
    .info-programa-g:first-child .grilla-horario-g{
        line-height: 3.95em;
    }
    
    .info-programa-g:nth-child(2) .grilla-horario-g{
        line-height: 3.95em;
    }
    
    .foto{
        display: block;
        position: relative;
        left: -23px;
    }
    
    
/*    NOSOTROS*/
    .directores{
        float: left;
        width: 50%;
    }
    
/*    CONTACTO*/
    #fraseformu{
        width: 59%;
        float:left;
    }
    
    .formulario-contacto{
        float: left;
    }
    
    .parrafo-contacto{
        margin-bottom: 2em;
    }
    
    #datos-proa{
        float: right;
        width: 38%;
    }
    
    #datos-proa div{
        float: left;
        width: 100%;
        margin-bottom: 20px;
    }
    
    #datos-proa img{
        float: right;
        width: 100%;
    }
    
/*    FICHA*/
    .capitulo {
        width: 50%;
        padding: 1em;
        box-sizing: border-box;
    }
    
    .titulo-ficha .social {
        float: right;
    }
    
    .titulo-ficha > ul {
        clear: none;
    }
    
/*    NAV VERTICAL*/
    
    
/*    PROGRAMAS MAS VISTOS*/
    .info-programa-visto {
        width: 66%;
    }
    
    .programa-mas-visto .capitulo {
        height: auto;
    }
    
    .programa-mas-visto .capitulo img {
        display: none;
    }
    
/*    GENEROS*/
    
    .img-slide, .gradient {
        height: 200px;
    }
    
    .desc-slide, .dias {
        display: block;
    }
    
/*    STREAMING CAPITULO*/
    
    #capitulos-stream .capitulo {
        height: 7em;
        width: 33.33333333333%;
    }
    
/*    SEGUNDA FILA*/
/*
    #noticias-home {
        width: 50%;
        float: left;
        padding: 1em;
        box-sizing: border-box;
    }
    
    #noticias-home .ver-mas {
        clear: both;
        float: left;
        display: block;
    }
    
    #comentarios {
        width: 50%;
        float: right;
        clear: none;
        padding: 1em;
        box-sizing: border-box;
    }
}
*/
    
    /*COMUNIDAD*/
    .notas-secundarias{

    }

    .box-nota-secu{
        overflow: auto;
        float: left;
        width: 25%;
    }

    .box-nota-secu img{
        float: left;
        width: 100%;
        box-sizing: border-box;
        clear:both;
    }


    .datos-nota-secundaria{
        font-size: 14px;
        line-height: 20px;
        clear:both;
        float:left;
        max-width: 100%;
    }

    /* Segundo Slot */

    .segundo-slot{
        width: 100%;
        overflow: auto;
        clear: both;
    }

    .contenedor-notas-pop-up {
        width: 100%;
        overflow: auto; 
        float: left;
    }

    .nota-pop-up img{
        width: 100%;
        float: left;
    }
    
    .columna-narrow {
        display: block;
    }
    
    .galeria-usuarios {
        width: 73%;
    }
    
    /*PROGRAMAS MAS VISTOS*/
    .info-programa-visto {
        width: 66%;
    }
    
    .capitulos-visto {
        width: 33%;
        clear: none;
    }
    
    .capitulos-visto .capitulo {
        width: 100%;
        margin: 0;
        border-right: 0;
        border-bottom: 1px solid #BBA69E;
    }
    
    .capitulos-visto .capitulo:last-child {
        border: 0;
    }
    
/*    PASANTIAS*/
    
    #casos-body .caso:first-child div:first-child{
        background-size: 130%;/**/
        background-position: -80px;/**/
    }
    #casos-body .caso:last-child div:first-child{
        background-size: 130%;/**/
        background-position: -80px;/**/
    }
    
    #casos-body .caso:first-child div:last-child{
        height: 160px;
    }
    
    #casos-body .caso:nth-child(2) div:last-child{
        height: 160px;
    }
    
    #casos-body .caso:last-child div:last-child{
        height: 160px;
    }
    
    #casos-body .caso:first-child div:last-child a{
        top: -35px;
        float: right;
    }
    
    #casos-body .caso:nth-child(2) div:last-child a{
        top: -35px;
        float: right;
    }
    
    #casos-body .caso:last-child div:last-child a{
        top: -35px;
        float: right;
    }

}

@media only screen and (min-width:750px) {
/*    HEADER*/
    
    #logo {
        position: static;
    }
    
    .header-home {
        height: 12.5em;
        background: url(../img/trama_header.svg);
        background-size: 2500px;
        background-position: center;
    }
    
    #isologo {
        display: block;
    }
    
    #logo-orig {
        display: none;
    }
    
    .collapse {
        display: none;
    }
    
    .nav-sitio {
        display: block;
    }
    
    .nav-sitio li {
        position: relative;
        line-height: 1.5em;
    }
    
    .nav-sitio li i {
        position: relative;
        font-size: 2.5em;
        vertical-align: middle;
        padding-right: 0.1em;
    }
    
    .nav-sitio li a {
        line-height: 1.5em;
    }
    
    #programas {
        background: #EB7324;
    }
    
    .nav-color > a {
        color: #F7F7F7;
    }
    
    #comunidad-nav {
        background: #386D7B;
    }
    
    .nav-color > a {
        padding-top: 0.3em;
    }
    
    .header-home .nav-sitio {
        top: 2.2em;
    }
    
    #logo {
/*        width: 25%;*/
        text-align: inherit;
        width: auto;
    }
    
    #logo * {
        float: left;
    }
    
    #panel-usuario li a {
        margin-right: 0.5em;
    }
    
    .nav-sitio {
        width: auto;
        float: right;
        clear: none;
        position: relative;
    }
    
    .nav-sitio.completo {
        top: 1.5em;
    }
    
    .container-nav {
        float: right;
        overflow: auto;
    }
        
    #generos, #programacion {
        float: left;
    }
    
    #generos, .nav-sec {
        line-height: 3em;
    }
    
    .nav-sec {
        display: inline-block;
        float: right;
        box-sizing: border-box;
    }
    
/*    PROGRAMAS*/
    #preview {
        display: none;
    }
    
    #video {
        display: block;
    }
    
    #player {
        width: 100%;
        height: 450px;
    }
    
    .programa {
        width: 25%;
    }
    
/*    SEGUNDA FILA*/
    #noticias-home, #comentarios {
        width: 50%;
        clear: none;
        padding: 1em;
        box-sizing: border-box;
    }
    
    #comentaristas {
        display: block;
        float: left;
        padding-top: 1em;
    }
    
    .comentarista {
        float: left;
        margin: 0.125em;
        width: 11%;
    }
    
/*    TERCERA FILA*/
    #nuestros-programas {
        display: block;
    }
    
    .otro-programa {
        padding:1em;
        box-sizing: border-box;
        height: 20em;
        position: relative;
    }
    
    .lista-genero .otro-programa {
        width: 50%;
    }
    
    #nuestros-programas .otro-programa {
        width: 25%;
    }
    
    .lista-genero .otro-programa {
        height: 20em;
        hyphens: auto;
        width: 50%;
    }
    
    .otro-programa img, .otro-programa .info {
        width: 100%;
    }
    
    .otro-programa img {
        margin-bottom: 1em;
    }

/*  GRILLA*/
    #grilla-body{
        float: left;
    }
    
    .flecha-izq{
        width: 10%;
        text-align: center;
    }

    .flecha-der{
        width: 10%;
        text-align: center;
    }
    
    .info-programa-g{
        height: 8em;
    }
    
    .info-programa-g .resumen{
        padding: 0px 10px 0px 30%;
    }
    
    .grilla-horario-g{
        width: 5em;
        line-height: 1.98em;
        font-size: 25px;
        padding: 0.6em;
    }
    
    
    .info-programa-g:first-child .grilla-horario-g{
        line-height: 3.95em;
    }
    
    .info-programa-g:nth-child(2) .grilla-horario-g{
        line-height: 3.95em;
    }
    
    .foto{
        display: block;
        position: relative;
        left: -23px;
    }

    
/*    NAV VERTICAL*/
    .lista-genero {
        width: 100%;
    }
    
    .contenido-principal {
        float: left;
        width: 63%;
    }
    
    .nav-vertical, .nav-nos {
        display: block;
        float: right;
        width: 33%;
        clear: none;
    }
    
    .video-mini {
        padding: 0.75em 0;
        box-sizing: border-box;
        text-align: center;
        float: left;
    }
    
    .video-mini  iframe {
        width: 100%;
        max-width: 320px;
    }
    
    .video-mini .social {
        float: right;;
        padding: 0.5em 0;
    }
    
/*    LISTA DE PROGRAMAS*/
    
    /*.flecha-izq{
        clear: both;
        width: 5%;
        line-height: 150px;
        float: left;
        position: relative;
        top: 450px;
        background-color: aqua;
    }

    .flecha-der{
        clear: both;
        width: 5%;
        line-height: 150px;
        float: right;
        position: relative;
        top: -600px;
        background-color: aqua;
    }*/

    
/*    FICHA*/
    

/*    GENEROS*/
    
    .img-slide, .gradient {
        height: 250px;
    }
    
/*    NOSOTROS*/
    .video-container img {
        display: none;
    }
    
    .nosotros {
        display: block;
    }
    
/*    COMUNIDAD*/
    #usuario {
        width: 23%;
        float: left;
    }
    
    #contenido-comunidad {
        width: 73%;
        float: right;
    }
    
    .nav-vertical-comu {
        display: none;
    }
    
    .comunidad-principal {
        width: 100%;
    }
    
/*    NOTICIA*/
    #contenido-noticia {
        width: 70%;
        margin-left: 0.5em;
    }
    
    .contenedor-imagen {
        display: block;
    }
}

@media only screen and (min-width:800px) {
    .programa {
        width: 25%;
        float: left;
    }
    
/*    GRILLA*/
    
    .grilla-hoy, .grilla-semanal {
        float: right;
        width: auto;
        padding: 0 0.5em;
    }
    
    .mes-text{
        top: 18px;
        right: 2px;
    }
    
/*    FICHA*/
    #amigos {
        display: block;
    }
    
    #ficha-comentarios, #amigos {
        float: left;
        width: 50%;
        padding: 1em;
        box-sizing: border-box;
    }
    
    /* COMUNIDAD */

    .notas-secundarias{
        margin-top: 10px;
        max-width: 100%;
    }

    .box-nota-secu{
        overflow: auto;
        float: left;
        width: 25%;
        box-sizing: border-box;
        padding: 1%;
    }

    .box-nota-secu img{
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding-right: 3%;
        padding-top: 1%;
        padding-bottom: 3%;
        clear:both;
    }


    .datos-nota-secundaria{
        font-size: 14px;
        line-height: 20px;
        clear:both;
        float:left;
        max-width: 100%;
        padding: 2%;
        background: ;
    }
    
    /*COMUNIDAD*/
    
    #usuario{
        width: 25%;
        float:left;
    }
    
    #contenido-comunidad{
        width: 72%;
        float:right;
        margin-top: 0;
    }
    
    .notas-secundarias{
        margin-top: 10px;
        max-width: 100%;
    }

    .box-nota-secu{
        overflow: auto;
        float: left;
        width: 25%;
        box-sizing: border-box;
        padding: 1%;
    }

    .box-nota-secu img{
        float: left;
        width: 100%;
        box-sizing: border-box;
        padding-right: 3%;
        padding-top: 1%;
        padding-bottom: 3%;
        clear:both;
    }


    .datos-nota-secundaria{
        font-size: 14px;
        line-height: 20px;
        clear:both;
        float:left;
        max-width: 100%;
        padding: 2%;
    }
    
    .galeria-usuarios{
        overflow: auto;
    }

    
/*    NAV VERTICAL*/
    
    .lista-genero .otro-programa {
        width: 50%;
    }
    
/*    NOSOTROS*/
    
    .nosotros {
        height: 380px;
    }
}
    
@media only screen and (min-width:960px) {
    .wrapper, .wfix {
        max-width: 960px;
    }
    
/*    PROGRAMAS*/
    #player {
        height: 500px;
    }

/*    GRILLA*/
    
    .hide:target ~ .flecha-izq{
        display: block;
    }

    .hide:target ~ .flecha-der{
        display: block;
    }
    
    .hide:target ~ .info-fecha{
        width: 16%;
    }

    
    .flecha-izq{
        display: block;
        position: relative;
        top: 0px;
        height: 75px;
        z-index: 99;
    }
    
    .flecha-der{
        position: relative;
        top: 0px;
        height: 75px;
    }
    
    
    .info-fecha{
        width: 16%;
        height: 80px;
        padding: 10px 10px 10px 10px;
        position: relative;
        top: 0px;
    }

    .otrasfechas{
        display: block;
    }

    
    #grilla-body{
        position: relative;
        top: 30px;
        margin-bottom: 3em;
    }
    
    #copywidth .masdias{
        display: none;
    }
    
    #copywidth #hide{
        display: none;
    }
    
    #copywidth .hide:target + .show {
        display: none; 
    }

    #copywidth div:nth-child(2){
        display: block;
    }

    #copywidth div:nth-child(3){
        display: block;
    }

    #copywidth div:nth-child(4){
        display: block;
    }

    #copywidth div:nth-child(5){
        display: block;
    }

    #copywidth div:last-child{
        display: block;
    }

    .dia{
        line-height: 60px;
        font-size: 50px;
        position: relative;
        top:0px;
        right:8px;
    }
    
    .mes{
        font-size: 21px;
        position: relative;
        top:-49px;
        right:-59px;
    }

    .mes-text{
        font-size: 19px;
        position: relative;
        top:-30px;
        right:-30px;
    }
    
    /* COMUNIDAD */

    .notas-secundarias{
        margin-top: 10px;
        max-width: 100%;
    }

    .box-nota-secu{
        overflow: auto;
        float: left;
        width: 25%;
        box-sizing: border-box;
    }

    .box-nota-secu img{
        float: left;
        width: 100%;
        box-sizing: border-box;
        clear:both;
    }

    .datos-nota-secundaria{
        font-size: 14px;
        line-height: 20px;
        clear:both;
        float:left;
        max-width: 100%;
    }

    /*COMUNIDAD*/
    
    #usuario{
        width: 25%;
        float:left;
    }
    
    #contenido-comunidad{
        width: 72%;
        float:right;
        margin-top: 0;
    }
    
    .galeria-usuarios{
        overflow: auto;
    }
    
    .nav-vertical-comu {
        display: block;
    }
    
    .comunidad-principal {
        width: 66%;
    }
    
/*    FOOTER*/
    #columnas article, #visitanos {
        width: 15.1%;
        margin-right: 2em;
        float: left;
        clear: none;
    }
/*    FICHA*/
    #capitulos .titulo {
        padding: 0 1em;
        box-sizing: border-box;
    }
    
/*    NOTICIA*/
    .encabezado .compartir-noticia {
        float: right;
        padding-top: 0.2em;
    }
    
    .autor {
        float: left;
    }
    
    #contenido-noticia {
        width: 73%;
    }
    
    .contenedor-mas-notas img {
        display: block;
        width: 100%;
    }
    
    .contenedor-mas-notas {
        width: 50%;
        float: left;
        padding: 1em;
        box-sizing: border-box;
        position: relative;
    }
    
    .volanta-mas-notas {
        display: block;
        position: absolute;
        top: 1.5em;
        background: #F7F7F7;
        padding: 0.2em;
        box-sizing: border-box;
    }
    
}
    
@media only screen and (min-width:1200px) {
    .wrapper, .wfix {
        max-width: 1280px;
    }
    
/*    HEADER*/
    .header-home {
        background-position: 55%;
    }
    
    /*--Datos de color--*/

    #datos-de-color{
        display: block;
        overflow: hidden;
        float: left;
        width: 32%;
        box-sizing: border-box;
        background-color: #ECE3DE;
        border: 10px solid #6E635D;
    }

    #datos-de-color h2{
        text-align: center;
        background-color: #6E635D;
        padding: 0.8em;
        color: #ECE3DE;
        margin-bottom: 0.4em;
    }

    #datos-de-color h3{
        float: left;
        font-size: 1.5em;
        font-weight: 500;
        color: #ECE3DE;
        margin-right: 0.5em;    
    }

    #datos-de-color div{
        background-color: #3FACA2;
        padding: 0.8em 0.5em;
    }

    #datos-de-color p{
        margin-left: 3em;
        padding: 0em 0.5em;
        color: #ECE3DE;
        font-size: 1.115em;
    }

    #datos-de-color div:last-child{
        background-color: orange;
        margin-top: 0.2em;
    }
    
    
    
/*    PROGRAMAS*/
    
    #streaming {
        width: 66%;
        float: left;
    }
    
    #proximos-programas {
        width: 32.5%;
        float: right;
        clear: none;
        padding: 0;
    }
    
    .programa {
        width: 100%;
        height: auto;
        padding: 0.75em;
    }
    
    .programa img {
        width: 30%;
    }
    
    .programa .info-programa {
        width: 65%;
    }
    
/*    SEGUNDA FILA*/
    
    #noticias-home, #comentarios {
        width: 33%;
        clear: none;
        padding: 0 1em;
    }
    
    #programas-destacados {
        display: block;
    }
    
    .gif-aviso {
        display: block;
    }
    
/*    TERCERA FILA*/
    #nuestros-programas {
        width: 66%;
    }
    
    #gif-comunidad {
        display: block;
    }
    
/*    NAV VERTICAL*/
    
    .contenido-principal {
        width: 72%;
    }
    
    .nav-vertical, .nav-nos {
        width: 25%;
    }
    
    .ficha-img {
        width: 40%;
    }

    .capitulo {
        width: 16.66%;
        padding: 1em;
        height: auto;
    }
    
    .descripcion {
        width: 60%;
        padding: 0 1em;
        box-sizing: border-box;
    }
    
    .streaming-mini {
        transition: 0.5s;
    }
    
/*    LISTA DE PROGRAMAS*/
    
    .lista-genero {
        padding-top: 0;
    }
    
    .lista-genero.actualidad {
        padding-top: 1.2em;
        
    }
    
    .lista-genero .otro-programa {
        width: 25%;
        height: auto;
    }
    
    .form-programas input[type=text] {
        width: 95%;
    }
    
    .mini-desplegador {
        display: none;
    }
    
    .mini-nav-generos {
        display: block;
    }
    
/*    GENEROS*/
    .info-slide {
/*        width: 75%;*/
    }
    
/*    PROGRAMAS MAS VISTOS */
    .info-programa-visto {
        width: 33.33333333333%;
    }
    
    .capitulos-visto {
        width: 66.66666666%;
    }
    
    .capitulos-visto .capitulo {
        width: 33.33333333%;
        border-bottom: 0;
        border-right: 1px solid #BBA69E;
    }
    
    .capitulos-visto .capitulo:last-child {
        border: 0;
    }
    
    .capitulos-visto .capitulo img {
        display: block;
        width: 100%;
    }
    
    .capitulos-visto .capitulo h3 {
        padding: 0.5em 0;
    }
    
/*    STREAMING CAPITULO*/
    
    .streaming-capitulo {
        width: 75%;
    }
    
    #capitulos-stream {
        width: 24%;
        clear: none;
        float: right;
        box-sizing: border-box;
        margin: 0;
    }
    
    #capitulos-stream .capitulo {
        height: auto;
        width: 100%;
    }
    
    #capitulos-stream img {
        display: none;
    }
    
    #ficha-usuarios-capitulo #ficha-comentarios {
        float: left;
        width: 66%;
    }
    
    #ficha-usuarios-capitulo #amigos {
        width: 33.333333333%;
    }
    
    /*    GRILLA*/
    .info-fecha{
        align-content: center;
    }
    
    .dia{
        line-height: 60px;
        font-size: 60px;
        position: relative;
        top:0px;
        right:0px;
    }
    
    .mes{
        font-size: 29px;
        position: relative;
        top: 11px;
        right:-2px;
        z-index: 99;
    }
    
    .mes-text{
        z-index: 99;
        font-size: 26px;
        position: relative;
        top: 14px;
        right:5px;
    }
    
/*    NOSOTROS*/
    
    .nosotros {
        height: 500px;
    }
    
/*    PASANTIAS*/
    
    /*    PASANTIAS*/
    
    #casos-body .caso:first-child div:first-child{
        background-size: 100%;
        background-position: 0px;
        height: 320px;
    }
    
    #casos-body .caso:nth-child(2) div:first-child{
        background-size: 100%;
        background-position: 0px;
        height: 320px;
    }
    
    #casos-body .caso:last-child div:first-child{
        background-size: 100%;
        background-position: 0px;
        height: 320px;
    }
    
    #casos-body .caso:first-child div:last-child{
        height: 130px;
    }
    #casos-body .caso:nth-child(2) div:last-child{
        height: 130px;
    }
    #casos-body .caso:last-child div:last-child{
        height: 130px;
    }
    
    #casos-body .caso div:last-child a{
        top: -30px;
        float: right;
    }
    
    #casos-body .caso div h3{
        display: block;
    }
}