*{margin: 0; padding: 0;}


#clear {clear: both;}
.mas a{ color: #FFC715;list-style-type: none;text-decoration: none;}
.mas a:hover { color: #000;}
a {color:#ffc900;text-decoration:none;}
a:hover { color: #000;}
html {font-size: 100%;}
body {font-family:"Open Sans",sans-serif;font-size: 13px;background-image: url(img/pw_pattern.png)} 
h1 {font-family:"Oswald",sans-serif;font-size:4em;}
h2{font-family: 'Oswald', sans-serif;font-size: 22px;font-weight:700;}
h3 {font-family:"Open Sans",sans-serif;font-size: 15px;color: #448ABE;}
h4 {font-family:"Open Sans",sans-serif;font-size: 12px;color: #FFC715 ;font-weight:500;background: #000;padding-left: 5px;width:40%;margin-top: 1%;}
h5{font-family: 'Oswald', sans-serif;font-size: 30px;font-weight:700;color:#448ABE;}
header {border-bottom: #6f6f6f;width: 100%;height: 50px;background: #000;position: fixed;z-index: 99;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display:block;}
.img_ancho{width: 100%}

/*MENÚ*/ 
.navegacion {width: 100%;z-index: 1;}
.logo-vilo {width: 15%;position: relative;float:left;margin-left: 2%;}

/*MENÚ*/

/*Strip the ul of padding and list styling*/
.contenedor_menu{width: 60%;float: right;} 
ul {list-style-type:none;margin:0;padding:0;position: absolute;}

/*Create a horizontal list with spacing*/
li {display:inline-block;float: left;margin-right: 1px;}

/*Style for menu links*/
li a {display:block;min-width:140px;height: 50px;text-align: center;line-height: 50px;font-family: "Open Sans", Helvetica, Arial, sans-serif;
    color: #fff;background: #000;text-decoration: none;}

/*Hover state for top level links*/
li:hover a {background: #E31E50 ;}

/*Style for dropdown links*/
li:hover ul a {background:#feeb1d;color: #2f3036;height: 40px;line-height: 40px;}

/*Hover state for dropdown links*/
li:hover ul a:hover {background: #E31E50;color: #fff;}

/*Hide dropdown links until they are needed*/
li ul {display: none;}

/*Make dropdown links vertical*/
li ul li {display: block;float: none;}

/*Prevent text wrapping*/
li ul li a {width: auto;min-width: 100px;padding: 0 20px;}

/*Display the dropdown on hover*/
ul li a:hover + .hidden, .hidden:hover {display: block;}

/*Style 'show menu' label button and hide it by default*/
.show-menu {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;text-decoration: none;color: #fff;background: #11eded;text-align: center;
    padding: 17px 0;display: none;}

/*Hide checkbox*/
input[type=checkbox]{display: none;}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{display: block;}

/*GALERÍA DE IMÁGENES*/
.contenedor-img {height: 600px;}
.titulo-metrobus {position: absolute;z-index: 98;top: 215px;left: 15px;background-color: rgba(16, 16, 16, 0.80);padding: 10px;}
.titulo-actividades {position: absolute;z-index: 98;top: 215px;left: 690px;background-color: rgba(16, 16, 16, 0.80);padding: 10px;}
.titulo-bandas {position: absolute;z-index: 98;top: 170px;left:20px;background-color: rgba(16, 16, 16, 0.80);padding: 10px;}
.titulo-platense {position: absolute;z-index: 98;top: 170px;
left: 10px;background-color: rgba(16, 16, 16, 0.80);padding: 10px;}
.titulo-festividades {position: absolute;z-index: 98;top: 170px;
left: 10px;background-color: rgba(16, 16, 16, 0.80);padding: 10px;}
.titulo-txt {color: #ffc900;}
.bajadita {color: white}
.titulo-txt:hover {color: aquamarine;transition: 0.2s;}
.imagenes1 { margin: 0;padding: 0;position: relative;float: left;width: 100%;height: 300px;}
.metrobus {position: relative;float: left;width: 657px;z-index: 1;margin-right: 10px;}
.actividades { float: left;width: 30%;}
.imagenes2 { float: left;width: 130%;height: 200px;}
.imagenes-2 {float: left;padding: 7px 7px 0 0;position: relative;}

/*GALERÍA COMPLETO*/
.galeria1 { position: relative;float: left;width: 33%}
.imagenes-chicas {width: 33%;float:left;box-sizing: border-box;}
.titulo-galeria {position: absolute;z-index: 98;background-color: rgba(255, 201, 0, 0.74);padding: 5px;top: 135px;left: 10px;font-size: 8px; 
    font-weight: 200;display: none;}
.imagenes-chicas: hover {color: rgba(0, 0, 0, 0.65);}
.boton-back {position: relative;float: left;width: 80px;background-color: rgba(0, 0, 0, 0.85);padding: 5px 5px 5px 15px;}
.boton-back-txt {color:white;}
.hover-back:hover {color: aquamarine}

/*PROGRAMACIÓN*/
.cont-programas {width: 100%}
.caja-programa {float:left;margin: 0px 10px 3px 0px;width: 32%;position: relative;box-sizing: border-box;transition: 0.2s;z-index: 97;}
.titulo-caja {position: absolute;display: block;margin: 120px 0 0px 15px;z-index: 98;background-color: rgba(0, 0, 0, 0.75);padding: 10px; 
    font-size: 50px;}
.titulo-caja:hover {color: aquamarine;}
.imagen-programa { -webkit-filter: grayscale(100%)}
.imagen-programa:hover {-webkit-filter: grayscale(0%);transition: 0.2s;}
.boton-back-home {position: relative;float: left;width: 97%;background-color: rgba(0, 0, 0, 0.85);padding: 5px 5px 5px 15px;}

/*DETALLE BANDAS*/
.banner-banda {float: left;width:100%;position: relative;}

/*MENÚ GRILLA*/
.contenedor_menu_grilla{}
li.grilla {display:inline-block;float: left;margin-right: 1px;}

/*Style for menu links*/
li.grilla a {display:block;min-width:140px;height: 50px;text-align: center;line-height: 50px;font-family: "Open Sans", Helvetica, Arial, sans-serif;color: #000;background: #FFC900;text-decoration: none;}
li.grilla:hover a {background: #000;color:#FFC900;}
li.grilla_active a{background: #E31E50;color:#FFC900;}
li.grilla_active:hover a{background: #000;color:#FFC900;}

/*Make dropdown links vertical*/
li.grilla ul li {display: block;float: none;}

/*Prevent text wrapping*/
li.grilla ul li a {width: auto;min-width: 100px;padding: 0 20px;}
.mobile{display: none;}

/*MENÚ PAGINACIÓN*/
.paginacion ul.paginacion_cuadrado  li.pagina .active {background:#037E8C;font-weight:bold;}

/*MAIN*/
main {width: 100%}
#contenedor {max-width:980px;margin: 0 auto;padding-top: 5%;}
.mas{float: right;margin-top: 2em;}
.mas_info{text-align: center;font-size: 1.3em;color: rgb(0, 0, 0);}
.mas_hover{font-size: 1.4em;font-weight: 700;}
.info{float: left;font-size: 1em;}
.subir {width: 70px;height: 70px;position: fixed;z-index: 99;background: #ffc900;margin: 500px 1000px;}
.cabecera{border-bottom: 2px solid #000;max-width: 980px;margin: 1em 0 1em 0;padding: 0 0 5px 5px;}

/*BANNER*/
.baner {margin: 0px auto;height:30em;z-index: -99;margin-top: 12%;}
.sesion {float: right;margin-top: 5%;}
.titulo2_clima{position: relative;float: left;text-align: left;height: 30px;text-transform: uppercase;}
.flecha {padding: 4px;}
.titulo2{position: relative;float: left;text-align: left;height: 30px;text-transform: uppercase;}
.contenido_dos {width: 66%;position: relative;float: left;margin-top: 3%;border: 1px dotted;}
.nuestros_programas {padding: 10px;margin-bottom: 20px;}
.tus_comentarios {margin-top: 10px;}
.noticias {width: 100%;}

/*BUSCADOR+MAPA DE SITIO+INICIO DE SESIÓN*/
.sesion {position: relative;float: right;margin-top: 7%;min-width: 10em;margin-right: -106px;height: 35px;box-sizing: border-box;margin: 28px 5px;padding: 0.3%;text-decoration: none;text-align: center;border: 1px dotted #000000;border-radius: 2px;padding-top: 0.6%;}
.sesion_buscador {position: relative;float: left; width: 20em;margin-right: -106px;height: 35px;box-sizing: border-box;margin: 18px 5px;
    padding: 0.3%;text-decoration: none;text-align: center;padding-top: 0.6%;}
.buscador{width: 100%;border-radius: 2px;padding: 0.5em;box-sizing: border-box;}
    iniciar_sesion_h4:hover {color: #ffffff ;background: #ffffff}
.iniciar_sesion_h4 {font-family:"Open Sans",sans-serif;font-size: 12px;color: #FFC715 ;font-weight:500;background: #ffffff;padding-left: 5px;
    width:40%;margin-top: 1%;}

/*EN VIVO*/
.ahora-vivo {width: 100%;margin: 0;padding: 0px;}
.banner-vivo {width: 66%;position: relative;float: left;}
.estasviendo {width: 100%;float:left;margin-top: 4%;}
.texto-vivo {padding-top: 10px;padding-bottom: 11px}
.vivo {width: 30%;position: relative;float: left;margin-top: 20px;padding-left: 30px;margin-bottom: 40px;}
.slider-programas {width: 30%;position: relative;float: left;margin-top: 15px;padding-left 30px;}

/*HOY*/ 
.noticia_principal {position: relative;float: left;width: 90%;margin: 5px 25px;}
.texto_hoy {float: left;position: relative;width: 60%;}
.texto {padding-left: 2em;padding-right: 1em;text-align: justify;}
.detalle_publicacion {background: #F45467 none repeat scroll 0% 0%;width: 80%;float: left;color: #FFF;font-size: 12px;text-align: center;}
.hora {width:38%;padding: 1.2%;position: relative;float: left;}

/*NOTICIAS SECUNDARIAS*/
.secundarias { width: 100%;}
.noticia_secundaria { position: relative;float: left;border: 1px solid #8C8C8C;width: 44%;box-sizing: border-box;display: block;margin-left: 4%;
    margin-bottom: 4%;overflow: hidden;}
.img_hoy {position: relative;float: left;width:100%;max-width: 210px;}
.texto_secundaria {width: 90%;margin: 0 auto;}
.texto2{padding: 1em;}
.detalle_publicacion2 {background: #e12853;width:100%;float: left;box-sizing: border-box;}
.hora2{padding: 10px;position: relative;float: left;color: #fff;font-size: 10px;width: 50%;}
.compartir2{padding: 10px;position: relative;float: left;color: #FFF;font-size: 10px;width: 23%;}
.ver2{background: #1AB8BA none repeat scroll 0% 0%;width: 20%;float: right;padding: 10px 10px 14px;color: #fff;font-size: 8px;}
.datos{width: 30%;position: relative;float: left;margin-top: 2.8em;margin-left: 2%;}

/*CLIMA*/  
.clima {width: 100%;position: relative;float: left;height: 17em;margin-bottom: 2em;color: #fff;margin-top: 20px;}
.subclima {width: 100%;margin-top: 3%;}
.grados {color: #FFFCBC;font-size: 5em;font-weight: 700;padding: 5%;font-family: 'Oswald', sans-serif;}
.titulo_clima {text-align: center;text-transform: uppercase;color: #fff;font-size: 18px;background-color: #3CB9CE;
    margin-bottom: 10px;width: 100%;}
.textosubclima {color: #fff;font-size: 12px;font-weight: 700;padding: 1em;}
.vecinos{width: 90%;height: 25em;}

/*COMENTARIO*/ 
.comentario_vecino {height: 10.8em;position: relative;float: right;width: 100%;}
.compartir {}
.contenedor_comentario {margin-left: 20px;}
.icono {position: absolute;left: -5px;top: 30px;width:100%;max-width: 210px;}
#texto_vecino {margin: 30px 30px 30px 70px;border-left: 3px solid #00FBFF;padding-left: 10px;width: 67%;height: 7em;}
.usuario {color: #FFC715;font-weight: 700;}
.redes-sociales {clear: both;width: 980px;padding-top: 20px;margin: 0 auto;padding-left: 18%;}
.icon_social {position: relative;float: left;padding: 1.3%;}
.iconos_redes {margin: 0 auto;}
.titulo_redes {}

/*FOOTER*/
footer {width: 100%;background: #222 none repeat scroll 0% 0%;border-top: 3px solid #FFC715;color: #fff;clear: both;height: 26em;text-decoration: none;}
.contenedor_footer {max-width: 980px;margin: 20px auto 0px;min-height: 12em;}
.logofuter {max-width: 960px;min-height: 75px;display: block;margin-top: 10px;margin-bottom: 20px;padding-bottom: 15px;border-bottom: 5px solid #404040;}
.logofuterimg {width: 20%;display: inline-block;margin-top: 10px;position: relative;float: left;}
.legales {width: 80%;position: relative;font-size:0.8em;float:left;line-height:1.4em;margin-top: 26px;font-family:"Open Sans",sans-serif;}
.nosotros {float: left;width: 21.19%;padding-left: 2.76%;margin-left: 2%;box-sizing: border-box;border-left: 1px solid #404040;}
.nosotrostexto {font-size: 0.8em;}
.one-col-footer {float: left;width: 45%;padding-left: 2.76%;margin-left: 2%;box-sizing: border-box;border-left: 1px solid #404040;text-decoration: none;list-style-type: none;}
.hiperfooter {color: #ffffff;text-decoration: none;list-style-type: none;display: inline-block;font-size: 0.8em;line-height: 1.2em;float: left;
    position: relative;margin: 0.6em 4em 0em 0em;}
.hiperfooter2 {color: #ffffff;text-decoration: none;list-style-type: none;display: inline-block;font-size: 0.8em;line-height: 1.2em;float: left;
    position: relative;margin: 0.6em 4em 0em 0em;}  
.hiperfooter:hover {color: darkgray;}
.one-col-footer-texto {color: #ffffff;font-size: 0.8em;}
.one-col-footer.datos {width: 25%;}
.contenedor_legales {max-width: 980px;margin: 0 auto;}
.hiperfooter3 {color: #ffffff;text-decoration: none;list-style-type: none; display: inline-block;font-size: 0.8em;line-height: 1.2em;float: left;position: relative;margin: 0.6em 4em 0em 0em;}

/*CASTING*/
.casting {position: relative;float: left;width: 100%;margin-left: 0%; height: 20em; max-width: 500px;padding-right: 2%;}
.subituvideoimg {position: relative; float: left; width:100%;max-width: 500px; background-color: #fff; height: 250px; text-align: center;
border-radius: 5px; margin: 0 auto 0 auto;}
.subir_video_logo {position: relative;margin-top: 50px;}
.contenido_casting {width: 100%;position: relative;Float: left;margin-top: 3%;}
.asidecasting { width: 46%; position: relative;float: right;margin-top: 0%;padding-top: 0%;}
.titulocast{position: relative; float: left;text-align: left;text-transform: uppercase;}
.redessociales{position: relative; float: left;text-align: left;text-transform: uppercase;margin-top: 5%;}
.comentariosalpie {width: 80%;position: relative;float: left;; margin-left: 1%;margin-top: 3%;}
.contenedor_logos_casting{ width: 100%; position: relative; float: left; margin-top: 2%;text-align: center; margin-bottom: 5%;border-top: 1px dotted;}
.logos_casting{position: relative; float: left; margin-left: 2%; max-width: 15em;  padding-top: 15px;}

/*LOGIN*/
.titulo_login{margin-top: 5% !important;margin-left: 43%;}
.iniciar_sesion {max-width: 100%;border: 1px dotted; height: 25em;margin: 5% 9% 8%;padding-top: 3%;}
.login { width: 34%;position: relative; float: left; padding: 6% 5% 6% 6%;}
form#radio {width: 20%;}
form#radio imput {width: 20%;}
input{  border: 1px dotted;width: 100%;height: 3em; margin-top: 7px;}
label {}
button{width: 102.5%;height: 3.8em;margin-top: 7px;background: #e31e50;border: 0px;color: #ffc900;text-transform: uppercase;font-size: 1em;}
button:hover{background: #ffc900;color: #000;}
input[type=text] {width: 100%;padding-left: 5px;}
input[type=password] {width: 100%;padding-left: 5px;}
input[type=radio] {width:5%;float:none;}
.login_redes{width: 100%;position: relative;float: left;padding: 15% 6%;}
.datos_usuario{float: left;}
.imagen_login{float: left;}
.datos_redes{width: 34%;position: relative;float: left; margin: 1%;}
.facebook_botton {width: 100%;  height: 3em; background: #563394;margin-top: 7px;text-align: center;}
.twitter_botton {width: 100%;  height: 3em; background: #00aeef;margin-top: 7px;text-align: center;}
.titulo_redes_login{font-size: 1.3em;font-weight: 700;text-align: center; margin-bottom: 5px;}

/*GRILLA*/
.hs {font-family:"Oswald",sans-serif; font-size:3em;color: #F8911E; font-weight: 700;}
.tiempo {font-family:"Oswald",sans-serif; font-size:3em;color: #000; font-weight: 700;}
.programas_horarios{width: 100%;float: left;margin-top: 6%;}
.ph{float: left;width: 100%;margin-bottom: 1.8%}
.descripcion_grilla{border: 1px dotted;width: 78%;float: right;padding: 2%;}
.hora_grilla{width: 15%;padding: 1.2%;float: left;}
.img_programa{float: left;} 
.contenido_grilla{float: left;width: 60%;padding-left: 1em;}
.boton_agendar{width: 20%;float: right;}

/*NOTICIAS*/
.titulo_noticia {width: 100%;margin-bottom: 1%;margin-top: 1%;}
.noticias_principales{width: 70%;float: left; border: 1px dotted ;margin-bottom: 1%;}
.noticias_terciarias{ clear: both; width:70%}
.noticia_principal {position: relative;float: left;width: 100%;margin-left: 4%;}
.noticia_terciaria_min{float: left;margin-bottom: 1%;padding-bottom: 1%;}
.noticia_terciaria_min .texto {width: 90%;}
.noticia_terciaria_min .img_hoy { position: relative; float: left; width: 20%;}

/*NOTICIAS DETALLE*/
.titulo_noticia {width: 100%;margin-bottom: 1%;margin-top: 1%;}
.noticia_descripcion {width: 67%; float: left; border: 1px dotted;margin-bottom: 1%; padding: 3% 3% 3% 0 !important;}
.noticia_descripcion .titulo_noticia .titulo2 {width: 95%;padding-left: 4%;}
.titulo_noticia .titulo2 .texto{}
.parrafo{width: 100%; float: left;text-align: justify;}
.noticias_aside{  float: right;width: 26%;margin-left: 1%;height: auto;padding-right: 2%;}
.noticia_principal {position: relative;float: left;width: 100%;margin-left: 4%;}
.img_filtro{cursor: pointer;filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */}
.img_filtro:hover{filter: grayscale(0%);
    -webkit-filter: grayscale(0%);filter: none;}

/*QUIENES SOMOS*/
.vilo{padding: 0px;margin-bottom: 20px;}
.sobrenosotros {width: 100%;padding-left: 2%;margin: 10px 0px 0px 0px;}
.flechita {padding: 0px 0px 0px 0px;margin: 20px 0px 0px 0px}
.quienesomos {widht: 90%;text-align: justify;margin: 0px 10px 0px 0px;padding: 0px 10px 0px 0px;}
.vecinosimg {width: 100%;height: 400px;margin: 45px 0px 30px 0px;}
.quienes {width: 68%;margin: 0% 2% 0% 0%;float:left;}
.vecinos_somos{width: 25%;position: relative;float: left;padding-left: 3%;border: 1px dotted;margin-top: 10px;padding: 0% 2% 0% 2%;}
.comentarioss_vecinoss {height: 130px;position: relative;float: right;width: 100%;padding-top: 4%;}
.transmitiendo {color: #000;font-weight: 900;font-size: 14.5px;}
.leydemedios {color: #ffc900;font-weight: 900;font-size: 12px;}
.nivel {color: #000000;font-weight: 900;font-size: 12px;}
.misionvision {width: 100%;margin: 23px 0px 0px 0px;padding: 0px 0px 35px 0px;text-align: justify;font-size: 12px;}
.titulos {font-family: 'Oswald', sans-serif;font-size: 22px;font-weight:700;margin: 20px 0px 0px 0px;padding: 10px 0px 0px 0px;}

/*CONTACTO*/
#contact-form {background-color: none;width: 45%;float: left;padding: 20px 0px 20px 0px;margin: 20px 0px 20px 0px;border-radius: 15px;-moz-border-radius: 15px; -webkit-border-radius: 15px;}   
#contact-form input,   
#contact-form select,   
#contact-form textarea,   
#contact-form label {font-size: 15px;margin-bottom: 2px;font-family: Arial, san-serif;}    
#contact-form input,   
#contact-form select,   
#contact-form textarea {width: 450px;background: #fff;border: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;margin-bottom: 25px;padding: 5px;}  
#contact-form input:focus,   
#contact-form select:focus,   
#contact-form textarea:focus {background-color: #E5E6E7;}  
#contact-form textarea {height: 150px;}  
#contact-form #submit {width: 450px;color: #ffc900;border: none;background-color: #e31e50;} 
#contact-form #submit:hover {background-color: #ffc900;color: #000; }
input:required, textarea:required {box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;-o-box-shadow: none;} 
#contact-form .required {font-family: 'Oswald', sans-serif;font-weight:bold;color: #e31e50;}   
#failure, #success {color: #e31e50;display:none;}
.datoscontacto {width: 55%;position: relative;float: left;margin-top: 5%;}
.datosdecontacto {margin: 0% 0% 0% 0%;}
.vilomapa {width: 80%;position: relative;float: left;margin-bottom: 3%;}
.datitos {margin-top: 6%;}
.datitosp {margin-top: 2%;}
.iconos_redes_sociales {width: 90%;margin:5% 0% 10% 0%;}
.iconos_social_redes {width: 13%;position: relative;float: left;padding:0%;}

/*STREAMING*/
.streaming{width: 100%;height: 550px;}
.subenvivo {margin-top: 5%;}
.videitostreaming {width: 100%;}
.videitos {width: 31.3%;margin: 2% 2% 5% 0%;float: left;text-align: justify;}

/*DETALLE DE GRILLA*/
.descripcion_grilla_det{border: 1px dotted;width: 78%;float: right;padding: 2%;margin-bottom: 2%;margin-top: -5.9%;}
.contenido_grilla_detalle{float: left;width: 50%;padding-left: 1em;text-align: justify;}
.videobajito {width: 40%;position:relative;float: left;padding-left: 4em;height: 250px;}
.subenvivogrilla {margin-top: %;}

/*MAPA DE SITIO*/
.mapadesitio {width: 100%; margin: 0% 0% 0% 0%; padding: 0% 0% 2% 0%; display:inline-block;}

/*STAFF*/
.section_staff {max-width: 980px;width:74%;position: relative;float: left;}
.empleados{width: 227px;position: relative;float: left;margin: 1%;filter: grayscale(100%);
    -webkit-filter: grayscale(100%);  /* For Webkit browsers */
    filter: gray;  /* For IE 6 - 9 */
    -webkit-transition: all .6s ease;  /* Transition for Webkit browsers */}
.asidestaff{width: 22%;position:relative;float: left;border: 1px dotted;padding: 1em;margin: 8px 1px 1px 1px;}
.empleados:hover {filter: grayscale(0%);-webkit-filter: grayscale(0%);filter: none;}

/*DETALLE DE STAFF*/
detalle_empleados {width: 24%;position:relative;float: left;margin: 1em;}
.aside_detalle_staff{width: 40%;position:relative;float: left;border: 1px dotted;padding: 1em 2em 1em 2em;margin-left: 2%;  margin-bottom: 2%;}
.section_detalle_staff {width: 24%;position:relative;float: left;}
.foto_detalle_staff {width: 100%;}
.aside_detalle_staff2 {position: relative; float: left; width: 24%; margin-left: 2%;}

/*ERROR 404*/
.contenedor404 {width: 100%;position: relative;float: left;margin-top: 3%;max-width: 581px;}
.nuestros_programas404{position: relative;float: left;padding: 10px;margin-bottom: 20px;width: 63%;display: inline-block;min-height: 200px;}
.contenido_404{width: 100%;position: relative;float: left;margin-top: 5%;}
.img_404{position: relative;float: left;width:100%; display: inline-block;}
.tecnicos404{position: relative;float: left;width:100%; display: inline-block;}
.titulo404{position: relative;float: left;text-align: left;height: 28px;text-transform: uppercase;}
.vivo404 { width: 29%;position: relative;float: left;margin-top: 5%;padding-top: 0%;display: inline-block;min-height: 200px;padding: 5px;}
.t404{position: relative; float: left;text-align: left;height: 30px;text-transform: uppercase;}

/*RESPONSIVE STYLES*/
@media screen and (max-width :1174px){
    .contenedor_menu {width: 80%}
}

@media screen and (max-width : 980px){

    .logo-vilo {margin: 0px;}
    .ahora-vivo { margin-top: -50%;}
    .redes-sociales {   width: 100%;}
    .aside_detalle_staff {width: 60%;}
    .section_detalle_staff {width: 30%;}
    #contact-form {width: 60%;}
    .datoscontacto{width: 40%;}
    .pronostico2 {display: none;}
    li.grilla a {display:block;min-width:140px;height: 50px;text-     align: center;line-height: 50px;font-family: "Open Sans",         Helvetica, Arial, sans-serif;color: #000;background:               #FFC900;text-decoration: none;min-width: 10.66em;}

    
}
    
@media screen and (max-width : 800px){
    ul {position: static;display: none;}
    li {margin-bottom: 1px;}
    ul li, li a {width: 100%;}
    .show-menu {display:block;}
    .contenido_dos { width: 100%;}
    .datos {width: 100%;}
    .redes-sociales {padding-left: 0px;}
    iframe {width: 100%;} 
    .texto { width: 90%}
    .noticia_terciaria_min .img_hoy {padding-left: 2%;}
    .noticias_aside {display: none;}
    .noticias_principales {width: 100%;}  
    .noticias_terciarias {width: 100%}
    #contact-form {width: 50%;}
    .datoscontacto{width:60%;}
    .section_staff{width: 63%}
    .asidestaff{width: 30%;}
    .aside_detalle_staff {width: 60%;}
    .section_detalle_staff {width: 30%;}
    .asidecasting { width: 100%;}
    .vecinosimg {height: 320px;}
    .vecinos_somos{ height: 640px;}
    .misionvision{height: 90px; margin: 10px 0px 25px 0px; text-        align:left; font-size: 11px;}
    .noticia_descripcion {width: 100%}
    .mobile{display: block;}
    .mobile ul{display: block;margin: 4%;}
    .mobile ul li{display: block;width: auto;}
    .noticia_descripcion { width: 100%;}
    .caja-programa {width: 100%}
    .baner {display: none;}
    .vivo {display: none;}
    .banner-vivo {width: 100%;}
    .slider-programas {display: none;}
    .clima{display: none;}
    .titulo-actividades {top: 490px; left: 15px;}
    .titulo-platense {top: 180px;left: 10px;}
    .titulo-bandas {width:80% ;top: 180px;left:680px;}
    .imagenes-2 {position: relative;}
    .actividades {display: block; margin-top: -38%}
    
  
    
}
@media screen and (max-width : 600px){
    .hora_grilla {width: 100%}
    .descripcion_grilla {width: 100%}
    .cabecera {margin-top: 2em;}
    .mas {margin-right: 1em;}
    .contenedor_menu { width: 55%;}
    .texto_hoy { width: 90%;}
    .img_hoy { margin-left: 10%;}
    .ahora-vivo {  margin-top: -100%;}
    .vivo {width: 100%;}
    .estasviendo { width: 23em;}
    footer{height: 550px;}
    .logofuter {min-height: 150px;}
    .nosotros {width: 100%;margin-top: 20px;}
    .one-col-footer {width: 100%;margin-top: 20px;}
    .one-col-footer.datos {width: 100%;margin-top: 20px;}
    .noticia_terciaria_min .texto {width: 85%;float: left;}
    .noticia_terciaria_min .img_hoy {width: 100%;}
    .quienes { width: 90%; padding-left: 2%;}
    .vecinos_somos { width: 95%;}
    .mobile{display: block;}
    .contenedor_menu_grilla{display: none;}
    #contact-form {width: 70%;}
    .datoscontacto{width:85%;}
    .aside_detalle_staff {width: 40%;}
    .section_detalle_staff {width: 45%;}
    .mobile{display: inline-block;}
    .contenedor_menu_grilla{display: none;}
    ul li, li a {width: 100%}
    .active {width: 100%}
    .asidecasting { width: 100%;}
    .vecinos_somos{ height: 380px;}
    .misionvision{height: 10px; text-align:left;}
    .img_deportes_detalle{width:100%}
    .banner-vivo { width: 100%;}
    .estasviendo {width: 100%;}
    .vivo{padding-left: 10px;}
    .slider-programas {display: none;}
    .noticia_secundaria {width: 100%; margin: 0}
    .clima{width: 100%;}
}

@media screen and (max-width : 480px){
    .login { width: 89%;}
    .iniciar_sesion {height: 45em;}
    .datos_redes {width: 60%;}
    .titulo_noticia {margin-left: 10%;}
    .quienes { width: 90%; padding-left: 2%;}
    .vecinos_somos { width: 95%;}
    #contact-form {width: 100%;}
    .datoscontacto{width:86%;}
    .asidestaff{width: 100%; align-content: center;}
    .section_staff{ width: 74%; position: relative; float:             left;margin-left: 15%;}
    .aside_detalle_staff {width: 100%;}
    .section_detalle_staff {width: 100%;}
    .vecinosimg {height: 250px;}
    .asidecasting { width: 100%;}
    .comentariosalpie {display: none;}
    .nuestros_programas404 { width: 100%;}
    .vivo404 { width: 100%;}
    .contenedor-img {height: 80em;}
    .titulo-metrobus{top: 220px;}
    .titulo-platense {left: 14px;top: 980px;}
    .titulo-festividades {left: 14px;top: 1240px;}
    .titulo-bandas{left: 17px;}
    .sesion_buscador {display: none;}
    .sub_header{margin-top: 5%;}
    .videitos{width: 100%;}
    .aside_detalle_staff2 {display: none;}
    .imagenes-chicas {width: 100%; margin: 5%;}
}