* {margin: 0; padding: 0; text-decoration: none;}

body {font-family: asap; background: #e3e1dd;}


/*Atributos generales*/


h1 {
    font-family: amatic SC;
    text-align: center;
    font-size: 2em;
}

h2 { 
    font-family: amatic SC;
    font-size: 34px;
    background-color: none;
    color: #3C3C3B;
    font-weight: bolder;
}

h3 { font-size: 1em;
}

h4 {
    color: #D75A64;
    font-size: 0.7em;
    font-weight: bolder;
    font-family: asap;
}

h5 {}

h6 {
    font-size: 11px;
    color:#7d7d7d;
}

p {
    color: #7A7A7A;
    font-size: 0.8em;
}

.boton {
    background: #009BAD;
    border-radius: 3px;
    width: 200px;
    height: 42px;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    transition: all 300ms;
    display: block;
    margin: 3% auto 0 auto;
    text-decoration: none;
}

.boton:hover {
    background: #007e8d;
    transition: all 300ms;
}

.boton2 {
    text-decoration: none;
    color: #0092A4;
    font-size: 14px;
    text-align: center;
    padding: 0.6em;
    border-radius: 3px;
    border: 1px solid #0092A4;
    transition: all 300ms;
    background: #e3e1dd;
}

.boton2:hover {
    background: #0092A4;
    color: #FFFFFF;
}

.link {
    color: #009AAC;
    font-size: 12px;
    transition: all 300ms;
}

.link:hover {
    color: #024952
}

main {
    width: 100%;
}

.contenedor_pagina {
    max-width: 960px;
    margin: 0 auto 0 auto;
}

.separador {
    width: 100%;
    clear: both;
}

.linea {
    z-index: -1;
    color: #b4b4b4;
    position: absolute;
    top: 25px;
    width: 100%;
    opacity: 0.5;
}



/* Fin Atributos generales*/




/* Comienza HEADER */

header {
    width: 100%;
    background: #FFFFFF;
    border-bottom: 2px solid #dedede;
}

.contenedor_header {max-width: 960px;
    margin: 0 auto 0 auto;
    padding: 0px 0 12px 0;
    min-height: 90px;
}

.contenedor-logo {
    width: 16%;
    float: left;
    position: relative;
    box-sizing: border-box;
    }

#logo {
    margin-right: 40px;
    margin-top: 13px;
}

#logo:hover {
    opacity: 0.75;
}

nav {
    position: relative;
    float: left;
    width: 60%;
    margin: 25px 0em;
    box-sizing: border-box;
    margin-top: 37px;
    margin-left: 2%;
}

header nav ul {text-decoration: none;
    list-style-type: none;
    display: inline;
}

header nav ul li {
    font-family: asap;
    list-style-type: none;
    display: inline;
    font-size: 0.85em;
    font-weight: bolder;
    margin-left: 1.5em;
    text-align: center;
}

header nav ul li a {
    text-decoration: none;
    color: #3C3C3B;
    transition: all 300ms;
}

header nav ul li a:hover {
    color: #009AAC;
}

.contenedor_buscador {
    width: 20%;
    float: right;
    position: relative;
}

.buscador {
    width: 100%;
    height: 32px;
    border-radius: 2px;
    margin: 2.7em 0;
    padding: 0.5em;
    font-size: 12px;
    color: #808080;
    box-sizing: border-box;
    background: #FFFFFF;
    border: 1px solid #B9B9B9;
}

.lupa {
    position: absolute;
    right: 8px; top: 40px;
}

.linea_header {
    width: 100%;
    position: absolute;
    z-index: 2;
    top: 96px;
    left: 0px;
}


/* Termina HEADER */




/* Aside del Home */

.aside-home{ 
    width: 100%;
    min-height: 250px;
    position: relative;
    float: left;
    margin: 2% 0 0 0;
    box-sizing: border-box;
}

.contenedor-aside {
    max-width: 960px;
    margin: 0 auto 0 auto;
    height: 13em;
}

.aside-home h2{ 
    width: 65%;
    margin: 2% 0 0 0;
    color: #3C3C3B ;
    height: 60px;
    line-height: 70px;
    position: relative;
    float: left;
    font-weight: 300;
    box-sizing: border-box;
    text-align: left;
}


.botones-login{ 
    width: 35%;
    height: 45px;
    background: transparent; 
    position: relative;
    float: right;
    padding: 10px auto;
    height: 60px;
    margin: 2% 0 0 0;
}

.boton-ingresar{ 
    width: 47%;
    height: 35px;
    background: transparent; 
    box-sizing: border-box;
    position: relative;
    float: left;
    margin: 18px 5px;
    padding: 2.3%;
    font-size: 14px;
    font-weight: lighter;
    color: 3C3C3B ;
    text-decoration: none;
    text-align: center;
    border: 1px solid #3C3C3B;
    border-radius: 2px;
    transition: all 300ms;
}

.boton-ingresar:hover {
    background: #009BAD;
    color: #FFFFFF;
}

.contenedor_subidas {width: 100%;
    float: left; position: relative;
    border-top: 1px solid #cccccc;
    margin-top: 18px;
}

.subidas {
    width: 25%;
    min-height: 80px;
    background: transparent;
    position: relative;
    float: left;
    margin: 3% 0 1% 0;
    box-sizing: border-box;
}

.subidas p {
    margin: 2% 0  0;
    width: 80%;
    font-size: 12px;
    min-height: 40px;
    color: #6c6c6c    
}

.subidas a {
    color: #009AAC;
    font-size: 12px;
    transition: all 300ms;
}

.subidas a:hover {
    color: #024952
}


.icono-subida{ 
    width: 30px;
    height: 30px;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 0 2% 30px 0;
}

/* Fin Aside del Home */


/* Comienza FOOTER */

footer {
    min-width: 100%;
    background: #3c3c3b;
    min-height: 190px;
    position: relative;
    float: left;
}

.contenedor_footer {
    max-width: 960px;
    margin: 0 auto 0 auto;
    min-height: 110px;
}

.linea_footer {
    width: 100%;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 0px;
}

footer h3 {
    font-family: amatic SC;
    font-size: 24px;
    color: #6f6f6e;
    font-weight: bolder;
    margin-top: 23px;
}

.legales {
    width: 65%;
    position: relative;
    float: left;
}

footer p {
    font-size: 12px;
    color: #6f6f6e;
    line-height: 21px;
    margin-top: 10px;
}

.redes {
    width: 25%;
    position: relative;
    float: right;
}

footer article img {
    margin-top: 10px;
    margin-right: 5px;
}

.trama {
    background-image: url(imagenes/trama_footer.png);
    float: left;
    position: relative;
    width: 100%;
    height: 48px;
    margin-top: 30px;
}

/*  Termina FOOTER */




/* Empieza HOME */

/* Empieza MENU VOLVER */

.menu-volver {
    width: 100%;
    height: 1.5em;
    box-sizing: border-box;
    margin: -1% 0 0 0 ;
    position: relative;
    float: left;
    
    
}
.menu-volver ul li {
    display: inline;
    list-style-type: none;
    color: #cecece;
    font-size: 0.7em;
    
}

.menu-volver ul li a {
    color: #a0a09f;
    font-weight: lighter;
    
}

.menu-volver ul li a:hover {
    color: #4e4e4e;
    
}

.rojo{ color:#DA5A64;}
.verde{ color: #009AAC;}
.verde2{color: #8BBCB9; }
.blanco{ color: white;}
.negro{ color: #000;}
.borde-abajo-verde{ border-bottom: solid 0.3em #009AAC;}
.caja-tituloh1{ width: 100%; height: 3em; position: relative; float: left; margin-bottom: 2%}
.programacion-linea2{
    opacity: 0.2;
    position: absolute;
    top: 1.2em;
}





/* Empieza VIVO del HOME */

.vivo {
    height: 460px;
}

.vivo_h2 {
    position: absolute;
    margin-top: 20px;
    margin-left: 20px;
    width: 10%;
    color: #FFFFFF;
}

.vivo_left {
    max-width: 74.5%;
    margin: 25px 0;
    position: relative;
    float: left;
}

.vivo_left img {
    width: 100%;
    margin: auto;
}


/* Comienza Redes Sociales del Home */

.redes-sociales {
    min-height: 400px;
    float: right;
    position: relative;
    box-sizing: border-box;
    max-width: 24%;
    margin: 25px 0;
}

.redes-sociales h2 {
    width: 100%;
    margin: 0 0 4% 0;
    box-sizing: border-box;
    font-size: 1.3em;
    position: relative;
    float: left;
}

.datos-cuenta{
    width: 100%;
    min-height: 50px;
    box-sizing: border-box;
    margin: 30px 0 2% 0;
    border-bottom: 1px solid #cecece;
}

.datos-cuenta img {
    position: relative;
    float: left;
    width: 18%;
    box-sizing: border-box;
    margin: 0 3% 0 0;
}

.datos-cuenta p {
    position: relative;
    float: left;
    max-width: 40%;
    min-height: 35px;
    margin: 1.5% 3.3% 0 0;
    font-size: 15px;
    color: #000;
    line-height: 16px;
    box-sizing: border-box;
}

.twitter-direccion{
    font-size: 11px;
    color: #7A7A7A;
}

.datos-cuenta button {
    position: relative;
    float: right;
    width: 32%;
    margin: 0 0 0 0;
    font-size: 11px;
    border: none;
    height: 3.5em;
}

.frase1 {
    width: 100%;
    font-size: 14px;
    font-weight: 100;
    margin: 4% 0 3% 0;
    color: #000;
}

.hashtag {
    width: 100%;
    height: 40px;
    border: 1px solid #009AAC;
    text-align: left;
    margin: 3% 0 3% 0;
    padding: 4.5%;
    box-sizing: border-box;
}

.hashtag p { 
    color: #009AAC;
    font-weight: lighter;
    font-size: 14px;
}

.img_tweet {
    width: 20%;
    height: 70px;
    position: relative;
    float: left;
}

.tweet { 
    width: 100%;
    min-height: 70px;
    line-height: 15px;
    padding: 3% 1% 3% 3%;
    margin: 0 0 2% 0;
    box-sizing: border-box;
    border-top: 1px solid #c9c9c9;
    position: relative;
    float: left;
}

.tweet-completo {
    width: 80%;
    font-size: 11px;
    position: relative;
    float: right;
}

.azul {
    color: #009AAC;
    font-size: 12px;
    margin: 0 0 5px 0;
}

.azul_2 {
    width: 30%;
    color: #009AAC;
    font-size: 11px;
    margin: 5px 5px 0 0;
    text-decoration: underline;
    position: relative;
    float: left;
}

.azul_2:hover {
    color: #7A7A7A;
}

/* Fin Redes Sociales del Home */



/* Comienza NOSOTROS del HOME */

#nosotros {
    min-height: 435px;
    position: relative;
    float: left;
    width: 100%;
    margin: 20px 0 20 0 ;
    box-sizing: border-box;
}

#nosotros h2 {
    text-align: center;
    color: #3C3C3B;
    width: 200px;
    margin: 0 auto 0 auto;
    background: #e3e1dd;;
    min-height: 40px;
    padding: 6px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

#nosotros img {
    width: 100%;
    margin: auto;
}

#nosotros a {
    margin: 20px auto;
}

#nosotros p {
    text-align: center;
    color: #6f6f6e;
    line-height: 24px;
    margin: 25px 100px;
}

/* Termina NOSOTROS del HOME*/


/* Comienza PROGRAMAS DESTACADOS del HOME*/

#programas_destacados {
    width: 100%;
    min-height: 450px;
    position: relative;
    float: left;
    margin: 15px 0 0 0;
}

#programas_destacados h2 {
    text-align: center;
    color: #3C3C3B;
    width: 280px;
    margin: 0 auto 0 auto;
    background: #e3e1dd;
    min-height: 40px;
    padding: 6px;
    box-sizing: border-box;
    margin-bottom: 5px;
}

#programas_destacados h3 {
    color: #FFFFFF;
    font-family: asap;
    font-size: 1em;
    margin-top: 5%;
    margin-bottom: 5%;
    line-height: 1.4em;
    box-sizing: border-box;
}

#programas_destacados h4 {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 300;
}

#programas_destacados p {
    color: #FFFFFF;
    font-size: 11px;
}

#programas_destacados article {
    width: 32%;
    min-height: 23em;
    position: relative;
    float: left;
    box-sizing:border-box;
    border-radius: 0 0 3px 3px;
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 0.6%;
    margin-right: 0.6%;
    overflow: hidden;
}

#programas_destacados article img:hover {
    opacity: 0.85;
}

.programas_destacados_article {
    background-color: #E99DA0;
}

.programas_destacados_article_1 {
    background-color: #8CBFBB;
}

.programas_destacados_article_2 {
    background-color: #D8CEC0;
}

.destacado-bg {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
}

.destacado {
    position: absolute;
    bottom: 5px;
    z-index: 4;
    padding: 5%;
}

.bullets {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #959595;
    position: relative;
    float: left;
    margin: 10px 4px;
}

.bullets_seleccionada {
    width: 12px;
    height: 12px;
    border-radius: 12px;
    background-color: #3c3c3b;
    position: relative;
    float: left;
    margin: 10px 4px;
}

.contenedor_bullets {
    float: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 0 450px 0 450px;
}

/* Termina PROGRAMAS DESTACADOS del HOME */



/* Comienza SUBÍ TU CONTENIDO LOGIN */

.login {
    width: 100%;
    float: left;
    position: relative;
    min-height: 30em;
    margin-bottom: 5em;
}

.login-titulo {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 2em;
}

.login-izq {
    width: 49.5%;
    float: left;
    position: relative;
    border-right: 1px solid #c7c7c7;
    min-height: 27em;
    padding: 0 6%;
    box-sizing: border-box;
}

.login-der {
    width: 49.5%;
    float: right;
    position: relative;
    min-height: 27em;
    padding: 0 6%;
    box-sizing: border-box;
}

.login article h2 {
    text-align: center;
}

.login-celda {
    margin-bottom: 1em;
}

.login article button {
    width: 100%;
    border: none;
    margin-top: 2em;
}

/* Fin SUBÍ TU CONTENIDO LOGIN */


/* Comienza FESTIVAL y Ayudanos */

.seccion-adicional{ width: 100%}

.sobre-el-festival{
    width: 50%;
    position: relative;
    float: left;
}


.caja-imagen{
    width: 100%;
    position: relative;
    float: left;
    margin: 0 0 0 0;
}

.sobre-el-festival img{
    width: 100%;
}
.ayudanos{
    width: 50%;
    min-height: 13em;
    position: relative;
    float: left;
    border: solid 1px #7A7A7A;
    border-style: dashed;
    box-sizing: border-box;
}
.ayudanos p{
    text-align: center;
    min-height: 2em;
    padding: 1.5em;
}
.ayudanos h2{
    text-align: center;
    margin: 2%;
   }


/* ----------------------------------------SECCIONES ESPECÍFICAS---------------------------------------- */
/* Comienzo del Festival*/

/* Comienzo del Festival*/

.slider-festival{
    width: 100%; 
    margin: 2% auto 0 auto;
    height: auto;
    position: relative;
    float: left;
}
.slider-festival-div{ 
    width: 100%;
    position: relative;
    float: left;
}
.slider-festival-div img{ 
    width: 100%;
    height: auto;
}


.contenedor_menu_atras{ max-width: 960px;
    margin: 0 auto 0 auto; height: 2em;}
.banner-festival{ width: 100%; height: 25em; position: relative; float: left;
 


}
.banner-festival img{ width: 100%; height: auto;}
.contenedor-banner-festival{ 
    max-width: 960px;
    margin: 0 auto 0 auto;
height: 22em; margin-bottom: 0;
  


}
.submenu-festival{ width: 100%; height: 3em; position: relative; float: left; box-sizing: border-box;}
.submenu-festival nav{ width: 100%;height: 3em;  position: relative; float: left; margin-top: 0; padding: 0 10% }
.submenu-festival nav ul{ list-style: none; display: inline;}
.submenu-festival nav ul li{ display: inline; width: 23%; height: 4em; position: relative; float: left; box-sizing: border-box; margin-right: 2%;}
.submenu-festival nav .boton { width: 100%; background: #fff; color: #3C3C3B; font-weight: bolder;}
.submenu-festival nav .boton:hover{ width: 100%; background: #DA5A64; color: #fff;}

.festival-grilla{ width: 100%;height: 35em; position: relative; float: left;  background:none;}
.contenedor_grilla{  max-width: 960px;
    margin: 0 auto 0 auto; 


}
.grilla-dia1{width: 50%; height: 35em; position: relative; float: left;  margin: 0; box-sizing: border-box; background-image:url(imagenes/grilla-dia1.png);  background-repeat:no-repeat;}
.grilla-dia2{width: 50%; height: 35em; position: relative; float: right;  margin: 0; box-sizing: border-box;background-image:url(imagenes/grilla-dia2.png);  background-repeat:no-repeat;}
.titulo-dia{ width: 100%; margin-left: 0; font-family: amatic sc; font-weight: bolder;}
.titulo-dia-izq{ position: relative; float: left; width: 40%; height: 1.5em; font-size: 2.5em; box-sizing: border-box; font-weight: bolder; margin: 5% 0 0 5%;}
.titulo-dia-der{ position: relative; float: right;width: 30%; height: 3em; height: 1.5em;  font-size: 1.75em; box-sizing: border-box;  margin: 5% 5% 0 0; }

.grilla-horarios{ width: 60%; position: relative; float: left; margin: 7% 10% 10% 30%; box-sizing: border-box;}
.caja1{ width: 100%; height: 4em; position: relative; float: left;margin-bottom: 4%; font-size: 1.15em;}

.festival-destacados-pie{ position: relative; float: left; height: 9em; width: 100%; background-image: url(imagenes/fondo-destacados-festival.png); background-position: top left; margin-bottom: 0;}
.festival-destacados{ position: relative; float: left; width: 100%; height: 27em; background: pink; background: #DA5A64; margin-top: 0;}
.contenedor_festival_destacados{  
    max-width: 960px;
    height: 26em;
margin: 0 auto 0 auto; background: transparent;
}
.contenedor_festival_destacados .titulo1{ color: white; margin-bottom: 0;}
.contenedor_festival_destacados .programas-grande{ height: 20em; position: relative; float:left;}
.contenedor_festival_destacados .programas-grande .programas-listado-programa{ height: 18em;}


.sobre-el-festival{
    width: 100%;
    height: 12em;
    position: relative;
    float: left;
    margin-top: 10%
}
.festival-bajada{
    width: 70%;
    height: 12em;
    position: relative;
    float: left;
}
.linea-rosa img{width: 10%;}
.festival-bajada h2{
    text-align:center;
    font-size: 2.1em; 
    font-weight: lighter;
    
}
.festival-bajada h4{  
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-top: 23px;
    text-align: center;
    margin: 2% 0 2% 0}

.festival-bajada p {
    font-size: 14px; 
    line-height: 22px;
    text-align: center;
    margin: 4% auto 0
}
.caja-video-institucional{
    width: 25%; 
    min-height: 23em;
    border: solid 0.1em #ccc;
    position: relative; 
    float: right;
}
.video-institucional{ 
    width: 100%;
    height:10em;
    background: #3C3C3B;
    position: relative;
}
.video-institucional img{ 
    width: 100%;
    
}
.bajada-texto a{ 
    color: #009AAC;
    font-size: 0.8em;
    text-decoration: none;
   
}




/* Noticias del Festival*/



.noticias-50 h3 { color: #7A7A7A; min-height: 45px;margin: 3% 0 4% 0;font-size: 1em;line-height: 1.2em;font-family: asap;font-weight: 100; box-sizing: border-box;}

.noticias-50 h4 {min-height: 20px;margin: 3% 0 0 0; box-sizing: border-box; font-weight: lighter;}

.noticias-50 h6 {line-height: 20px; margin: 4% 0 3% 0;box-sizing: border-box;font-size: 12px; color: #DA5A64;}
.noticias-50 p{line-height: 20px; margin: 4% 0 3% 0;box-sizing: border-box;font-size: 12px;}


.noticias-50 { width: 50%; position: relative; float: left; margin: 3% 0% 0% 0;}

.noticias-50 h2{background: none; min-height: 1.5em; margin: 0 auto; text-align: center; background: #e3e1dd; width: 40%; font-size: 2em; font-weight: lighter;}
.noticia1 { width: 48%; height: 10em; position: relative; float: left; box-sizing: border-box; background: rgba(255, 255, 255, 1);  border-top: 0.4em solid #DA5A64; }
.noticia1 img{width: 100%; height: auto; margin: 0 auto 0 auto; border-bottom: #DA5A64 0.3em solid;}
.bajada-texto{ position: relative; float: left;width: auto; height: 10em; box-sizing: border-box; padding: 5%; background: transparent;}
.bajada-texto2{ position: relative; float: left; width: 100%; height: 9em; box-sizing: border-box; padding: 5%; background: transparent;}
.noticia2 { width: 48%; height: 10em; position: relative; float: right; box-sizing: border-box;  background:  rgba(255, 255, 255, 1); border-top: 0.4em solid #DA5A64; margin-right: 1.7% }
.noticia2 img{width: 100%; height: auto; margin: 0 auto 0 auto; border-bottom: #DA5A64 0.3em solid;
}
/* Videos del Festival*/
.videos-destacados{ width: 49%; min-height: 17em; position: relative; float: right; margin: 5% 0 4% 0;}
.videos-destacados h2{background: none; min-height: 1.5em; margin: 0 auto; text-align: center; background: #e3e1dd; width: 40%; font-size: 2em; font-weight: lighter;}

.videos-destacados h3 {
color: #7A7A7A; min-height: 45px;margin: 3% 0 4% 0;font-size: 1em;line-height: 1.2em;font-family: asap;font-weight: 100; box-sizing: border-box;
}

.videos-destacados h4 {
    min-height: 20px;
    margin: 3% 0 0 0;
box-sizing: border-box;
    
}

.videos-destacados h6 {
    line-height: 20px;
    margin: 4% 0 3% 0;
    box-sizing: border-box;
    font-size: 12px;
    color: #DA5A64;
}

.videos-destacados p {
    line-height: 20px;
    margin: 4% 0 3% 0;
    box-sizing: border-box;
    font-size: 12px;
}

.video1 { width: 49%; height: 20em; position: relative; float: left; box-sizing: border-box; background:  rgba(255, 255, 255, 0); padding-top: 0;}
.video1 img{width: 100%; height: auto; margin-top:0;border-bottom: #DA5A64 0.3em solid;
}
.video2 { width: 49%; height: 20em; position: relative; float: right; box-sizing: border-box;  background:  rgba(255, 255, 255, );}
.video2 img{width: 100%; height: auto; margin: 0 auto 0 auto;border-bottom: #DA5A64 0.3em solid;
}
/* Galeria del Festival*/
.galeria-100{ width: 100%; min-height: 14em; position: relative; float: left; margin: 0 0 0 0;}
.galeria-100 img{width: 100%;}
.galeria-100 h2{background: none; min-height: 1.7em; margin: 0 auto; text-align: center; background: #e3e1dd; width: 30%; font-size: 2em; font-weight: lighter;}

/* Festival - DE QUE SE TRATA*/

.festival-que-es{ width: 100%; height: 32em;}
.festival-que-es-bajada{ width: 70%; position: relative; float: left; height: 27em;}
.festival-que-es-bajada h2 {margin: 3% 0 0 0;}
.festival-que-es-bajada p{line-height: 1.8em;  margin: 3% auto 0 auto;}
.festival-que-es-bajada h4{ color: #7A7A7A; margin: 3% auto 3% auto;}
.textocentro{text-align: center;}
.textorosa{color: #DA5A64;}
.noticias100{ width: 100%;height: 10em; position: relative; float: left; box-sizing: border-box; text-decoration: none;margin: 2% 0 2% 0;}
.noticias100 h2{ 
    text-align:center;
    font-size: 2.1em; 
    font-weight: bolder;}
.noticia25{ position: relative; float: left; width: 22%; margin: 3% 2% 0 0;}
.noticia25 img{ width: 100%; }

/* grilla FESTIVAL*/

.grilla-festival{ width: 100%;height: 20em; position: relative; float: left; box-sizing: border-box; text-decoration: none; margin: 0 0 5%}
.grilla-festival ul {list-style-type:none; font-family: asap; font-size: 0.9em; line-height: 1.5em; margin: 5% auto 0 auto;}
.grilla-festival h2{ 
    text-align:center;
    font-size: 2.1em;}
.dia1{width: 50%; height: 17em; position: relative; float: left;  margin-top: 2%; box-sizing: border-box; padding: 2.5% 12%; background:#E89CA0; }
.dia2{width: 50%; height: 17em; position: relative; float: right;  margin-top: 2%; box-sizing: border-box;padding: 2.5% 12%; background:#8DC0BB;}
.dia1 h3{ font-size: 1em; font-family: asap; color:#fff; }
.dia2 h3{ font-size: 1em; font-family: asap; color:#fff;}
.nube1{ position: absolute; left: 1em; top: 0em; bottom: 13em; z-index: 0;box-sizing: border-box;}

/* Seccion GALERIA FESTIVAL*/

.seccion-galeria-festival{ width: 100%; height: 30em;}
.galeria-festival{ width: 100%; margin-top: 0;}
.caja-imagen-galeria {width: 31%; margin: 0 2% 2% 0; position: relative; float: left;}

.caja-imagen-galeria img {width: 100%; height:auto;}

.descripcion-imagen{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: rgba(255, 255, 255, 0.01); background: rgba(60, 60, 59, 0.07); opacity: 0;}
.descripcion-imagen h4{ margin: 30% 40%; color: #fff; font-size: 1em;}

.descripcion-imagen:hover { width: 100%; height: 100%; position: absolute; top:; left:; color:  rgba(255,255,255,1); background: rgba(0, 0, 0, 0.65); opacity: 1;}

.boton3 {
    width: 30%;
    height: 2.5em;
    text-decoration: none;
    color: #fff;
    font-size:0.9em;
    text-align: center;
    padding: 0.4em;
    border-radius: 3px;
    border: 0.1em solid #fff;
    transition: all 300ms;
    background: none;
    margin-left: 35%;
    margin-top: 25%;
    box-sizing: border-box;
    position: relative;
    float: left;
    font-weight: 100;
}

.boton3:hover{ }



/* Comienza Contactanos */


.contacto {
    width: 100%;
    min-height: 28em;
    box-sizing: border-box;
    margin-top: 2em;
}

.hace-tu-consulta {
    width: 50%;
    min-height: 30em;
    position: relative;
    float: left;
    margin-right: 2em;
    box-sizing: border-box;
}

.hace-tu-consulta img {
    width: 100%;
    margin-top: 0.3em;
}

.hace-tu-consulta h1 {
    text-align: left;
}

.contenedor-formulario {
    width: 100%;
    min-height: 50em;
    padding: 3% 0 0 0;
    box-sizing: border-box;
}

.datos-personales {
    width: 100%;
    margin-top: 1em;
    height: 13.5em;
    border-bottom: 1px solid #d0d0d0;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.datos-personales2 {
    width: 100%;
    margin-top: 1.5em;;
    height: 8.5em;
    border-bottom: 1px solid #d0d0d0;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.datos-personales3 {
    width: 100%;
    margin-top: 1.5em;
    height: 8em;
    border-bottom: 1px solid #d0d0d0;
    box-sizing: border-box;
    float: left;
    position: relative;
}

.contenedor-formulario h2 {
    font-family: asap;
    font-size: 1em;
    color: #000000;
    padding-bottom: 1.2em;
}

.contenedor-celda {
    width: 48%;
    height: 5em;
    margin-right: 3%;
    position: relative;
    float: left;
}

.contenedor-celda-a {
    width: 48%;
    height: 5em;
    position: relative;
    float: left;
}

.contenedor-celda-comentario {
    width: 100%;
    min-height: 9em;
    margin-right: 3%;
    position: relative;
    float: left;
    margin-top: 1.5em;
}

.contenedor-enviar {
    width: 100%;
    height: 5em;
    position: relative;
    float: left;
}

.contenedor-enviar button {
    position: relative;
    float: right;
    width: 30%;
    margin-top: 1em;
    border: none;
}

.celda {
    width: 100%;
    height: 3.5em;
    margin: 4% 0 0 0;
    color: #c5c5c5;
    padding: 3%;
}

.radio {
    height: 3.5em;
    margin: 4% 0 0 0;
    color: #c5c5c5;
    padding: 3%;
    float: left;
    position: relative;
}

.datos-personales3 div select {
    background-color: #FFFFFF;
    width: 100%;
    height: 35px;
    color: #c5c5c5;
    margin-top: 5%;
    border: 1px solid #c6c6c6
}

.radio-p {
    float: left;
    position: relative;
    padding: 1.7em 10% 1.7em 3%;
}

.celda-comentario {
    width: 100%;
    height: 10em;
    margin: 2% 0 0 0;
    position: relative;
    float: left;
    color: #c5c5c5;
    padding: 3%;
}

.datos-contacto {
    width: 40%;
    height: 30em;
    position: relative;
    float: left;
    box-sizing: border-box;
    margin: 0;
}

.datos-contacto div {
    float: left;
    position: relative;
    width: 100%;
    padding-bottom: 2%;
    box-sizing: border-box;
}

.datos-contacto h2 {
    font-family: asap;
    font-size: 1em;
    float: left;
    position: relative;
    width: 80%;
    padding-top: 1%;
}

.datos-contacto img {
    float: left;
    position: relative;
    padding-right: 0.6em;
}

.datos-contacto p {
    color: #D5783B;
    font-size: 0.8em;
    margin: 0.4em 0 0.9em 0;
    float: left;
    position: relative;
}

.queres-ser-parte {
    min-height: 14.5em;
    padding: 5%;
    box-sizing: border-box;
    background-color: #d8d7d4;
    border-radius: 3px;
    width: 80%;
    margin-top: 1em;
}

.queres-ser-parte h2 {
    text-align: center;
    font-family: amatic SC;
    font-size: 2em;
    width: 100%;
}

.queres-ser-parte p {
    color: #6F6F6E;
    padding: 3% 10% 0 10%;
    text-align: center;
    line-height: 1.5em;
    font-size: 1em;
}

.queres-ser-parte button {
    margin: 3% 30% 0 30%;
    width: 40%;
}


/* Fin Contactanos */



/* Comienzo Nuestra Programacion */


.titulo1 {
    color: #D75A64;
    margin-bottom: 0.5em;
    width: auto;
}

.programacion-linea{
    opacity: 0.2;
    position: absolute;
    top: 18px;
}

.programacion-destacados {
    width: 100%;
    float: left;
    position: relative; 
    margin-bottom: 2em;
}

.programacion-destacados-titulo {
    width: 100%;
    min-height: 50px;
    position: relative;
    float: left; 
    margin-bottom: 1em;
}

.programacion-destacados-titulo h2 {
    text-align: left;
    width: 20%;
    float: left;
    position: relative;
}

.programacion-destacados-titulo img {
    width: 67%;
    float: left;
    position: relative;
    margin-top: 18px;
}

.programacion-destacados-titulo button {
    float: right;
    position: relative;
}

.programacion-destacado-linea {
    position: absolute;
    z-index: 6;
    top: 137px;
    right: 0px;
}

.programacion-destacados article {
    width: 23%;
    margin: 2% 1%;
    float: left;
    position: relative;
    box-sizing: border-box;
    margin-top: 1em;
}

.programacion-destacado img {
    width: 100%; 
}

.programacion-destacado-info {
    float: left;
}

.programacion-destacado-tema {
    color: #D75A64;
    font-size: 0.7em;
    font-weight: bolder;
    font-family: asap;
    padding: 1em 0;
}

.programacion-destacado h2 {
    line-height:21px;
    text-align: left;
    font-size: 16px;
    font-family: asap;
    font-weight: bolder;
}

.programacion-destacado-horario {
    font-size: 12px;
    font-weight: normal;
    color: #6F6F6E;
    padding: 1em 0;
}

.programacion-destacados article button {
    margin-left: 0;
    width: auto;
    font-size: 0.7em;
    border: none;
    height: 3em;
    padding: 1em;
}

.programacion-envivo {
    max-width: 68%;
    min-height: 400px;
    float: left;
    position: relative;
}

.programacion-envivo h2 {
    text-align: left;
    width: 15%;
    float: left;
    position: relative;
    min-height: 30px;
}

.programacion-envivo-titulo {
    width: 100%;
    min-height: 50px;
    position: relative;
    float: left; 
}

.programacion-envivo-titulo img {
    width: 82%;
    float: left;
    position: relative;
    margin-top: 18px;
}

.vivo-left2 {
    margin-top: 5em;
}

.caja-vivo2 img {
    margin: auto;
    width: 100%;
}

.programacion-horarios {
    width: 30%;
    float: right;
    position: relative;
    min-height: 450px;
}

.programacion-horarios-titulo {
    width: 100%;
    min-height: 50px;
    position: relative;
    float: left; 
}

.programacion-horarios h2 {
    text-align: left;
    width: 30%;
    float: left;
    position: relative;
    min-height: 30px;
}

.programacion-horarios-titulo img {
    width: 40%;
    float: left;
    position: relative;
    margin-top: 18px;
}

.programacion-horarios-titulo button {
    float: right;
    position: relative;
    margin-top: 2%;
}

.programacion-horarios ul {
    text-decoration: none;
    list-style-type: none;
    float: left;
    position: relative;
    margin-top: 9%;
}

.programacion-horarios li {
    float: left;
    position: relative;
    width: 100%;
    min-height: 5%;
    border-bottom: 1px solid #CAC8BD;
    padding: 3%;
    box-sizing: border-box;
}

.programacion-horarios li:hover {
    background: #D6D6D6;
}

.programacion-horario-hora {
    width: 20%;
    min-height: 4%;
    font-size: 20px;
    color: #D75F1F;
    font-weight: bold;
    float: left;
    position: relative;
    padding: 0.5em 0;
}

.programacion-horarios-img {
    float: left;
    position: relative;
    width: 15%;
    margin-left: 2%;
}

.programacion-horario-info {
    width: 55%;
    min-height: 4%;
    float: left;
    position: relative;
    margin-left: 5%;
    padding: 3% 0;
}

.programacion-horario-info h4 {
    color: #0098AA;
    font-weight: normal;
    font-size: 13px;
    margin-bottom: 2%
}

.programacion-horarios-titulo div:hover {
    color: #FFFFFF;
    background-color: #0092A4;
}

.programacion-horario {
    float: left;
    position: relative;
    max-width: 100%;
    min-height: 10%;
    border-bottom: 1px solid #CAC8BD;
}


/* Fin Nuestra Programacion */




/* Empieza Horarios */

.horarios-titulo {
    width: 40%;
    height: 50px;
    float: left;
    position: relative;
    margin-top: 15px;
    padding: 10px 0px 0px 0px;
}

.horarios-titulo h1 {
    text-align: left;
}

.horarios-filtros {
    width: 60%;
    float: left;
    position: relative;
    padding: 1em 0;
    margin-top: 15px;
}

.horarios-filtros p {
    font-size: 13px;
    color: #3C3C3B;
    width: 15%;
    float: left;
    position: relative;
    padding-left: 4%;
    padding-top: 1.5%
}

.horarios-filtros select {
    background-color: #FFFFFF;
    width: 25%;
    height: 35px;
    border-radius: 3px;
    float: right;
    position: relative;
    margin-left: 2%;
    padding: 3px 10px;
    color: #808080;
}

.horarios-filtros div img {
    position: absolute;
    right: 10px;
    top: 10px;
}

.horarios-listado {
    width: 100%;
    float: left;
    position: relative;
    border-top: 1px solid #B2B2B2;
    margin-top: 18px;
    margin-bottom: 20px;
}

.horarios-listado h3 {
    color: #808080;
    font-size: 13px;
    font-weight: bolder;
    float: left;
    position: relative;
    margin-top: 25px;
}

.horarios-listado-h3-horario {
    width: 11%;
    margin: 0px;
}

.horarios-listado-h3-programa {
    width: 24%;
    margin: 0px;
}

.horarios-listado-h3-duracion {
    width: 15%;
    margin: 0px;
}

.horarios-listado-h3-descripcion {
    width: 50%;
    margin: 0px;
}

.horarios-listado ul {
    text-decoration: none;
    list-style-type: none;
    float: left;
    position: relative;
}

.horarios-listado ul li {
    float: left;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 20px 0px;
    border-bottom: 1px solid #CAC8BD;
}

.horarios-listado ul li:hover {
    background: #D6D6D6;
}

.horarios-listado-hora {
    width: 10%;
    float: left;
    position: relative;
    margin-top: 10px;
    box-sizing: border-box;
}

.horarios-listado-hora p {
    width: 10%;
    font-size: 20px;
    color: #D75F1F;
    font-weight: bold;
    float: left;
    position: relative;
}

.horarios-listado-programa {
    width: 25%;
    float: left;
    position: relative;
    box-sizing: border-box;
}

.horarios-listado-programa-caja-img {
    float: left;
    position: relative;
    margin: auto 15px auto auto;
}

.horarios-listado-programa h2 {
    color: #0098AA;
    font-size: 15px;
    font-family: Asap;
    text-align: left;
    float: left;
    position: relative;
    width: 70%;
    margin: auto;
    font-weight: normal;
    margin-top: 14px;
}

.horarios-listado-duracion {
    width: 15%;
    float: left;
    position: relative;
    box-sizing: border-box;
}

.horarios-listado-duracion p {
    font-size: 14px;
    margin-top: 15px;
}

.horarios-listado-descripcion {
    width: 30%;
    float: left;
    position: relative;
    margin-top: 5px;
    box-sizing: border-box;
}

.horarios-listado-descripcion p {
    font-size: 14px;
    margin: auto;
}

.horarios-listado-iconos {
    width: 15%;
    float: right;
    position: relative;
    padding-left: 10px;
    box-sizing: border-box;
}

.horarios-listado-iconos-icono {
    margin-right: 15px;
    float: right;
    position: relative;
}

/* Fin Horarios */




/* Comienza Programas */

.programas-titulo {
    float: left;
    position: relative;
    width: 55%;
    margin: auto;
    margin-top: 1.5em;
}

.programas-titulo h1 {
    text-align: left;
    font-weight: bolder;
}

.caja-programas-filtros {
    width: 27%;
    float: right;
    position: relative;
    padding: 1em 0;
    margin-top: 0.4em;
}

.caja-programas-filtros p {
    float: left;
    position: relative;
    padding: 1em 0;
}

.caja-programas-filtros select {
    margin-left: 5%;
    float: left;
    position: relative;
    background-color: #FFFFFF;
    height: 35px;
    border-radius: 3px;
    color: #808080;
}

.programas-grande {
    float: left;
    position: relative;
    width: 100%;
    margin: 0px;
    border-top: 1px solid #B2B2B2;    
}

.programas-grande article {
    float: left;
    position: relative;
    width: 48%;
    padding: 2% 0;
    margin: 0 1%;
}

.programas-listado-programa {
    width: 100%;
    height: 37.5%;
    padding: 35% 4% 1.5% 4%;
    margin: auto;
    float: left;
    position: relative;
    box-sizing: border-box;
    transition: all 300ms;
}

.prog-gde-izq {
    background-image: url(imagenes/programas_programa-gde1.jpg);
    background-size: 100%;
}

.prog-gde-der {
    background-image: url(imagenes/programas_programa-gde2.jpg);
    background-size: 100%;
}

.prog-chico-a {
    background-image: url(imagenes/programas_programa-gde1.jpg);
    background-size: 100%;
}

.prog-chico-b {
    background-image: url(imagenes/programas_programa-gde2.jpg);
    background-size: 100%;
}

.prog-chico-c {
    background-image: url(imagenes/programas_programa-gde3.jpg);
    background-size: 100%;
}

.prog-chico-d {
    background-image: url(imagenes/programas_programa-gde4.jpg);
    background-size: 100%;
}

.programas-listado-programa:hover {
    opacity: 0.95;
}

.programas-tema {
    float: left;
    position: relative;
    color: #ffffff;
    padding: 0.9%;
    font-size: 0.7em;
    background-color: #D65A64;
} 

.programas-tema1 {
    float: left;
    position: relative;
    color: #ffffff;
    padding: 0.9%;
    font-size: 0.7em;
    background-color: #D65F1F;
} 

.programas-tema2 {
    float: left;
    position: relative;
    color: #ffffff;
    padding: 0.9%;
    font-size: 0.7em;
    background-color: #26BA88;
} 

.programas-tema3 {
    float: left;
    position: relative;
    color: #ffffff;
    padding: 0.9%;
    font-size: 0.7em;
    background-color: #0091A3;
} 

.programas-listado-programa h3{
    color: #ffffff;
    font-size: 1.1em;
    line-height: 26px;
    font-weight: lighter;
    float: left;
    position: relative;
    width: 100%;
    padding: 2% 0;
}

.programas-listado-programa p {
    width: 100%;
    color: #ffffff;
    float: left;
    position: relative;
    font-size: 0.7em;
}

.programas-chico {
    float: left;
    position: relative;
    width: 100%;
}

.programas-chico article {
    float: left;
    position: relative;
    width: 23%;
    margin: 0 1%;    
}

.programas-listado-programa-chico {
    width: 100%;
    height: 20%;
    padding: 22% 6% 1% 6%;
    margin: auto;
    float: left;
    position: relative;
    box-sizing: border-box;
    transition: all 300ms;
}

.programas-listado-programa-chico:hover {
    opacity: 0.95;
}

.programas-listado-programa-chico h3{
    color: #ffffff;
    font-size: 0.9em;
    line-height: 20px;
    font-weight: lighter;
    float: left;
    position: relative;
    width: 100%;
    padding: 2.3% 0;
}

.programas-listado-programa-chico p {
    width: 100%;
    color: #ffffff;
    float: left;
    position: relative;
    font-size: 0.7em;
}

.programas-destacados-titulo {
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 1% 2% 1%;
    box-sizing: border-box;
}

.programas-destacados-titulo h2 {
    width: 19%;
    float: left;
    position: relative;
}

.programas-destacados {
    float: left;
    position: relative;
    width: 100%;
}

.programas-destacados article {
    float: left;
    position: relative;
    width: 23%;
    margin: 0 1%;
    box-sizing: border-box;
}

.programas-destacados article img:hover {
    opacity: 0.9;
}

.programas-destacados article img{
    width: 100%;
    margin: auto;
}

.programas-destacados article h3{
    color: #3C3C3B;
    font-size: 0.9em;
    line-height: 24px;
    font-weight: lighter;
    float: left;
    position: relative;
    width: 100%;
    padding: 2% 0;
}

.programas-destacados article a {
    width: 100%;
    float: left;
    position: relative;
}

.programas-destacados article .programas-tema {
    position: absolute;
    top: -8;
    padding: 1.5%;
}

.programas-destacados article .programas-tema1 {
    position: absolute;
    top: -8;
    padding: 1.5%;
}

.programas-destacados article .programas-tema2 {
    position: absolute;
    top: -8;
    padding: 1.5%;
}

.programas-destacados article .programas-tema3 {
    position: absolute;
    top: -8;
    padding: 1.5%;
}

.programas-destacado-horario {
    width: 100%;
    color: #6F6F6E;
    float: left;
    position: relative;
    font-size: 0.7em;
    margin-bottom: 1em;
}

.programas-destacado-info {
    width: 100%;
    float: left;
    position: relative;
    padding: 5% 5%;
    box-sizing: border-box;
    background-color: #FFFFFF;
}

/* Fin Programas */



/* Comienza Los más vistos */

.fila {
    margin: 1em 0;
}

/* Fin Los más vistos */




/* Comienza Capitulos anteriores */

.prog-cont-capitulos-titulo {
    width: 100%;
    float: left;
    position: relative;
}

.prog-cont-capitulos-titulo h1 {
    width: 70%;
    float: left;
    position: relative;
    text-align: left;
}

.prog-cont-capitulos-titulo a {
    width: 30%;
    float: right;
    position: relative;
    text-align: right;
    padding: 1em 0;
}

.capitulos-anteriores-principal {
    width: 100%;
    float: left;
    position: relative;
}




.capitulos-anteriores-listado {
    width:100%;
    float: left;
    position: relative;
    box-sizing: border-box;
}

.capitulos-anteriores-listado article {
    width: 19%;
    float: left;
    position: relative;
    margin-right: 1%;
    margin-bottom: 2.5em;
}

.capitulos-anteriores-listado article img {
    width: 100%;
    margin: auto;
}

.capitulos-anteriores-listado article img:hover {
    opacity: 0.9;
}

.capitulos-anteriores-listado article div {
    width: 100%;
    float: left;
    position: relative;
    border-top: 3px solid #CF5A64;
}

.capitulos-anteriores-listado article p {
    width: 100%;
    float: left;
    position: relative;
    font-size: 0.7em;
    color: #CF5A64;
    font-weight: bolder;
    padding: 0.5em 0;
}

.capitulos-anteriores-listado article h3 {
    width: 100%;
    float: left;
    position: relative;
    font-size: 1em;
    color: #3C3C3B;
    font-weight: bolder;
    padding: 0.2em 0;
}

.video-responsive {
    position: relative;
    margin: 0 auto;
    height: 0;
    padding-bottom: 56.25%;
}

.video-responsive iframe {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    left: 0px;
}


/* Fin Capitulos anteriores */




/* Comienza Programa */


.prog-cont-descripcion a {
    text-align: left;
    float: left;
    position: relative;
    padding: 1em 0 1.7em 0;
    width: 100%;
}

.programa-contenido {
    width: 100%;
    float: left;
    position: relative;
    padding: 1em 0;
    background-color: #000000;
}

.programa-contenido-col-izq {
    float: left;
    position: relative;
    width: 60%;
    box-sizing: border-box;
}

.programa-contenido-col-izq-img img{
    float: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.prog-cont-compartir {
    width: 100%;
    float: left;
    position: relative;
    padding: 1em 0;
    margin-top: 1em
}

.programa-contenido-col-der {
    float: right;
    position: relative;
    width: 40%;
    padding-left: 3%;
    box-sizing: border-box;
}

.programa-contenido-col-der h1{
    float: left;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    font-family: asap;
    text-align: left;
    font-size: 1.5em;
    color: #FFFFFF;
    line-height: 32px;
    padding: 0.8em 0 0.4em 0;
}

.prog-cont-descripcion {
    width: 100%;
    float: left;
    position: relative;
}

.prog-cont-duracion {
    float: left;
    position: relative;
    width: 100%;
    margin-top: 2px;
    font-size: 0.7em;
    color: #FFFFFF;
}

.prog-cont-descripcion-bajada {
    float: left;
    position: relative;
    width: 100%;
    line-height: 22px;
    padding-top: 1.2em;
    color: #FFFFFF;
    font-size: 0.7em;
}

.prog-cont-horarios {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid #c5c5c5;
}

.prog-cont-horarios-titulo {
    width: 100%;
    float: left;
    position: relative;
    padding: 1em 0;
}

.prog-cont-horarios-titulo h2 {
    width: 30%;
    float: left;
    position: relative;
    padding: 0;
}

.prog-cont-horarios-titulo button{
    float: right;
    position: relative;
}

.prog-cont-horarios ul {
    width: 100%;
    float: left;
    text-decoration: none;
    list-style-type: none;
}

.prog-cont-horarios-sub {
    width: 100%;
    float: left;
    position: relative;
}

.prog-cont-horarios-sub h3 {
    width: 20%;
    float: left;
    position: relative;
    padding-bottom: 1em;
    font-size: 0.8em;
    font-weight: bold;
    text-align: center;
}

.prog-cont-horarios-sub-izq {
    text-align: left;
}

.prog-cont-horarios ul li {
    width: 100%;
    float: left;
    position: relative;
    border-top: 1px solid #c5c5c5;
    border-top-style: dashed;
    padding: 1.2em 0;
}

.prog-cont-horarios-dia {
    width: 20%;
    float: left;
    position: relative;
    font-size: 0.8em;
    color: #808080;
}

.prog-cont-horarios-horario {
    width: 20%;
    float: left;
    position: relative;
    font-size: 1em;
    color: #D75F1F;
    text-align: center
}

.prog-cont-horarios-iconos {
    width: 10%;
    float: right;
    position: relative;
}

.prog-cont-horarios-iconos img{
    margin-left: 10%;
    float: right;
}

.prog-cont-capitulos {
    width: 100%;
    min-height: 33%;
    float: left;
    position: relative;
}

.prog-cont-capitulos-titulo {
    width: 100%;
    float: left;
    position: relative;
    padding: 1em 0;
}

.prog-cont-capitulos-titulo h2 {
    width: 30%;
    float: left;
    position: relative;
}

.prog-cont-capitulos-titulo button{
    float: right;
    position: relative;
}

.prog-cont-capitulos img {
    width: 19%;
    margin-right: 0.65%
}


/* Fin Programa */






/* conocenos */


/* conocenos */


.margintop10 {margin-top: 10%;}
.marginright3 {margin-right: 3%;}
.floatleft {position: relative; float: left;}
.floatright {position: relative; float: right;}
.ancho100{width: 100%;}
.ancho77 {width: 77%;}
.ancho70 {width: 70%;}
.ancho60 {width: 60%;}
.ancho50 {width: 50%;}
.ancho45 {width: 45%;}
.ancho35 {width: 35%;}
.ancho30 {width: 30%;}
.ancho20 {width: 20%;}
.margintop-3{ margin-top: -2.5%;}
.margintop-2{ margin-top: -2%;}
.margintop-1 {margin-top: -0.5%;}
.margintop1-5{margin-top: 0.99%;}

.margintop2 {margin-top: 2%;}
.margintop3 {margin-top: 3%;}
.margintop5 {margin-top: 5%;}
.margintop15 {margin-top: 15%}
.marginbottom1{ margin-bottom: 1%;}
.marginbottom3{ margin-bottom: 3%;}
.marginbottom5{ margin-bottom: 5%;}
.marginbottom10{ margin-bottom: 10%;}
.marginbottom15{ margin-bottom: 15%;}

.textocentro {text-align: center;}
.textoleft{text-align: left;}
.texto-agrad  {text-align: center; color: #575353; width: 80%; margin-left: 25%; }
.bloque-agrad {background: #b2adad; height: 31%;}

.alto43 {height: 43%;}
.alto30 {height: 30%;}
.ancho22 {width: 22.75%;}
.ancho100 {width: 100%;}
.marginleft3 {margin-left: 3%;}
.marginleft5 {margin-left: 5%;}
.marginbottom2 {margin-bottom: 2%;}
.marginbottom3 {margin-bottom: 3%;}
.marginleft7 {margin-left: 7%}
.marginleft10 {margin-left: 10%}
.italic {font-style: italic;}
.frase {font-style: italic; font-size: 0.9em; color: #0092A4; line-height: 150%; }
.agradecimientos{ width: 100%; position: relative; float: left; background-image: url(imagenes/back-agrad.png); background-repeat:no-repeat; height: 13em;  margin: 5% 0 0 0; box-sizing: border-box; padding-top: 2%}
.agradecimientos p{ width: 100%; margin: 0% auto; box-sizing: border-box; padding: 4%;}
.detras-de-escena{ position: relative; float: left; height: auto;}
.nubes{ width: 50%; height: 5em; position: absolute; top: -0.5em; left: -2em;}
.nubes img{ position: relative; float: left;}


.frase {font-style: italic; font-size: 0.9em; color: #0092A4; line-height: 150%; }
.agradecimientos{ width: 100%; position: relative; float: left; background-image: url(imagenes/back-agrad.png); background-repeat:no-repeat; height: 13em;  margin: 5% 0 0 0; box-sizing: border-box; padding-top: 2%}
.agradecimientos p{ width: 100%; margin: 0% auto; box-sizing: border-box; padding: 4%;}
.detras-de-escena{ position: relative; float: left; height: auto;}
.nubes{ width: 50%; height: 5em; position: absolute; top: -0.5em; left: -2em;}
.nubes img{ position: relative; float: left;}





.conocenos-seccion{ width: 100%; height: 20em;}
.conocenos-seccion .caja-imagen img{ width: 100%; height: auto;}

.conocenos-seccion-bajada{ width: 60%;}
.detras-de-escena{ width: 
100%; height: auto; position:relative; float: left;}
.integrante-descripcion{ width: 100%; height: 25em; margin-left: 0; padding: 0;}
.integrantes{ margin-top: 5%;}
.integrante-imagen{ width: 100%; height: auto; margin-left: 9%; }

.caja-frase-azul{ width: 40%; height: 29em; }
.ficha-integrante{ margin-top: 5%; width: 100%; height: 12em;}
.integrante-bajada{ width: 100%;}
.integrante-bajada p{ width: 100%; }

.imagen-pasto{ width: 100%; height: auto;}




/* ----------------------------------------FIN SECCIONES ESPECÍFICAS---------------------------------------- */








/* COMIENZA RESPONSIVE */


@media screen and (max-width:500px){
    
    /* Comienza responsive ATRIBUTOS GENERALES */
    
    .contenedor_pagina, section,article, header,.contenedor_header {
        width: 100%;
    }
    
    section {
        margin-bottom: 2%;
    }

    .boton {
        width: 12em;
        height: 3em;
        color: #FFFFFF;
        font-size: 0.8em;
        font-weight: bold;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
        transition: all 300ms;
        display: block;
        margin: 0 auto 0 auto;
    }
    

    
/* Fin responsive ATRIBUTOS GENERALES */
    
    
/* Empieza responsive del HEADER */
    
    header {
        min-height:19.2em;
        background: #FFFFFF;
        margin: auto;
        border-bottom: 2px solid #dedede;
    }

    /*logo*/
    
    .contenedor-logo {
        width: 100%;
    }
    
    #logo {
        position: relative;
        float: left;
        width: 30%;
        margin: 4% 35% 0;
        float: none;
    }
    
    nav {
        position: relative;
        float: left;
        width: 100%;
        margin: 0;
        margin-top: 1em;
        box-sizing: border-box;
        border-top: 1px solid #dedede;
        height: auto;
    }

    header nav ul li {
        display:list-item;
        margin-left: 0;
        text-align: center;
        width: 100%;
        height: 3em;
        padding: 3%;
        border-bottom: 1px solid #dedede;
        box-sizing: border-box;
        font-size: 0.9em;
    }
    
     /*Buscar*/
    
    .contenedor_buscador{ 
        display: none;
    }
    
    .linea_header {
        width: 100%;
        position: absolute;
        z-index: 2;
        top: 307px;
    }
    
    
/* Fin responsive del HEADER */
    


/* Comienza Subi tu contenido*/
    
    
    .aside-home {
        width: 100%;
        min-height: 1em;
    }
    
    .aside-home h2 {
        width: 100%;
        text-align: center;
        font-size: 2em;
        margin: 0 0 5% 0;
        float: left;
        position: relative;
    }
    
    .contenedor-aside {
        height: 8.5em;
    }
    
    .botones-login {
        width: 100%;
        position: relative;
        float: left;
        margin: 0 auto;
        height: auto; 
    }
    
    .boton-ingresar {
        width: 40%;
        margin: 0 5%;
        box-sizing: border-box;
        float: left;
        position: relative;
    }
    
    .contenedor_subidas { display: none;}
    .subidas { display: none;}
    .contenedor_bullets { display: none;}
    .bullets { display: none;}
    
    
/* Fin Responsive de Subi tu contenido */
   
    
    
/* Comienza responsive de Footer */
    
    .linea_footer { 
        width: 100%;
        margin: auto;
        top:-3;
    }
    
    footer {
        height: 380px;
    }
    
    .contenedor_footer {
        width: 100%;
        font-size: 0.9em;
        line-height: 1.75em;
        height: 200px;
    }
    
    .legales { 
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        padding: 2%;
    }
    
     .redes { 
        text-align: center;
        width: 100%;
        height: {50px;}
        box-sizing: border-box;
        padding: 2%;
        margin: 0 auto 0 auto;
    }
    
    .redes h3 { 
        text-align: center;
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        padding: 2%;
        margin: 0;
    }
    
/* Fin responsive de Footer */
    
    
    
    
/* Comienza Responsive del HOME*/
    
    
    .vivo {
        width: 100%;
        min-height: 10em;
    }
    
    .vivo_left{
        width: 100%;
    }
    
    .vivo_left img {
        width: 100%;
    }
    
    .vivo_left h2 {
        font-size: 1.8em;
        width: 20%;
    }
    
    .redes-sociales {
        display:none;
    }
    
    #nosotros {
        min-height: 10em;
        margin: 2% 0 0 0 ;
    }
    
    #nosotros h2 {
        font-size: 2em;
        width: 40%;
    }
    
    #nosotros p {
        width: 100%;
        margin: 0 auto;
        font-size: 0.8em   
    }
    
    #nosotros img {
        width: 100%;
    }
    
    /*Programas destacados*/
    

    #programas_destacados h2 {
        font-weight: bolder;
        width: 230px;
    }

    #programas_destacados p {
        color: #FFFFFF;
        font-size: 12px;
    }

    #programas_destacados article {
        width: 100%;
        min-height: 10em;
        margin-top: 0.5em;
        margin-bottom: 0.5em;;
        margin-left: 0;
        margin-right: 0;
    }
    
    #programas_destacados article img {
        width: 50%;
        float: left;
        position: relative;
    }   

    .destacado-bg {
        display: none;
    }

    .destacado {
        width: 50%;
        position: relative;
        float: left;
        bottom: none;
        z-index: 4;
        padding: 5%;
        box-sizing: border-box;
    }

    .contenedor_bullets {
        display: none;
    }

    
/* Fin Responsive del Home*/
    
    
    
/* Comienza responsive SUBÍ TU CONTENIDO LOGIN */

    .login {
        margin-bottom: 3em;
    }

    .login-izq {
        width: 100%;
        border-right: none;
        min-height: 19em;
        border-bottom: 1px solid #c7c7c7;
    }

    .login-der {
        width: 100%;
        min-height: 27em;
        margin-top: 1.5em;
    }

/* Fin responsive SUBÍ TU CONTENIDO LOGIN */

    
    
    
/* Comienza RESPONSIVE DEL FESTIVAL*/
    
    
    .slider-festival {
        width: 100%;
        height: 20em;
        position: relative;
        float: left;
        height: auto;
    }
     
    .sobre-el-festival {
        width: 100%;
        position: relative;
        float: left;
        height: 20em;
    }
    
    .festival-bajada {
        width: 100%;
        margin: 0 auto 3% auto;
    }
    
    .festival-bajada {
        width: 100%;
        margin: 0 auto 3% auto;
        position: relative;
        float: left;
    }
    
    .festival-bajada p {
        font-size: 0.7em;
        position: relative;
        float: left;
        padding: auto 3%;
    }
    
    .festival-bajada h2 {
        font-size: 1.75em;
        background: #e3e1dd;
        width: 40%;
        margin: 0 auto;
    }
    
     .festival-bajada h4 {
         font-size: 0.75em;
         background: #e3e1dd;
         margin: 2% auto;
     }  
    
     .festival-bajada .boton {
         width: 50%;
         position: relative;
         float: left;
         margin: 3% 25% 5% 25%;
     }
    
    .video-institucional {
        display:none;
    }
    
    .caja-video-institucional {
        display: none;
    }
    
    .noticias-50 {
        position: relative;
        float: left;
        width: 100%;
        height: 18em;
        margin-top: 30%;
    }
    
    .noticias-50 h2 {
        font-size: 1.8em;
    }
    
    .noticia1 .caja-imagen {
        width: 100%;
    }
    .noticia2 .caja-imagen {
        width: 100%;
    }
    
    .videos-destacados {
        width: 100%;
        height: 20em;
    }
    
    .videos-destacados h2 {
        font-size: 1.8em;
    }
    
    .video1 .caja-imagen {
        width: 100%;
    }
    
    .video2 .caja-imagen {
        width: 100%;
    }
    .galeria-100{ margin-bottom: 5%;}
    .galeria-100 h2 {
        font-size: 1.8em;
        width: 40%;
    }
    
    .galeria-100 .caja-imagen {
        width: 100%;
    }
    .galeria-100 .caja-imagen img {
        width: 100%;
    }
    
    
    
    
    .menu-volver{ width: 100%; padding-left: 2% ;}
    
    .banner-festival{ height: 20em;}
    .banner-festival img{ widows: 100%; height: auto;}
    .banner-festival nav{ width: 100%;}
    .banner-festival nav ul li{ width: 100%; height: 3em;}
    .festival-grilla{ width: 100%;}
    .grilla-dia1{ width: 100%; height: 20em; padding-left: 0%; background-image: none; border:solid #DA5A64 0.2em; color: white; background: #DA5A64;}
    .titulo-dia{ font-size: 1em;}
    .titulo-dia p { color: #fff;  font-size: 1.5em; }
    .titulo-dia-izq{ color: #fff;  font-size: 1.5em;}
    .grilla-horarios{width: 100%; margin: 0; font-size: 0.8em; padding: 5%; }
    .caja1{ width: 49%; position: relative; float: left; border-bottom: solid 0.1em #fff;margin-right: 1%}
    .caja1 p{ color: #fff;}
    .grilla-dia2{ width: 100%; height: 20em; padding-left: 0%; background-image: none; background: #6ab9b0; border:solid #50b998 0.2em; margin: 2% 0 5% 0;} 
    .festival-destacados-pie{ display: none;}
    .festival-destacados{ margin: 30% 0 0 0; height: 43em; background: none;}
    .festival-destacados .titulo1{ color: #3C3C3B;}

    .noticias-50{ margin: 0 auto; height: 12em;}
    .noticias-50 .linea{ display: none;}
    .noticia2{ margin-bottom: 0;}
    
    
    
    
/* Fin Reponsive de FESTIVAL*/
    
    
/* Comienza Responsive de QUE ES EL FESTIVAL*/
    
    .festival-que-es {
        height: 45em;
        box-sizing: border-box;
        padding: 5%;
    }
    
    .festival-que-es .linea-rosa {
        width: 100%;
        margin: 0 auto;
    }
    
    .festival-que-es-bajada {
        width: 100%;
        position: relative;
        float: left;
        height: 32em;
        box-sizing: border-box;
    }
   
    .festival-que-es-bajada h2 {
        font-size: 1.75em;
        background: #e3e1dd;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        position: relative;
        float: left;
    }
    .festival-que-es-bajada h3{ text-align: center;}
    
    .festival-que-es-bajada h4 {
        width: 100%;
        text-align: center;
        position: relative;
        float: left;
        text-align: center;
    }
    
    .festival-que-es-bajada p {
        height: 40em;
        box-sizing: border-box;
        text-align: center;
        position: relative;
        float: left;
        margin: 2% auto 15% auto;
    }
     
    .grilla-festival{ height: 40em; position: relative; float: left; margin-top: 25%;}
    .dia1{ width: 100%; box-sizing:border-box; padding: 12% 19%;}
    .dia2{width: 100%; box-sizing:border-box; padding: 12% 19%;}
    .grilla-festival dia1 ul{ width: 100%; height: 20%; box-sizing: content-box;}
    .noticias100{ height: 15em; margin-top: 25%;}
    .noticia25{ width: 45%; height: 5em; position: relative; float: left; margin-left: 3%;}
    
        
    /* Responsive de GALERIA FESTIVAL */   
    
    .caja-imagen-galeria{ width: 44%; margin-left: 2%;}
    .displaynone{ display: none;}
    .boton3 {
    width: 40%;
    height: 2.5em;
    text-decoration: none;
    color: #fff;
    font-size:0.8em;
    text-align: center;
    padding: 0.4em;
    border-radius: 3px;
    border: 0.1em solid #fff;
    transition: all 300ms;
    background: none;
    margin-left: 31%;
    margin-top: 25%;
    box-sizing: border-box;
    position: relative;
    float: left;
    font-weight: 100;
}
.boton3:hover{ }
    
 
/* Fin Responsive de QUE ES EL FESTIVAL */    
    
    
/* Comienza Responsive de NUESTRA PROGRAMACION */
    
    
    .titulo1 {
    margin: 4% 0;
    width: 100%;
    }

    .programacion-linea{
        display: none;
    }

    .programacion-destacados {
        width: 100%;
        min-height: 400px;
    }

    .programacion-destacados-titulo {
        width: 100%;
        min-height: 50px;
        position: relative;
        float: left;
        margin-bottom: 20px;
    }

    .programacion-destacados-titulo h2 {
        text-align: left;
        width: 50%;
        float: left;
        position: relative;
    }

    .programacion-destacados-titulo img {
        display: none;
    }

    .programacion-destacados-titulo div {
        width: 20%;
        margin-top: 1%;
    }

    .programacion-destacado-linea {
        display: none;
    }

    .programacion-destacados article {
        width: 100%;
        margin: 0 0 3% 0;
        min-height: 22%;
        border-bottom: 1px solid #C5C5C5;
    }
    
    .programacion-destacado img {
        width: 53%;
        float: left;
        position: relative;
    }
    
    .programacion-destacado-info {
        width: 43%;
        float: left;
        position: relative;
        margin-left: 4%;
    }
    
    .programacion-destacado-info a {
        font-size: 13px;
    }

    .programacion-destacados article button {
        height: auto;
        padding: 0.6em;
    }
    
    .programacion-envivo {
        max-width: 100%;
        min-height: 180px;
    }

    .programacion-envivo h2 {
        text-align: center;
        width: 100%;
    }

    .programacion-envivo-titulo {
        width: 100%;
        min-height: 30px; 
    }

    .programacion-envivo-titulo img {
        display: none;
    }

    .vivo-left2 {
        margin-top: 4em;
    }
    
    .programacion-horarios {
        width: 100%;
        float: left;
        margin-bottom: 20px;
        margin-top: 1em;
    }
    
     .programacion-horarios ul li {
        padding: 3% 5%;
        margin:0;
    }
    
    .programacion-horarios img {
        width: 14%;
        margin: 0;
    }
    
    .programacion-horario-hora {
        height: auto;
    }

    .programacion-horario-info {
        width: 40%;
        float: left;
        position: relative;
        margin-left: 8%;
    }
    
    .programacion-horarios-titulo div {
        margin: 3px 0px;
    }

    
/* Fin Responsive de NUESTRA PROGRAMACION */
    
    

/* Empieza Responsive HORARIOS */

    .horarios-titulo {
        width: 100%;
        margin-bottom: 10px;
    }
    
    .horarios-titulo h1 {
        text-align: left;
    }
    
    .horarios-titulo h1 {
        text-align: center;
        margin: auto;
    }

    .horarios-filtros {
        width: 100%;
        float: left;
        position: relative;
        margin-top: 0px;
    }

    .horarios-filtros p {
        width: 100%;
        padding: 0 0 4% 0;
        margin: auto;
    }

    .horarios-filtros select {
        width: 100%;
        margin-bottom: 2%;
    }

    .horarios-listado {
        width: 100%;
        float: left;
        position: relative;
        border-top: 1px solid #B2B2B2;
        margin-top: 18px;
        margin-bottom: 20px;
    }

    .horarios-listado h3 {
        color: #808080;
        font-size: 13px;
        font-weight: bolder;
        float: left;
        position: relative;
        margin-top: 25px;
    }

    .horarios-listado-h3-horario {
        width: 21%;
        margin: 0px;
    }

    .horarios-listado-h3-programa {
        width: 79%;
        margin: 0px;
    }

    .horarios-listado-h3-duracion {
        display: none;
    }

    .horarios-listado-h3-descripcion {
        display: none;
    }

    .horarios-listado ul li {
        height: 150px;
        padding: 20px 0px;
    }

    .horarios-listado-hora {
        width: 20%;
    }

    .horarios-listado-programa {
        width: 80%;
    }

    .horarios-listado-programa-caja-img {
        float: left;
        position: relative;
        margin: auto 15px auto auto;
    }

    .horarios-listado-duracion {
        width: 66%;
        margin-left: 34%;
        height: 20px;
    }

    .horarios-listado-duracion p {
        font-size: 14px;
        margin-top: 0px;
    }

    .horarios-listado-descripcion {
        width: 66%;
        margin-left: 34%;
    }

    .horarios-listado-descripcion p {
        font-size: 14px;
        margin: auto;
    }

    .horarios-listado-iconos {
        width: 66%;
        margin-left: 34%;
        padding-left: 0px;
        margin-top: 1em;
    }

    .horarios-listado-iconos-icono {
        margin-right: 10px;
        float: left;
    }

    /* Fin Responsive HORARIOS */

    
    /* Empieza Responsive PROGRAMA */


    .programa-contenido {
        padding: 0 0 1em 0;
    }

    .programa-contenido-col-izq {
        width: 100%;
    }

    .programa-contenido-col-der {
        width: 100%;
        padding: 0 5%;
    }
    
    .prog-cont-horarios-sub {
        display: none;
    }

    .prog-cont-horarios-horario {
        width: 60%;
    }

    .prog-cont-horarios-iconos {
        width: 20%;
    }

    .prog-cont-capitulos-titulo h2 {
        width: 50%;
    }

    .prog-cont-capitulos img {
        width: 48.5%;
    }
    
    .ocultar {
     display: none;
    }

    /* Fin Responsive PROGRAMA */
    
    
    
    /* Comienza Responsive CAPITULOS ANTERIORES */


    .prog-cont-capitulos-titulo h1 {
        width: 100%;
        text-align: center;
    }

    .prog-cont-capitulos-titulo a {
        display: none;
    }

    .capitulos-anteriores-listado article {
        width: 49%;
        margin-bottom: 1.5em;
    }

    
    /* Fin Responsive CAPITULOS ANTERIORES */
    
    
    /* Comienza Responsive PROGRAMAS */

    .programas-titulo {
        width: 100%;
    }

    .programas-titulo h1 {
        text-align: center;
    }

    .caja-programas-filtros {
        width: 100%;
    }

    .caja-programas-filtros p {
        width: 100%;
    }

    .caja-programas-filtros select {
        margin-left: 0;
        width: 100%;
    }

    

    .programas-grande article {
        width: 100%;
        margin: 0;
    }

    .programas-listado-programa {
        height: 35.5%;
        padding: 40% 4% 1.5% 4%;
        margin: auto;
    }

    .programas-chico article {
        width: 48%;
        margin: 1% 1%;  
    }

    .programas-listado-programa-chico {
        padding: 27% 6% 1% 6%;
    }

    .programas-destacados-titulo {
        padding: 5% 1% 6% 1%;
    }

    .programas-destacados-titulo h2 {
        width: 78.5%;
    }
    
    .programas-destacados-titulo img {
        display: none;
    }

    .programas-destacados article {
        width: 48%;
        margin: 1% 1%;
    }

    .programas-destacados article h3{
        line-height: 22px;
        min-height: 3em;
    }
    
    .programas-destacado-info {
        min-height: 7em;
    }

/* Fin Responsive Programas */
    
    
    
    
/* Comienza Responsive Contactanos */


    .hace-tu-consulta {
        width: 100%;
    }

    .contenedor-enviar {
        width: 100%;
        box-sizing: border-box;
        padding: 0 35%;
    }

    .contenedor-enviar button {
        width: 100%;
    }

    .datos-contacto {
        width: 100%;
        min-height: 37em;
    }

    .datos-contacto h2 {
        width: 100%;
        text-align: center;
        margin-top: 0.5em;
    }

    .datos-contacto img {
        float: left;
        position: relative;
        padding: 0 45%;
    }

    .datos-contacto p {
        width: 100%;
        text-align: center;
    }

    .queres-ser-parte p {
        box-sizing: border-box;
    }
    
    .conocenos-seccion-f-bajada {
        width: 100%;
}
    .integrantes {
        height: 27em;
    }
    
    .agradecimientos {
        height: 18em;
    }
    
    
    
    .integrantes{ width: 100%; height: 20em;}
    .integrante1{ width: 40%; position: relative; height: 17em; float: left;margin: 0 2% 0 5%}
    .agradecimientos{ height: 20em;}
    .integrante-imagen{ width: 100%; height: auto; margin-left: 0%; }
    .caja-frase-azul{ width: 100%; height: 22em ;position: relative; float: left; padding-left: 5%; padding-right: 5%;margin-top: 10%;}
    .ficha-integrante{ width: 100%; height: 15em; margin-top: 10%; border-top: solid 0.1em #7A7A7A;}
    .integrante-bajada{ width: 100%;}
    .integrante-bajada p{ width: 100%; }
  

    
    
    
    
    

/* Fin Responsive Contactanos */

    
    
}


@media screen and (max-width:940px){
       .vivo .redes-sociales {
        display:none;
    }
    .vivo{ max-height: 16em;}
    .vivo_left{ max-width: 100%; }
    
}

/* FIN RESPONSIVE */