*{margin: 0; padding: 0;}
html{font-size: 100%;}
div#contenedor {width: 960px; margin: 0 auto 0 auto;}
body {width: 100%; margin: 1% auto 0 auto;}
@media screen and (max-width: 400px){}
header {width: 100%; margin: auto;display: inline-block; float: left}
div.iconos {width: 100%; float: left;}
piconos {font-size: 1em; float: right; font-family: "Lato"; font-weight: 300; margin-top: 5px; font-size: .8em; color: #5f5f5f;}
div.iconos img {float: right; width: 3%}
div.logo img {width: 15%; float: left; margin-top: 2%;}
div#banner img {width: 100%; float: left;}
h2.ivan {
    color: #848484;
    font-family: "Lato";
    font-size: 1em;
    font-weight: 400;
padding: 1%;}

div#slider {padding-top: 10%;
    width: 100%;
    Margin:0 auto 0 auto; float: center}

main {width: 100%;
    margin: auto;
    float: center;
    height: auto;
    padding-top: 1%;}

img#grilla {margin-left: 5%; margin-top: 3%;}

.botonera {
    width: 100%;
    height: auto;
    margin: auto;
    float: center}

nav.banner {width: 13.9%;
    height: auto;
    float: center;
    display: inline-block
}
section#actividades {
    width: 100%;
    margin: auto;
    float: left;
    padding-top: 1%}
nav#mapa {
    width: 66%;
    float: left;}
nav#mapa a img#mapa {width: 100%; float: left;margin}
nav#mapa img {width: 100%; float: left;margin}
nav#twitter {
    width: 33%;
float: left;
    height: 60%;padding-left: 0.5%}
ul.gris {
    background-color: #e1e1e1;height: 33px;}
ul#cuadro { width: 88%;
    background-color: #e1e1e1;
    height: auto;
    float: left;}





section#socios {
    width: 100%;
    float: left;
    margin: auto;
    margin-bottom: 1%;
    margin-top: 1%}
section#socios img {margin-top: 2%;margin-bottom: 2%;
width: 100%}

footer {font-family: "lato"; font-weight: 300;  font-size: 9px; text-align: center; font-size: 15px; color: #ffffff; padding-top: 1%; padding-bottom: 1%; padding-left: 1%; padding-right: 1%; background-color: #7f7f7f; clear: both; margin: auto;}


/* PAGINA PROGRAMACION / MERI */

.cont_grilla_programa {width: 100%; float: left; margin-top: 5%;}
.cont_grilla {width: 66.1%; float: left;}
.grilla {width: 100%; float: left;}
.boton_programa {width: 32.4%; float: left; margin-left: 5%;}

nav.boton_programa
    {width: 100%;
    height: auto;
    float: left;}
.cont_boton_programa {width: 32.4%;
    height: auto;
    float: left;}

.cont_botones_programas {float: left; width: 100%; display: inline-block; margin-bottom: 3%;}
nav.botones_programas1 {float: left; width: 32.3%;}
nav.botones_programas2 {float: left; width: 32.3%; display: inline-block; margin-left: 1.5%;}
nav.botones_programas3 {float: left; width: 32.4%; display: inline-block; margin-left: 1.5%;}
.iconos_redes {margin-top: 3%; margin-left: 33%;}
.cont_linea {width: 100%; float: left; margin-bottom: 3%; margin-top: 1%;} 
.titulos {font-size: 1.2em; float: left;}

/* ------------------------ */

/* PAGINA SECCIONES / MERI */

.secciones_imagenes {float: left; margin-bottom: 3%; width: 66.1%; margin-top: -4%;}
.gif {width: 32.4%; float: left; margin-bottom: 3%; margin-left: 1.5%; margin-top: -4%;}
 nav.secciones_botones 
    {width: 100%;
    height: auto;
    float: left;}
.secciones_gremiales {margin-bottom: 1%;}
.secciones_medioambiente {margin-bottom: 1%;}
.secciones_politica {margin-bottom: 1%;}
.secciones_deportes {margin-bottom: 1%;}
.secciones_cultura {margin-bottom: 1%;}
.secciones_educacion {margin-bottom: 1%;}
.secciones_sociales {margin-bottom: 1%;}

h1.secciones {float: left; margin-top: 3%;}
.cont_linea2 {width: 100%; float: left; margin-top: -5%;}

/* ------------------------ */

/* PAGINA EN VIVO / MERI */

.cabecera {font-family: "Lato"; font-size: 1em; float: left; width: 100%; background-color: #5f5f5f; margin-top: 3%;}
p.tiitulo {float: left; width: 100%; color: #fff; padding: 1%;}
.iconosverdes {float: left; margin-top: 16.5%;}
section.videoynotas {width: 100%; height: 425px; float: left; margin-top: 1%;}
 .video {float: left; width: 66.1%; margin-right: 1.5%;}
text.texto_nota {position: relative; width: 32.4%; font-family: "Lato"; font-size: 15px; color: #5f5f5f; text-align: left; float: left;}
p {font-family: "Lato"; color: #5f5f5f; font-size: 1em;}
background-color: ; height: 425px;
section.vivo {width: 100%; float: left;}

.img1 {border-bottom-style: solid; width: 96%; color: #d8db69;}
.img2 {border-bottom-style: solid; width: 96%; color: #de435a;}
.img3 {border-bottom-style: solid; width: 96%; color: #3dd5d2;}
aside#2 textonotas {float: none; width: 100%; margin-top: 1%;}
div.textonotas {font-family: "Lato"; font-size: 13px; color: #5f5f5f; text-align: left; width: 90%; margin-bottom: 10%; margin-top: 3%;}
article.envivo {position: relative; float: left; width: 33.3%;}
.cont {float: left; margin-top: 3%; display: inline-block;}
.cont1 {margin-left: 1.5%;}
.cont2 {margin-left: 1.5%;}

/* ------------------------ */

/* PAGINA PROGRAMA / MERI */

.bajadasgris {float: left; margin-top: 3%; font-family: "Lato"; color: #5f5f5f; font-size: 1em;}
.main_fondo {background-color: #e1e1e1; float: left;}
.imagen_1 {margin-top: 3%; float: left; border-bottom: solid; color: #de435a;}
.cont_linea {width: 100%; float: left; margin-bottom: 1%; margin-top: 1%;}
.cont_video_receta {width: 100%; float: left;}
.cont_video_print {width: 66.1%; float: left;}
.receta {width: 32.4%; height: 424px; float: left; background-color: antiquewhite; margin-left: 1.5%;}
.texto_receta {width: 100%; margin-top: 3%; margin-left: 3%; margin-right: 3%;}
.reloj_texto {width: 100%; float: left; margin-top: 3%; padding-bottom: 6%;}
.reloj {float: left; margin-left: 1%; margin-right: 6%;}
.texto_detalle {font-family: "Lato"; font-size: 12px; color: #5f5f5f; float: left;}
.ingredientes {width: 100%; float: left;}
.share {float: left; margin-top: 3%; margin-left: 1%;}
.programas_recetas {width: 100%; float: left; margin-top: 3%; margin-bottom: 6%;}
.video_1 {width: 32.3%; float: left; margin-right: 1.5%;}
.video_2 {width: 32.3%; float: left; margin-right: 1.5%;}
.video_3 {width: 32.3%; float: left;}

/* ------------------------ */





/*PAGINAS STAFF IVAN */

div#banner2 {width: 100%;}

div#persona {width: 20%; padding:30px 15px 0px 15px; margin: 0px 8px 30px 8px; display:block; float: left}

div#datospersonales {width: 100%; display:block; float: left}

nav.informacion {width: 100%; float: center;}

nav.informacion2 {width: 100%; float: center}

img#fotostaff {width:100%; border-radius: 100px;border: 3px solid #848484; box-shadow : 0 0 1rem #5f5f5f;}

nav.informacion {text-align: center;float: center;}

p.persona {border-bottom: 1px solid #848484; font-weight: 600; margin:0; padding-bottom: 3%; color: #e06445;}

p.bajada {text-align: center; font-weight: 400; margin: 0; padding-top: 3%; padding-bottom: 3%;}

img#redes staff {float: center}

nav#social{width: 40%; margin: auto; clear:both;}

nav#social a{margin: center; float: left;}

p.oficio {font-weight: 700; font-size: 0.8em; color:#5f5f5f; padding-top: 3%;}

div.botones {float: right;display: block;margin-top:15px; width: 85%}

ul.navegador {font-family: "Lato"; font-size: 1em; padding: 3px 0px 3px 0px; text-decoration: none; display: block;float: left; margin: 0px 30px 0 29px; text-align: center; width: auto}

.navegador li a{text-decoration: none; list-style: none;color: #848484; }

.navegador li {text-align: center; text-decoration: none; list-style: none; margin: 10px 0px 10px 0px;font-size: 1.04em;font-weight: 700;}

ul.subnavegador li {text-align: center; text-decoration: none; list-style: none;font-size: .9em; font-weight: 500; width: auto; position:}

/*PAGINAS contacto IVAN */

div#contacto {width: 100%; float: left;margin-top: 20px; margin-bottom: 30px}

div#contacto img#iconocontacto {; width: 10%; border-bottom: solid 2px #848484 thin; padding: 2%; margin: 0% 43% 5% 43%}

p.bajadascontacto {clear: both; margin-left: 5%; padding-top: 20px;padding-bottom: 20px; font-family: "Lato"; color: #5f5f5f; font-size: 1em;}

article.divisiones{width: 30%; display:block; float:left;margin-left: 20%; font: "lato";border-right: solid 1px; margin-bottom: 30px}

article h3{font-family: "lato"; font-weight: 900; font-size: 1.6em; margin-bottom: 20px;}

label.textoentrada{font-family: "Lato"; color: #848484; font-size: 1em;font-weight: 500; margin-bottom: 5px; display: list-item; list-style: none; border: none; width: 100%}

input.display-block{border-radius: 10px;background-color: #59bdc9; font-family: "Lato"; color: #5f5f5f; font-size: 1em;font-weight: 300; margin-bottom: 5px; border: none}

textarea.display-block{border-radius: 10px;background-color: #59bdc9; font-family: "Lato"; color: #ffffff; font-size: 1em;font-weight: 500; margin-bottom: 15px;padding-top: 15px;padding-left: 10px; text-align: center;border: none; margin-top: 5px; float: left;text-align: left}

article button{position: relative; display:block; float: left;margin-left: 75px; width: 40%;height: 25%; color: #848484; font-family: "lato"; font-weight: 500; font-size: 0.8em; border-radius: 5px; background-color: #fff; box-shadow: none; border: solid; border-width: thin; clear: both; margin-top: 10px }

div#encuestaysuscripcion {width: 49%; float: left}
ul.encuestaysuscripcion{; float: left;}
ul.encuestaysuscripcion li {;list-style: none; text-align: center;font-family: "lato"; font-weight: 900; font-size: 1em;text-decoration: none; display:block;}
ul.encuestaysuscripcion li a{; float: left;list-style: none;margin-left: 60px; text-align: left;font-family: "lato"; font-weight: 900; font-size: 1em;text-decoration: none; border: solid; width: 100%; margin-top: 50px; padding: 5%; border-radius:20px; color: #848484; border-color: #59bdc9;box-shadow:0 0 .3rem #5f5f5f; }
ul.encuestaysuscripcion li a h3{;list-style: none;font-family: "lato"; font-weight: 900; font-size: 1.5em;text-decoration: none;border-bottom: solid thin }
ul.encuestaysuscripcion li a h4{;list-style: none;font-family: "lato"; font-weight: 300; font-size: 1em;text-decoration: none; }
div#datos{width: 49%; float: left}
ul.datos li {;list-style: none; text-align: center;font-family: "lato"; font-weight: 900; font-size: 1em;text-decoration: none; display:block;padding-right: 40%; margin-top: 20px}
ul.datos li a{; float: left;list-style: none;margin-left: 70px; text-align: left;font-family: "lato"; font-weight: 900; font-size: 1em;text-decoration: none; width: 100%; margin-top: 15px;}
ul.datos li a h3{;list-style: none;font-family: "lato"; font-weight: 900; font-size: 1em;text-decoration: none;border-bottom: solid thin;color: #848484 }
ul.datos li a h4{;list-style: none;font-family: "lato"; font-weight: 300; font-size: 1em;text-decoration: none; }
article#redes {float: left;clear: both; margin-left: 60px; margin-top: 20px}
article#redes img {; float: left; margin-left: }

/* PAGINA suscripcion ivan */


div#suscripcion {width: 100%;margin-top: 20px}

div#suscripcion img#iconosuscripcion {; width: 10%; border-bottom: solid 2px #848484 thin; padding: 2%; margin: 0% 43% 5% 43%}

p.bajadascontacto {clear: both; margin-left: 5%; padding-top: 20px;padding-bottom: 20px; font-family: "Lato"; color: #5f5f5f; font-size: 1em;}

article.campos{width: 100%; font: "lato"; margin-bottom: 30px;margin: auto}

section#datos{width: 45%; float: left; margin: 7% 0% 0% 5%}

article h3#suscripcion{font-family: "lato"; font-weight: 900; font-size: 1.6em; margin-bottom: 20px;text-align: center}

label.textoentradasuscripcion{font-family: "Lato"; color: #848484; font-size: 1em;font-weight: 500; margin-bottom: 5px; display: list-item; list-style: none; border: none; width: 80%; margin: auto; text-align: center; margin-bottom: 10px; margin-top: 10px; clear: both}

input.display-blocksusc{border-radius: 10px;background-color: #59bdc9; font-family: "Lato"; color: #5f5f5f; font-size: 1em;font-weight: 300; border: none;margin: 0 20% 0 20%; width: 60%; text-align: center; clear: both}

article button#suscripcion{height: 3%; color: #848484; font-family: "lato"; font-weight: 500; font-size: 0.8em; border-radius: 5px; background-color: #fff; box-shadow: none; border: solid; border-width: thin; clear: both; margin: 6% 50% 30% 40%; width: 20%}

article h3#novedades{font-family: "lato"; font-weight: 900; font-size: 1.6em; margin-bottom: 10px;text-align: center; margin-top: 1%; padding-top: 1%}

div#informacionysecciones {width: 45%;float: left; border-left:solid 2px #848484; padding-left: 4%}

section#informacion {width: 100%; display: block; font-family: "lato"; font-size: 1em; font-weight: 900; color: #59bdc9; float: left}

section#secciones {width: 100%; display: block; font-family: "lato"; font-size: 1em; font-weight: 900; color: #59bdc9; float: left; margin-top: 20px;}

article.checkbox{width: 100%;margin: 0% 35% 0% 15% }

/* PAGINA ENVIADO IVAN */

div#grax {width: 100%; margin: 10% 0% 48% 0%; float: auto; clear: both; border: 1px solid #848484; border-radius: 15px; }
.recibido {font-family: "lato"; font-size: 2.5em; color: #23cc9f; font-weight: 700; padding-top: 5%; text-align: center;}
.grax  {font-family: "lato"; font-size: 1.8em; color: #5f5f5f; font-weight: 200; text-align: center;}



/* PAGINA DEBATE PARTICULAR AGUS */

.info {width:66%; position: relative; float: left; margin-top: 60px; padding: inherit;}
.textoinfo {margin: 5% auto}
.linea {margin: 3% 0%}
.columna {height: 600px; position: relative; float: right; width:32%; background: #ffffff; background: #d9d9d9; margin-top: 2%;}
.encuesta {margin-top: 10%; margin-bottom: 10%}
.tweet {margin-top:0%;}
.tweets {margin-top: 15%}
.comentario1 { width: 70%; height: 185px; background: #E5E4E3; position: relative; float: left}
.nombre {font-size: 1,5 mp; font-weight: 500;color: #9B9B9B;background: #E5E4E3; margin: 5% 0% 0% 5%;padding: 3%;height:35px;padding-left: 7%;padding-top: 5%;}
.nombreresp{   font-size: 1,5 mp; font-weight: 500;color: #9B9B9B;background: #ededed;margin: 5% 0% 0% 10%;padding: 2% ;padding-left: 7%;padding-top: 5%;}
.textoabajo{ background: #E5E4E3;margin:0% 0% 0% 5%;padding: 2% 4% 8%;
  ;padding-left: 12%;font-size: 0,5 mp;font-weight: 400; color:#9B9B9B}
.textoabajo2{ background: #E5E4E3;margin: 0% 0% 0% 5%;padding: 2% 4% 0%;
height: 100px;padding-left: 12%; font-size: 0,5 mp;font-weight: 400; color:#9B9B9B}
.iconocoment{ width: 34px; height: 34px; margin-right: 20px}
.iconoamarillo{ position: absolute; width: 55px; height: auto; margin: 50px 0}
.iconoamarillo2{ position: absolute; width: 55px; height: auto; margin: 60px 0 }
.respuesta{ background: #ededed;margin: 0% 0% 0% 10%;padding: 1% 5% 7% 7%;
font-size: 0,5 mp;font-weight: 400; color:#9B9B9B}
.union { position: absolute;margin-left: 34px}
.formulario{ margin-left: 35px;}
.btn1 { -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0px;font-family: "Lato";color: #5f5f5f;font-size: 11px;background: #e8e8e8; padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin:1% 1% 10% 1%;}
.btninsta {border-radius: 0px;font-family: "Lato";font-size: 11px; text-decoration: none;display: inline-block;margin: 1% 1% ;position: relative;float: left;}
.btnface{ font-family: "Lato";font-size: 11px;text-decoration: none;
display: inline-block;margin: 1% 1% 1% 6%;position: relative;float: left;}
.escribecoment{ font-size: 0,2rem; font-weight: 500;color: #9B9B9B; margin: 5% 0% 0% 10%; padding: 2% ;padding-left: 7%;padding-top: 5%;}
.fecha {color: #848484; font-family: "Lato"; font-weight: 500; font-size: 1em;}
.pnota {font-family: "Lato"; color: #5f5f5f; font-size: 1em;}


/* HOME DEBATES AGUS */

/* AGREGADO AGUS   /   para las notas */

h1 {
    color: #848484;
    font-family: sans-serif;
    font-size: 2em;
    font-weight: 400;margin: 2% 0% 6% 0%}
h2 {
    color: #848484;
    font-family: "Lato";
    font-size: 1em;
    font-weight: 400;}

h3 {color: #848484;
     font-family: "lato";
  font-weight: 500;
  font-size: 1em;}
h6 {
    color: #848484;
    font-family: sans-serif;
    font-size: 11pt;
    font-weight: 500; padding: 1% 0% 1% 1%;
margin: 20 20 20 25}

.cont_todo {width: 100%; float: left; margin-bottom: 6%;}
.cont_debatei {66.1%; float: left;}
.titulo {margin: 5% 0% 1% 0%; position: relative; float: left; color: #848484; font-family: "Lato"; font-size: 1.5em;}
.debates {margin:2% 2% 0% 0%; position: relative; float: left; width: 306px; height: auto}
.debatesfinal {margin:2% 0%; position: relative; float: left; width: 306px; height: auto}
.lineadebates {margin-bottom: 3%;}
.lineacorta {float: left;}
.calendariodebates {float: left;}
.debateactual {margin: 2% 0%;}

article.debateactual {margin-top: 3%;}





/* HOME ACTIVIDADES AGUS */

.texoicono {margin: 0% 1% 0% 0%}
.btn3 
{border-radius: 0px;font-family: "Lato";color: #ffffff;font-size: 0.8em;background: #e2455c;
  padding: 5px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 0%; width: 62%}
.ojo {margin: 0% 2% 0% 0%; width:19px; }
.actividad1 {width: 32%; margin-right: 2%; height: 60%;}
.tituloactividad {color: #848484;font-family: "lato";font-weight: 500;font-size: 1em;}
.iconocian {margin: 0% 2% 0% 0%}
.menor{ font-size: 1.2em; font-weight: 500}
.actividadeschico {margin: 5% 2% 0% 0%;position: relative;float: left;width: 306px;height: auto;}
.btnact1 {border-radius: 0px;font-family: "Lato";color: #ffffff;font-size: 0.7em;background: #3dd5d2;
  padding: 5px 20px 10px 15px;text-decoration: none;display: inline-block;margin: 0%;width: 90%;}
.btnact2 { border-radius: 0px; font-family: "Lato";color: #ffffff;font-size: 0.7em;background: #d8db69;
  padding: 5px 20px 10px 15px;text-decoration: none;display: inline-block;margin: 0%;width: 90%;}
.btnact3 {border-radius: 0px;font-family: "Lato";color: #ffffff;font-size: 0.7em; background: #e74bd8;
  padding: 5px 20px 10px 15px;text-decoration: none;display: inline-block;margin: 0%;width: 90%;margin-bottom: 30%;}
.calendarioactividades {margin-top: 25%; margin-bottom: 10%}
.tweet2 {margin-top:0%;margin-bottom: 25%}


/* PAGINA ACTIVIDAD AGUS */

.btn4 {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #5f5f5f; font-size: 11px;background: #e8e8e8;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 4% 1%% 6%% 0%;}
.eventogrande {position: relative; float: left; padding: 2%; margin: 2% 0%; background: #de435a;}
.eventoprincipal {width: 100%; background: #e5e5e5; margin-top: -6%;}
.titulochicoevento {color: #fff;font-family: "lato"; font-weight: 500; font-size: 1em; margin: 3% 0% 0%; background: #de435a; padding: 4% 60% 1% 15%;}
.titulogrande {color: #fff;font-family: sans-serif;font-size: 1.5em;font-weight: 400;margin: 0% 0% 0% 0%;background: #de435a; padding: 1% 0% 4% 14%;}
.textogris{margin: 6% 6% 4% 4%;}
.ptextoevento {width: 61%; padding-left: 4%;}
.eventoespecifico{ position: relative; float:right; margin: 7% 0%;}
.base {margin: 0%; height: 100px;  width: 100%; background: #e5e5e5;}


.info{ width:66%; position: relative; float: left; margin-top: 5%; padding: inherit; margin-right: 2%}
.textoinfo{ margin: 5% auto}
.linea {margin: 5% 0%}
.columna {height: 100%;position: relative; float: right; width: 32%;background: #ffffff; margin-top: 6%; background:#d9d9d9}
.columnaa {height: 100%;position: relative; float: right; width: 32%;background: #ffffff; margin-top: 2%; background:#d9d9d9}
.encuesta {width: 93%; margin:20% 3.5% 5% 3.5%;}
.tweet {width: 93%; margin:20% 3.5% 5% 3.5%;}
.tweets {width: 93%; margin:20% 3.5% 5% 3.5%;}

.nombre {font-size: 1,5em; font-weight: 500;color: #9B9B9B;background: #E5E4E3; margin: 5% 0% 0% 5%;padding: 3%;height:35px;padding-left: 7%;padding-top: 5%;}
.nombreresp{   font-size: 1,5 mp; font-weight: 500;color: #9B9B9B;background: #ededed;margin: 5% 0% 0% 10%;padding: 2% ;padding-left: 7%;padding-top: 5%;}
.textoabajo{ background: #E5E4E3;margin:0% 0% 0% 5%;padding: 2% 4% 8%;
  ;padding-left: 12%;font-size: 0,5 mp;font-weight: 400; color:#9B9B9B}
.textoabajo2{ background: #E5E4E3;margin: 0% 0% 0% 5%;padding: 2% 4% 0%;
height: 100px;padding-left: 12%; font-size: 0,5 mp;font-weight: 400; color:#9B9B9B}
.iconocoment{ width: 34px; height: 34px; margin-right: 20px}
.iconoamarillo{ position: absolute; width: 55px; height: auto; margin: 50px 0}
.iconoamarillo2{ position: absolute; width: 55px; height: auto; margin: 60px 0 }
.respuesta{ background: #ededed;margin: 0% 0% 0% 10%;padding: 1% 5% 7% 7%;
font-size: 0,5 mp;font-weight: 400; color:#9B9B9B}
.union { position: absolute;margin-left: 5%}
.formulario{ margin-left: 5%;}
.btn1 { -webkit-border-radius: 0; -moz-border-radius: 0;border-radius: 0px;font-family: "Lato";color: #5f5f5f;font-size: 0.7em;background: #e8e8e8; padding: 1.5% ;text-decoration: none;display: inline-block;margin:1% 1% 10% 1%;}
.btninsta {border-radius: 0px;font-family: "Lato";font-size: 11px; text-decoration: none;display: inline-block;margin: 1% 1% ;position: relative;float: left;}
.btnface{ font-family: "Lato";font-size: 11px;text-decoration: none;
display: inline-block;margin: 1% 1% 1% 6%;position: relative;float: left;}
.escribecoment{ font-size: 0,2rem; font-weight: 500;color: #9B9B9B; margin: 5% 0% 0% 10%; padding: 2% ;padding-left: 7%;padding-top: 5%;}
.fecha {  color: #848484;font-family: "lato";font-weight: 500;font-size: 1em;margin: 3% 0%;}
.pnota {font-family: "Lato"; color: #5f5f5f; font-size: 1em;margin: 2%}







/* PAGINA NOTICIA / NATI */

.nota_principal{ width:584px; position: relative; float: left; margin-top: 45px; padding: inherit; margin-right: 2%}
.textoinfo{ margin: 5% auto}
.titulo_nota {color: #848484;font-family: "lato";font-weight: 800;font-size: 2em;margin: -2% 0% -6%;}
.autor {color: #848484; font-family: "lato"; font-weight: 500; font-size: 1em; margin: 3% 32% -3% 0%;}
.bajada { color: #848484;font-family: "lato";font-weight: 400;font-size: 1.2em;margin: 5% -9% 4% 0%;}
.lineaamarilla { margin: 5% 30% -2% 0%; width: 50%; height:3px;}
.nota {color: #848484;font-family: "lato";font-weight: 400;font-size: 1em;margin:5% -10% 7% 0%;}
.noticia_imagen { width: 641px; height: 383px; margin: -3% 0% 6% 0%;}
.boton_nati {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #5f5f5f; font-size: 11px; background: #d8db69; padding: 11px 20px 10px 20px; text-decoration: none;display: inline-block; margin: 4% 1% -9% 0%;}
.fecha_nati {color: #848484; font-family: "lato"; font-weight: 500; font-size: 1em; margin: -1% 0% 3%;}
.nota_secundaria {height: 560px; position: relative; float: right; width: 283px;background: #ffffff; padding: 8px; border: solid; border-color: #848484; border-width: 3px;}
.titulo_secundario {color: #848484;font-family: "lato";font-weight: 800;font-size: 1.3em;margin: 0% -1% 4%;}
.lineaamarilla2 { margin: 8% 30% -2% 0%; width: 100%; height:3px;}
.nota2 {color: #848484; font-family: "lato"; font-weight: 400; font-size: 1em; margin: 8% -3% 7% 0%; padding: 1%;}
.relacionadas {height: 399px; position: relative; float: right; width: 270px;background: #d8db69; padding: 18px;margin-top: 7%;}
.miscelanea {color: #848484;font-family: "lato";font-weight: 400;font-size: 1.2em; margin: -1% 0% 0%;}
.boton_nati2 { color: #ffffff; font-family: "lato"; font-weight: 600;font-size: 1.2em; text-decoration: none;}
.noticiasrelacionadas { color: #ffffff; font-family: "lato"; font-weight: 800;font-size: 18px; margin: -2% 0% 6%;}
.fecha_nati2 {  color: #848484;font-family: "lato";font-weight: 500;font-size: 1em;margin: 1% 0% 6%;}
.botonflecha {margin: 0% 0% 0% 44%;}
.lineablanca { width: 100%; height: 3px; margin: -2% 0% 7% 0%;}

/* PAGINA SECCION / NATI */

.titulo_noticias {color: #848484;font-family: "lato";font-weight: 800;font-size: 2em;margin: 3% 0% 0% 0%;}
.lineaamarilla3 { margin:-190% 0% 7%; width: 67%; height:3px;}
.fecha_nati2 { color: #848484;font-family: "lato";font-weight: 500;font-size: 1em;margin: 2% 0% 0% 0%;}
.titulo_seccion {color: #848484;font-family: "lato";font-weight: 800;font-size: 1.5em;margin: 9px 0px -15px 0px;}
.fecha_nati3 { color: #848484;font-family: "lato";font-weight: 500;font-size: 1em;margin:6% 0% 0% 0%;}
.boton_nati3 {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background: #848484; padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 1% 1% -12% -67.1%; width: 62.55%;}
.populares {height: 1011px;position: relative; float: right; width: 270px;background: #d8db69; none repeat scroll 0% 0%; padding: 18px; margin: -1038px 0px 18px 0px;}
.imagen_aside {margin 0% 0% 0% 0%; width: 100%; height: 187px; }
.boton_nati4 {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em;background:  #848484;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: -14% 1% 1% 0%; width: 85.2%;}
.fecha_nati4 { color:  #ffffff;font-family: "lato";font-weight: 400;font-size: 1em;margin: 4% 0% 3%;}
.titulo_secundario2 {color: #ffffff;font-family: "lato";font-weight: 800;font-size: 1.1em;margin: 0% 0% 4%;}
.lineablanca2 { width: 100%; height: 3px; margin: -4% 0% 0% 0%;}
.noticiasrelacionadas2 { color: #ffffff; font-family: "lato"; font-weight: 800;font-size: 18px; margin: -2% 0% 0%;}
.noticia_imagen2 { width: 641px; height: 383px; margin: 1% 0% 0%;}
.noticia_imagen3 { width: 641px; height: 383px; margin: 3% 0% 0%;}



/* PAGINA MAPA SECCIONES / NATI */

.contenedor_mapa {width: 100%; height; 419px; background-color: #c5c5c5; margin-top: 29%; margin-bottom: 4%; padding: 25px 0px 25px 1px;}
.mapa_gif { margin: 3%;}
.boton_mapa1 {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background:  #848484;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 3% 0% -2% 3%; width: 860px;}
.boton_mapa2 {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background:  #d8db69;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 3% 0% -2% 3%; width: 860px;}
.boton_mapa3  {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background:  #3dd5d2;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 3% 0% -2% 3%; width: 860px;}
.boton_mapa4  {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background:  #39d563;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 3% 0% -2% 3%; width: 860px;}
.boton_mapa5  {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background:  #e74bd8;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 3% 0% -2% 3%; width: 860px;}
.boton_mapa6  {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background:  #de435a;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 3% 0% -2% 3%; width: 860px;}
.boton_mapa7  {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 1em; background:  #5b60c7;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin: 3% 0% -2% 3%; width: 860px;}



/* PAGINA MAPA SECCION / NATI */

.mapa_educacion {width: 960px; height: 453px; margin-top: 3%;}
.linearoja { margin:-190% 0% 1%; width: 100%; height:3px;}
.titulo_educacion {color: #848484;font-family: "lato";font-weight: 800;font-size: 1.5em;margin: -1% 8% -5%; width: 584px;}
.aside_educacion {height: 681px;position: relative; float: right; width: 270px;background: #ffffff; none repeat scroll 0% 0%; padding: 0px; margin: -581px 0px 18px;}
.fecha_educacion {  color: #848484;font-family: "lato";font-weight: 500;font-size: 1em;margin: 4% 8% 3%;}
.mini_mapa {margin-bottom: 21%;}
.boton_educacion {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0px; font-family: "Lato";color: #ffffff; font-size: 11px;background: #e2455c;padding: 11px 20px 10px 20px;text-decoration: none;display: inline-block;margin:5% 4% -5%;}
.autor_educacion {color: #848484;font-family: "lato"; font-weight: 500; font-size: 1em; margin: -1% 7% -5%;}
.marcador_educacion {margin-top: -3%;}


@media screen and ( min-width:960px){body {width:  100%}