* {margin: 0; padding: 0;}

body {font-family: lucida sans; background: #dfddd4;}

header {width: 100%;
    height: 100px;
    background: #FFFFFF;
}

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

#logo {position: relative;
    float: left;
    margin-right: 25px;
}

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

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

header nav ul li {list-style-type: none;
    display: inline;
    font-size: 13px;
    font-weight: bold;
    margin-left: 18px;
    text-align: center;
}

header nav ul li a {text-decoration: none;}

.menu_festival {color: #479458;}
.menu_festival:hover {border-bottom: 2px solid #479458;}
.menu_conocenos {color: #416069;}
.menu_conocenos:hover {border-bottom: 2px solid #416069;}
.menu_nuestraprogramacion {color: #dc5654;}
.menu_nuestraprogramacion:hover {border-bottom: 2px solid #dc5654;}
.menu_contactanos {color: #dd783b;}
.menu_contactanos:hover {border-bottom: 2px solid #dd783b;}


.buscador{width: 20%;
    height: 32px;
    position: relative;
    float: right;
    border: 1px solid #bdbdbd;
    border-radius: 2px;
    margin: 18px 0;
    padding: 7px;
    font-size: 12px;
    color: #808080;
    box-sizing: border-box;
}

.lupa {position: relative;
    float: right;
}




main {width: 100%; background: #dfddd4;}

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

.vivo_h2 {position: absolute; margin-top: 20px;margin-left: 20px; width: 100px;}

#vivo {background-color: #dfddd4; height: 460px;}
#nosotros {height: 435px; position: relative; float: left; width: 100%;}
#nosotros a {margin: 20px auto;}
#noticias {height: 480px; width: 48%; position: relative; float: left; margin: 25px 0;}
#festival {height: 480px; width: 48%; position: relative; float: right; margin: 25px 0;}

#noticias article {position: relative; float: left; margin: 12px 0;}
#noticias p {font-size: 13px; color: #6f6f6e; line-height: 22px; margin-bottom: 20px;}
#noticias h4 {color: #416069;}
.noticia_img {width: 40%; position: relative; float: left;}
.noticia {width: 55%; position: relative; float: right; padding-right: 5px; box-sizing: border-box;}


.vivo_left {min-width: 70%; margin: 25px 0; position: relative; float: left;}
.vivo_right {min-width: 24%; margin: 25px 0; position: relative; float: right; height: 400px;}

.prog_anterior {height: 70px; background: #3c3c3b; padding: 15px; box-sizing: border-box; border-radius: 3px 3px 0 0;}
#estas_viendo {height: 260px; background: #FFFFFF; padding: 15px; box-sizing: border-box; border-top: 3px solid #dc5654;}
#estas_viendo a {width: 0 auto 0 auto; display: block;}
.prog_posterior {height: 70px; background: #3c3c3b; padding: 15px; box-sizing: border-box; border-radius: 0 0 3px 3px;}

.vivo_flecha_arriba {position: absolute; top: 45px; right: 10px;}
.vivo_flecha_abajo {position: absolute; top: 340px; right: 10px;}

.vivo_subtitulo {font-size: 12px; color: #959595; font-weight: bold;}
.vivo_horario {font-size: 12px; color: #808080; line-height: 15px; margin: 10px 0;}

h2 {font-size: 24px; text-align: center; color: #FFFFFF; font-weight: normal; width: 335px;}
h3 {font-size: 17px; font-weight: bold; color: #3c3c3b; line-height: 24px; margin: 12px 0;}
h4 {font-size: 12px; color: #dc5654; font-weight: bold;}

.h2_festival {background-color: #dfddd4; padding: 8px 0; margin: 0 auto 15 auto; color: #479458}
.h2_conocenos {background-color: #dfddd4; padding: 8px 0; margin: 0 auto 15 auto; color: #416069 ;}
.h2_programacion {background-color: #dfddd4; padding: 8px 0; margin: 0 auto 15 auto; color: #dc5654;}
.h2_contactanos {background-color: #dfddd4; padding: 8px 0; margin: 0 auto 15 auto; color: #dd783b;}

.linea_verde { z-index: -1; border: solid 1px; color: #479458 ; position: absolute; top: 21px; width: 100%; border-style: dashed;}
.linea_azul { z-index: -1; border: solid 1px; color: #416069 ; position: absolute; top: 21px; width: 100%; border-style: dashed;}
.linea_rojo { z-index: -1; border: solid 1px; color: #dc5654 ; position: absolute; top: 21px; width: 100%; border-style: dashed;}
.linea_naranja { z-index: -1; border: solid 1px; color: #dd783b ; position: absolute; top: 21px; width: 100%; border-style: dashed;}

.vivo_text {font-size: 13px; color: #6f6f6e; line-height: 22px; margin-bottom: 20px;}

.boton {background: #77a79b; border-radius: 3px; width: 200px; height: 42px; color: #FFFFFF; font-size: 15px; font-weight: bold; padding: 10px; box-sizing: border-box; text-align: center; transition: all 300ms; display: block; margin: 0 auto 0 auto;}
.boton:hover {background: #59897c; transition: all 300ms;}

.boton_chico {background: #77a79b; border-radius: 3px; width: 90px; height: 32px; color: #FFFFFF; font-size: 13px; font-weight: bold; padding: 7px; box-sizing: border-box; text-align: center; transition: all 300ms;}
.boton_chico:hover {background: #59897c;}

.nosotros_text {text-align: center; color: #6f6f6e; line-height: 28px; margin: 0px 100px;}

#ayudanos p {font-size: 15px; color: #6f6f6e; line-height: 22px; margin-bottom: 20px; text-align: center; position: relative; float: left;}
#ayudanos {float: left; position: relative; border: solid 1px; color: #C4BCB3; border-style: dashed; width: 100%; margin-top: 20px; padding: 15px; box-sizing: border-box;}
#ayudanos a {text-align: center; float: left; position: relative; margin: 0 auto 0 auto; width: 100%;}
#ayudanos h2 {margin-bottom: 10px; float: left; position: relative; width: 100%;}


#programas_destacados {width: 100%; height: 550px; position: relative; float: left; margin: 15px 0 0 0;}
.programas_destacados_article {width: 32%; height: 410px; position: relative; float: left; box-sizing: border-box; border-radius: 0 0 3px 3px; margin-top: 10px; margin-bottom: 20px; background-color: #FFFFFF; margin-left: 0.6%; margin-right: 0.6%; overflow: hidden;}
.destacado {border-top: 3px solid #dc5654; 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;}


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


footer {min-width: 100%; background: #3c3c3b; height: 190px;}
.contenedor_footer {width: 960px; margin: 0 auto 0 auto;}
.legales {width: 65%; position: relative; float: left;}
.text_footer {font-size: 12px; color: #6f6f6e; line-height: 21px; margin-top: 10px;}
.redes {width: 25%; position: relative; float: right;}
.titulos_footer {font-size: 13px; color: #6f6f6e; font-weight: bolder; margin-top: 23px;}
footer article img {margin-top: 10px; }

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