*{margin: 0; padding: 0;}
body{margin: 0 auto; background: #eaeaea; width: 100%;}



/* header */

header {width: 100%;height: 117px; background-image: url(imagenes/background_header.png);}
.wall_header {margin: 5px; position:relative; float: left;}
.elementos_derecha {margin: 15px; margin-right: 10%; position: relative; float: right; display: block;}
.redes_header {background: rgba(26, 52, 87, 0); margin-top: 1px; margin-right: 1px; position: relative; float: right; display: block;}
.img_redes {position: relative; float: right;}
.seguinos_redes_header {margin: 5px; font-family: sans-serif; font-size: 13px; color:#fff;position: relative; float: left;}
.fb_header { margin-left: 5px; position: relative; float: right;}
.yt_header {position: relative; float: right;}
.buscador_header {background: rgba(26, 52, 87, 0); position: relative; float: right;}
nav {background: rgba(26, 52, 87, 0);height: 10px;font-family: sans-serif; font-size: 12px; position: relative; float: right;}
nav ul {list-style-type: none;}
nav ul li {display: inline; margin-left: 5px; }
nav ul li a { text-decoration: none; color: #fff; font-size: 13px; margin-left: 3px;}

#bt_wall_kintun {border-bottom: 1px solid #f4506c;}
#bt_programacion {border-bottom: 1px solid #44748e;}
#bt_novedades {border-bottom: 1px solid #e99134;}
#bt_agenda {border-bottom: 1px solid #4aaf71;}
#bt_debate {border-bottom: 1px solid #dddb3a;}
#bt_contacto{border-bottom: 1px solid #61e4f4;}


/* cuadro central */
main {background: #fff; width: 80%; margin: 0 auto;}

.vivo{align-content: center; background-image: url(imagenes/background_vivo.png);  width: 100%; height: 44px;}

/* contenido */
.contenido{width: 80%; margin: 0 auto;}
.txt_vivo {font-family: 'Open Sans', sans-serif; font-size: 25px; color: #fff;text-align:center;}

/* noticias */
.noticia {width: 100%; height: 260px; margin: 0 auto; box-sizing: border-box;}
.titulo {width: 100%; height: 65px;}
.titulo_noticia {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #e99134;margin-top: 10px; width: 100%; box-sizing: border-box;}
.contenido_noticia {width: 100%; max-height:195px; margin: 0 auto; align-content: center;}
.img_noticia {width: 40%; position: relative; float: left;box-sizing: border-box;margin: 0;}
.img_noticia_porc {width: 115%;}
.txt_noticia {width: 40%; position: relative; float:left; font-family: 'Open Sans', sans-serif; font-size: 16px; box-sizing: border-box; margin-left: 13%; color: #545454;}
.separador_colores {box-sizing: border-box; margin: 0;}
.separador_nota {background: #545454; width:100%; height: 1px; margin: 5px;}
.boton_fondo {position: relative; float: right; background: #a7a7a7;width: 60px; height: 20px; border-radius: 5px;}


/* Separacion elemtenos header */
.separador_de_elementos {clear: both; width: 100%; height: 10px;}

/* Separacion seccion */
.separador_de_secciones {clear: both; width: 100%; height: 10px; margin: 2%;}

/* programacion */
.programacion {width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0;}
.titulo_programacion {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #44748e;margin-top: 10px; width: 100%; box-sizing: border-box;}

/* Articles programas */
.programa1 {width: 25%; margin-right: 5; box-sizing: border-box; position: relative; float: left; text-align: center; padding-left: 2%; padding-right: 2%;}
.img_prog1 {width: 80%}
.programa2 {width: 25%; margin-left: 5; box-sizing: border-box; position: relative; float: left; text-align: center; padding-left: 2%; padding-right: 2%;}
.programa3 {width: 25%; margin-left: 5; box-sizing: border-box; position: relative; float: left;text-align: center; padding-left: 2%; padding-right: 2%;}
.programa4 {width: 25%; margin-left: 5; box-sizing: border-box; position: relative; float: left; text-align: center; padding-left: 2%; padding-right: 2%;}
.nombre_programas {font-family: 'Open Sans', sans-serif; font-size: 12px; color: #545454;}
.descripcion_prog {font-family: 'Open Sans', sans-serif; font-size: 10px; color: #545454; padding-left: 5%;}
.ver_programa {position: absolute; top: 160px; right: 0px; background: #416f88;width: 60px; height: 20px; border-radius: 5px;}

.txt_boton_programa {color: #fff; font-family: sans-serif; font-size: 13px; margin-top: 5%; margin-bottom: 5%; margin-right: 5%; margin-left: 7%;}

.en_vivo { background: #ee3656; width: 30%; position: absolute; top: 5px; right: 5px;}
.txt_en_vivo { font-family: sans-serif; font-size: 14px; color: #fff; margin-left: 5%; margin-right: 5%;}


/* Agenda */

.agenda {width: 100%; margin-top: 10px; box-sizing: border-box;}
.titulo_agenda {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #4aaf71;margin-top: 40px; width: 100%; box-sizing: border-box;}

/* Festivales */

.festival {width: 40%; position: relative; float:left; text-align: center;margin-left: 10px;}
.img_festival {width: 50%; position: relative; float:left;}
.festival_cine {width: 100%;}
.txt_festival {width: 50%; position: relative; float:left; box-sizing: border-box;}
.descripcion_agenda {font-family: 'Open Sans', sans-serif; font-size: 10px; color: #545454; padding-left: 5%; text-align: left;}
.destacado { width: 25%; background: #4aaf71; position: absolute; bottom: -10px; right: 30px;}
.txt_destacado { font-family: sans-serif; font-size: 12px; color: #fff; box-sizing: border-box; text-align: center;}
.nombre_agenda {font-family: 'Open Sans', sans-serif; font-size: 12px; color: #545454; text-align: left; padding-left: 5%;}



/* Marchas */
.marchas  {width: 40%; position: relative; float:left; margin-left: 12%; box-sizing: border-box; }
.img_marchas {width: 50%; position: relative; float:left;}
.txt_marchas {width: 50%; position: relative; float:left;}

/* INFO Secundaria */

.pueblos_debate { width: 75%; position: relative; float:left; }


/* Pueblos */
.titulo_pueblos {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #f4506c;margin-top: 10px; width: 100%; box-sizing: border-box;}
.txt_pueblo {width: 95%; font-family: 'Open Sans', sans-serif; font-size: 16px; box-sizing: border-box; color: #545454; text-align: center; box-sizing: border-box;}
.img_pueblo {width: 99%; box-sizing: border-box;margin-top: -10px;}


/* debate */
.titulo_debate {font-family: 'Open Sans', sans-serif; font-size: 18px; color: #dddb3a;margin-top: -10px; width: 100%; box-sizing: border-box;}
.dejar_comentario{font-family: 'Open Sans', sans-serif; font-size: 14px; color: #545454; width: 80%;margin-bottom: 10px; margin-top: -20px;}
.separador_debate {background: #545454; width: 80%; height: 1px; margin-bottom: 10px;margin-top: 10px;}
.img_comentario {position: relative; float: left; margin-right: 8px;}
.nombre_comentario {font-family: 'Open Sans', sans-serif; font-size: 10px; color: #274582;padding-left: 10px;}
.txt_comentario { width: 90%; font-family: sans-serif; font-size: 10px; color: #545454;margin-left: 10px;}

.comentar {background: #efefef; width: 85%; height: 100px;text-align: center; border-radius: 5px; margin-top: -20px;}
.perfil {margin-left: 30px; margin-top: 3px;padding-top: 18px;}
.img_comentar {position: relative; float: left;width: 10%;}
.espacio_comentar {width: 90%; background: #c5c5c5; height: 52px; text-align: center;}
.boton_fondo_comentar {position: absolute; bottom: -5px; right:150px; background: #a7a7a7;width: 60px; height: 20px; border-radius: 5px;}
.txt_boton {color: #fff; font-family: sans-serif; font-size: 13px; margin-top: 5%; margin-bottom: 5%; margin-right: 5%; margin-left: 7%;}



/* facebook */
.facebook {width: 25%; position: relative; float:left; margin-top: 55px;}
.fb_wall {width: 100%; height: 15px; background: #9f9f9f;}
.titulo_posteos {font-family: 'Open Sans', sans-serif; font-size: 13px; color: #fff; position: relative; float: left;}
.fb_gris {position: relative; float: right;}
.fin_fb {background: #9f9f9f;align-content: center;}
.logo_fb_fin {align-content: center;}
.posteo {font-family: 'Open Sans', sans-serif; font-size: 13px; color: #545454; }
.separador_facebook {width: 100%; height: 1px; background: #545454;}


/* Redes */
.redes {width: 100%; height: 50px; margin-left: 300px;}
.seguinos_redes { font-family: sans-serif; font-size: 13px; color:#545454;position: relative; float: left;}
.logos_redes {position: relative; float: left;}


/* Facebook */
.titulo_posteos{box-sizing: border-box; padding-left: 5px;}
.fb_gris {box-sizing: border-box; padding-right: 5px;}
.post1 {box-sizing: border-box; padding-top: 10px; padding-bottom: 8px;margin-top: 2px; margin-bottom: 2px;}
.post2 {box-sizing: border-box; padding-top: 10px; padding-bottom: 8px;margin-top: 2px; margin-bottom: 2px;}
.post3 {box-sizing: border-box; padding-top: 10px; padding-bottom: 8px;margin-top: 2px; margin-bottom: 2px;}
.post4 {box-sizing: border-box; padding-top: 10px; padding-bottom: 8px;margin-top: 2px; margin-bottom: 2px;}
.fin_fb{text-align: center; box-sizing: border-box; padding-top: 3px;}

/* footer */
footer { width: 100%; height: 100px; background-image: url(imagenes/background_footer.png);}
.logo_footer {width: 15%; position: relative; float: left;margin-top: 10px;}
.botonera_footer { width: 85%; background: rgba(26, 52, 87, 0);height: 15px;font-family: sans-serif; font-size: 12px; position: relative; float: left;}

.botonera_footer ul { width: 14%; position: relative; float: left; margin-top: 15px; list-style-type: none;}

.titulo_boton { color: #fff; font-family: sans-serif; font-size: 13px;margin-bottom: 5px;}

.botonera_footer ul li a { text-decoration: none; color: #fff; margin-bottom: 2px;}