@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:ital,wght@0,600;0,700;1,600;1,700&display=swap');
@font-face{
    font-family: 'Helvetica-Regular';
    src: url("../fonts/HelveticaWorld-Regular.otf");
}
@font-face{
    font-family: 'Helvetica-Bold';
    src: url("../fonts/HelveticaWorld-Bold.otf");
}
/*****GENERALES*****/
:root {
  --magenta: #FE2C55;
  --cian: #25F4EE;
  --amarillo: #fbb03b;
  --naranja: #FC601F;
  --naranjaDos: #DE3E17;
  --azul: #135182;
  --azulDos: #0F507C;
  --azulTres: #0e4868;
  --rojo: #E7312A;
  --negro: #000;
  --blanco: #fff;
  --texto: #333333;
  --morado: #58306f;
  --rosa: #e44463;
  --rosa2: #ff859a;
  --rojo: #bb1134;
  --rojo2: #dc0932;
  --azulin: #6cc4c8;
  --azulinDos: #8bc6c6;
  --amarilloDos: #f8cb10;

  --verde: #6EAB78;

  --gris: #4F4F4F;
  --grisDos: #EAEAEA;
  --grisTres: #F7F7F7;
  --grisCuatro: #DDDDDD;

  --all: all 0.3s ease-in-out;

  --titulos: 'Helvetica-Bold', sans-serif;
  --general: 'Helvetica-Regular', sans-serif;

  --cambio: 'Ibarra Real Nova', sans-serif;
}
*, html{
  margin: 0px;
  padding: 0px;
  box-sizing:border-box;
}
html{
  overflow-x:hidden;
}
body{
  font-family: var(--general);
  font-size:18px;
  color: var(--negro);
  font-weight: 400;

  overflow-x: hidden;
  overflow-y: auto;

  min-height: 100%;
  width: 100%;

  padding-right: 0px !important;
}
.fondo_invictus{
  background-image:url('../img/fondo.jpg');
  background-size:cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 100%;
  height: 100vh;
}


h7{
  font-family: var(--cambio);
  font-weight: 600;
  font-size: 27px;
}
h8{
  font-family: var(--cambio);
  font-size: 50px;
  font-weight: 700;
}
h9{
  font-family: var(--titulos);
  color: var(--verde);
}
h10{
  font-size: 22px;
  font-family: var(--titulos);
}
h13{
  font-family: var(--cambio);
  font-weight: 600;
  font-size: 24px;
}
h14{
  font-size: 30px;
  font-family: var(--titulos);
  font-weight: bold;
  color: var(--negro);
  text-align: center;
}
h15{
  font-style: italic;
  font-size: 14px;
}
h16{
  color: var(--verde);
}
h17{
  color: var(--negro);
  font-size: 24px;
  font-family: var(--titulos);
  font-weight: bold;
}
h18{
  font-family: var(--cambio);
  font-weight: 700;
  font-size: 32px;
  text-transform: uppercase;
}
h19{
  background-color: var(--verde);
  color: var(--blanco);
  font-family: var(--titulos);
  font-size: 12px;
  padding: 1px 5px 3px 5px;
  border-radius: 2px;
  margin: 0px 5px 5px 0px;
}


.cien{width: 100%;}
.light{color: var(--blanco);}
.dark{color: var(--negro);}
#cl{clear: both;}
#cs{height: 10px;}
.max_width{
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}
.width_menu{
  margin: 0 auto;
  max-width: 1440px;
  width: 100%;
}
.padding_width_grande{
  padding: 170px 2% 170px 2%;
}
.padding_uno{
  padding: 0px 2%;
}
.padding_width{
  padding: 100px 2% 100px 2%;
}
.padding_width_2{
  padding: 50px 2% 50px 2%;
}
.padding_width_21{
  padding: 50px 2% 25px 2%;
}
.padding_width_22{
  padding: 50px 2% 0px 2%;
}
.padding_width_3{
  padding: 25px 2% 25px 2%;
}
.padding_width_4{
  padding: 25px;
  margin: 50px 0;
}
.padding_width_chico{
  padding: 100px 0.5% 100px 0.5%;
}
.padding_width_bajo{
  padding: 10px 1% 0px 1%;
}
.padding_historia{
  padding: 200px 2% 50px 2%;
}
.padding_centrado{
  padding: calc(50vh - 22px) 2%;
}
.derecha{float:right;}
.sin_submit{background:none;border:none;cursor:pointer;}
.italic{font-style: italic;}
.grises{transition: var(--all);}
.grises:hover{opacity: 0.6;}
.at_c{text-align: center;}
.at_r{text-align: right;}
.at_l{text-align: left;}
.leyenda_altura{font-size: 14px;color: var(--gris);}
.at_j{text-align: justify;}
.ln_h{line-height: 30px;}
.puntero{cursor: pointer;}
.minHeight{
  min-height: 100vh;
}
.linea{height: 1px;width: 100%;margin-top: 15px;background-color: var(--verde);}
a{text-decoration: none;}

.img_libro{
  width: 48%;
  float: left;
  margin: 0 25px 20px 0;
}
.subir{
  position: relative;
  z-index: 1;
  float: right;
  width: 40px;
  height: 40px;
  color: var(--negro);
  background-color: var(--verde);
  padding: 2px 4px 4px 4px;
  font-size: 20px;
  text-align: center;
  transition: var(--all);
  cursor: pointer;
}
.subir:hover{
  background-color: var(--grisTres);
}
.tabla_responsiva{
  width: 100%;
}
.tabla_responsiva table{
  width: 100%;
}
#tama_tabla, #tama_tabla table{
  width: 100% !important; 
}
/*****FIN GENERALES*****/
/*****INICIO******/
.imas_flex{width: 60%;}
.img{width: 100%;}
.bg_blanco{background-color: var(--blanco);color: var(--texto);}
.bg_gris{background-color: var(--grisTres);color: var(--texto);}
.bg_rojo{background-color: var(--rojo2);}
.bg_azul{background-color: var(--azul);}
.bg_amarillo{background-color: var(--amarillo);color: var(--texto);}
.bg_morado{background-color: var(--morado);}
.bg_textura{
  background-image:url('../img/textura.png');
  width: 100%;
  color: var(--texto);
}
.pa_flex_2{display:flex;justify-content:space-around;}
.de_flex_2{width:45%;}
.pa_flex_4{display:flex;justify-content:space-around;}
.pa_flex_3{display:flex;justify-content:space-around;}
.de_flex_3{width:33%;}

.alinear{align-items: center;}

.flex_cumpleaneros{
  display:flex;justify-content:space-around;
  align-items: center;
}
.flex_cumpleaneros img{
  height: 150px;
}
.cumpleaneros{
  background-color: var(--azulin);
  border-radius: 10px;
  padding: 10px;
  font-size: 25px;
  font-family: var(--titulos);
  color: var(--rojo);
}

.lista_cumple{
  padding: 5px 5px 0px 5px;
  list-style: none;
}

.lista_cumple li {
  padding-left: 1em; 
  text-indent: -.7em;
  list-style: none;
  margin-bottom: 15px;
  font-size: 20px;
}

.lista_cumple li::before {
  content: "• ";
  color: var(--azul);
}

.red{color: red;}
.auto{color: auto;}
.flex_cumpleanos{
  display:flex;justify-content:center;
  align-items: center;
  font-size: 30px;
  font-family: var(--titulos);
  color: var(--blanco);
}
.flex_cumpleanos img{
  height: 200px;
}

.pa_flex_olvidaste{display:flex;justify-content:center;align-items: center;}
.espacio{margin: 0px 10px;}

.pa_flex_fotos{
  display: flex;justify-content: center;
  width: 100%;
  max-width: 100%;
  align-items: center;
}
.pa_flex_fotos img{
  /*width: 100%;
  height: auto;
  */
  border-radius: 20px;
  height: 190px;
  margin: 0px 10px;
}

.contiene{
  background-color: var(--blanco);
  border-radius: 20px;
  padding: 10px 5px 25px 5px;
  width: 25%;
  color: var(--negro);
}
.contiene img{
  width: 60%;
  margin-bottom: 20px;
  transition: var(--all);
  border-radius: 20px;
}
.contiene img:hover{
  opacity: 0.8;
}
.comprar{
  border-radius: 25px;
  background-color: var(--rosa);
  padding: 4px 30px 10px 30px;
  color: var(--blanco);
  font-family: var(--titulos);
  font-size: 25px;
  transition: var(--all);
}
.comprar:hover{background-color: var(--rojo);}
.comprarCarro{
  border-radius: 25px;
  background-color: var(--rojo2);
  padding: 4px 30px 10px 30px;
  color: var(--blanco);
  font-family: var(--titulos);
  font-size: 25px;
  transition: var(--all);
}
.comprarCarro:hover{background-color: var(--rosa);}
.numero_carro{
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin-left: 42px;
}
.de_mercado{
  margin: 20px 10px;
  width: 75%;
  cursor: pointer;
}
.album_flex{
  display:flex;
  justify-content:space-around;
}
.galeria{
  background-color: var(--blanco);
  padding: 2px;
}


.lista_felicitacion{
  padding: 15px;
  list-style: none;
}
.lista_felicitacion li {
  text-indent: -16px;
  list-style: none;
  margin-bottom: 15px;
  font-size: 16px;
}
.lista_felicitacion li::before {
  content: "❤ ";
  color: var(--rojo);
}
.de_flex_sobre{
  background-color: var(--blanco);
  width: 32%;
  border-radius: 10px;
}
.de_flex_felicitacion{
  width: 58%;
}
.sobre{
  width: 100%;
}

.foto_ver{height: 85px;margin-top: 5px;}
.flex_foto{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.flex_foto img{height: 70px; margin-right: 10px;}
.fondo_2{
  background-image:url('../img/fondo_2.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}
.box_shadow{
  box-shadow: black 0em 0em 0.3em;
  width: 100%;
}
.back_shadow{
  background-color: rgb(0,0,0,0.4);
  width: 100%;
}

.foto_testimonios{
  width: 50%;
}
.linea_testimonios{
  background-color: var(--amarillo);
  width: 30%;
  height: 4px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
.testimonios{
  background-color: #f2f2f2;
  border-radius: 2px;
  padding: 20px;
  width: 100%;
  font-weight: 200;
}

.lista_avi{
  padding: 20px 60px;
}
.lista_avi li{
  list-style-type: decimal;
  margin-bottom: 10px;
  font-size: 20px;
}

.lista_modal{
  padding: 15px;
  list-style: none;
}

.lista_modal li {
  padding-left: 1em; 
  text-indent: -.7em;
  list-style: none;
  margin-bottom: 15px;
  /*font-size: 16px;*/
}

.lista_modal li::before {
  content: "• ";
  color: var(--naranja); /* or whatever color you prefer */
}
.borede_imagen{
  width: 100%;
  padding: 5%;
  border-radius: 10px;
  border: red 5px dotted;
}
.borede_imagen img{
  width: 100%;
}
.ver_articulo{
  width: 100%;
  font-weight: bold;
  font-size: 30px;
  color: var(--negro);
  text-align: center;
  background-color: var(--gris);
  padding: 120px 10px;
}
.carrillo{
  text-align: center;
  font-size: 14px;
}
.carrillo th{
  background-color: var(--negro);
  color: var(--blanco);
  padding: 5px;
  border-radius: 5px;
}
.carrillo td{
  background-color: var(--grisDos);
  padding: 5px;
  border-radius: 5px;
}
.trejo td div{
  border-radius: 2px;
  background-color: var(--gris);
  padding: 2px;
  margin: 10px 0;
  font-size: 16px;
  cursor: pointer;
}
.trejo td div:hover{
  box-shadow: inset 0 1px 0 0 var(--naranja);
}
.trejo td{
  vertical-align: top;
}
#completa{
  width: 100% !important;
}
.icono_archivo{
  float: right;
  height: 40px;
}
.ver_archivo{
  color: var(--negro);
  background-color: var(--rosa2);
  padding: 15px 20px;
  border-radius: 5px;
  display: inline-block;
  transition: var(--all);
}
.ver_archivo:hover{
  background-color: var(--rosa);
}
.subir_imagen{
  background-color: #00a99d;
  padding: 15px 20px;
  border-radius: 5px;
  cursor: pointer;
  color: var(--negro);
  transition: var(--all);
}
.subir_imagen:hover{
  background-color: var(--azul);
}
.modificar_imagen{
  background-color: #00a99d;
  padding: 5px;
  border-radius: 2px;
  cursor: pointer;
  color: var(--negro);
  transition: var(--all);
  display: inline-block;
  margin-top: 5px;
}
.modificar_imagen:hover{
  background-color: var(--azul);
}
.dos_vistas{
  padding: 15px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: var(--all);
  border: none;
  margin: 5px;
  background-color: var(--rojo2);
  color: var(--blanco);
}
#vv_select{
  font-weight: bold;
  font-size: 15px;
}
.adjuntar_tama{
  width: 100%;
  padding: 0px 50px;
  border-radius: 10px;
  border-style: dashed;
  border-width: 2px;
  border-color: gray;
}
.adjuntar{
  background-color: transparent;
  border-radius: 10px;
  border-style: dashed;
  border-width: 1px;
  border-color: gray;
  text-align: center;
  /*
  width: 100%;
  padding: 150px 0;
  */
  display: inline-block;
  font-size: 25px;
  transition: var(--all);
  cursor: pointer;
}
.adjuntar:hover{
  border-radius: 10px;
  border-style: dashed;
  border-width: 1px;
  border-color: var(--rosa);
  color: var(--rosa);
  /*font-size: 30px;*/
}
#t_shadow{
  color: var(--blanco);
  text-shadow: black 0em 0em 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
#t_negro{
  color: var(--negro);
}

.flex_act_nueva{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.flex_nueva{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 5px;
}
.nueva{
  background-color: var(--negro);
  color: var(--blanco);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  font-family: var(--titulos);
  font-weight: bold;
  font-size: 40px;
  line-height: 0px;
  padding-top: 16px;
  text-align: center;
  transition: var(--all);
  cursor: pointer;
  margin-right: 10px;
}
.nueva:hover{
  background-color: var(--verde);
}
.l_nueva{
  color: var(--negro);
  cursor: pointer;
  font-size: 30px;
  transition: var(--all);
}
.l_nueva:hover{
  color: var(--verde);
}

.button{
  width: 100% !important;
}
.pa_flex_form{
  display: flex;
  justify-content: space-around;
  width: 70%;
}
.de_flex_form{width:45%;}
.pa_flex_reg{
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.de_flex_reg{width:45%;}
.recuadro{
  border: 1px solid var(--verde);
  padding: 10px;
}
.consulta{
  background-color: var(--verde);
  padding: 3px 5px 5px 5px;
  border-radius: 10px;
  border: none;
  font-size: 20px;
  font-family: var(--titulos);
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  transition: var(--all);
  text-align: center;
  width: 100%;
}
#di_1{opacity: 0.8;}
#di_2{opacity: 0.2;}
.consulta:hover{
  background-color: var(--azulin);
  opacity: 1 !important;
}
.alin_cen{
  align-items: center;
}
.alin_bot{
  align-items: flex-end;
}
.flex_anadir{
  display: flex;
  justify-content: flex-end;
  text-align: center;
  width: 100%;
}
.pa_flex_siguiente{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.siguiente{
  background-color: var(--negro);
  padding: 5px 20px;
  font-size: 20px;
  font-weight: bold;
  color: var(--blanco);
  border: none;
  cursor: pointer;
  transition: var(--all);
}
.siguiente:hover{
  background-color: var(--verde);
}
.fleex_siguiente{
  display: flex;
  justify-content: flex-start;
}
.con_mar{
  margin-right: 10px;
}
.num_pag{
  font-size: 12px;
  font-weight: bold;
}

.siguiente_hoy{
  background-color: purple;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 20px;
  font-weight: bold;
  color: var(--blanco);
  border: none;
  cursor: pointer;
}
.siguiente_hoy:hover{
  background-color: var(--verde);
}
.espacio_chiquillo{
  margin-bottom: 5px;
}
.flex_comidas{
  display: flex;
  justify-content: space-between;
  font-size: 12px;
}
.flex_comidas div{
  font-size: 12px !important;
}
.flex_comidas div{
  width: 49%;
}

.ver_semaforo{
  background-color: var(--negro);
  border: none;
  border-radius: 5px;
  padding: 3px 5px 5px 5px;
  font-size: 12px;
  font-family: var(--titulos);
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  transition: var(--all);
  margin-top: 15px;
}
.ver_semaforo:hover{
  background-color: var(--verde);
}
.ver_right{
  float: right;
}
.semaforo_azul, .semaforo_azul td{
  background-color: #659cdf !important;
}
.semaforo_morado, .semaforo_morado td{
  background-color: #9a74b1 !important;
}
.semaforo_naranja, .semaforo_naranja td{
  background-color: #d69400 !important;
}
.semaforo_amarillo, .semaforo_amarillo td{
  background-color: #ffd606 !important;
}
.semaforo_verde, .semaforo_verde td{
  background-color: #97a700 !important;
}
.semaforo_rosa, .semaforo_rosa td{
  background-color: var(--rosa) !important;
}
.semaforo_gris, .semaforo_gris td{
  background-color: #bcbcbc !important;
}
.semaforo_verde2, .semaforo_verde2 td{
  background-color: #0dfc19 !important;
}
  
.flex_colores{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.circulo_semaforo{
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: var(--azulin);
  margin: 0px 5px;
}

.flex_acciones{
  display: flex;
  justify-content: center;
  align-items: center;
}
.circulo_acciones{
  width: 25px;
  height: 25px;
  font-size: 14px;
  padding-top: 1px;
  color: var(--blanco);
  border-radius: 50%;
  background-color: var(--verde);
  margin: 0px 5px;
  transition: var(--all);
  font-family: var(--titulos);
  cursor: pointer;
}
.circulo_acciones:hover{
  background-color: var(--rojo);
}
.circulo_avisos{
  font-size: 14px;
  padding: 0px 5px 2px 5px;
  color: var(--blanco);
  border-radius: 2px;
  background-color: var(--negro);
  margin: 0px 5px;
  transition: var(--all);
  font-family: var(--titulos);
  cursor: pointer;
}
.circulo_avisos:hover{
  background-color: var(--verde);
}
.flex_consulta{
  display: flex;
  justify-content: space-around;
  align-items: center;
  width: 100%;
}
.consultaDos{
  background-color: var(--rosa);
  padding: 3px 5px 5px 5px;
  border-radius: 10px;
  border: none;
  font-size: 20px;
  font-family: var(--titulos);
  font-weight: bold;
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  transition: var(--all);
  text-align: center;
  width: 45%;
  margin-bottom: 5px;
}
.consultaDos:hover{
  background-color: var(--rosa2);
  opacity: 1 !important;
}



.flex_secciones{
  display: flex;
  justify-content: space-between;
}
.flex_secciones a{
  width: 23.5%;
  height: 400px;

  background-image:url('../img/fondo.jpg');
  background-size:cover;
  /*background-attachment: fixed;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 400px;
  transition: var(--all);
  display: flex;
  align-items: flex-end;
}
.flex_secciones a:hover{
  background-size: auto 450px;
}
.flex_secciones .de_secciones{
  padding: 10px;
  font-family: var(--titulos);
  font-size: 20px;
  line-height: 21px;
  color: var(--blanco);
  background-color: rgba(0, 0, 0, 0.4);
  margin: 0 auto;
  width: 100%;
  transition: var(--all);
}
.flex_secciones .de_secciones:hover{
  color: var(--verde);
}
columna{
  background-color: var(--verde);
  color: var(--blanco) !important;
  font-size: 14px;
  padding: 2px 7px 4px 7px;
}
.flex_paginacion{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.paginacion{
  width: 78%;
}
.publicidad{
  width: 20%;
}
.secciones_publicidad{
  width: 100%;
  z-index: 1;
  display: flex;
  align-items: center;
}
.quita_sec_pub{
  display: none;
}
.not_sec{
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}
.de_not_sec{
  width: 50%;
}
.de_not_sec img{
  width: 100%;
  transition: var(--all);
}
.de_not_sec img:hover{
  opacity: 0.9;
}
.not_sec ordena{
  width: 50%;
  padding: 30px;
}
.titulo_not_sec{
  font-size: 30px;
  font-family: var(--cambio);
  font-weight: 600;
  color: var(--negro);
  transition: var(--all);
}
.titulo_not_sec:hover{
  color: var(--verde);
}
.fecha_not_sec{
  font-size: 14px;
  margin: 10px 0;
}
.descripcion_not_sec{
  text-align: justify;
  font-size: 16px;
}
.noticias_foto{
  width: 100%;
  position:relative;
}
.noticias_foto img{
  width: 100%;
}
.flex_noticias{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.noticias_ver{
  width: 68%;
}
.noticias_seguir{width: 30%;}
.noticias_publicidad{
  width: 100%;
  z-index: 1;
  height: 100vh;
  display: flex;
  align-items: center;
}
.quita_publicidad{
  display: none;
}
.linea_exclusiva{
  height: 2px;
  width: 100%;
  background-color: var(--verde);
  margin: 10px 0;
}
.flex_exclusivas{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
  align-items: center;
  cursor: pointer;
}
.flex_exclusivas img{
  width: 30%;
}
.flex_exclusivas div{
  width: 68%;
  font-family: var(--cambio);
  font-weight: 600;
  color: var(--negro);
  font-size: 17px;
}
.flex_exclusivas img:hover{
  opacity: 0.9;
}
.flex_exclusivas div:hover{
  color: var(--verde);
}

.noticia_titulo{
  font-size: 30px;
  font-family: var(--cambio);
  font-weight: 700;
  color: var(--verde);
  margin: 10px 0;
}
.noticia_texto{
  text-align: justify;
}
.noticia_fecha{
  font-style: italic;
  text-align: right;
  font-size: 17px;
}
.noticias_tipo{
  position: absolute;
  bottom: 20px;
  right: 20px;

  background-color: var(--verde);
  color: var(--blanco) !important;
  font-family: var(--titulos);
  padding: 2px 7px 4px 7px;
}
.noticia_linea{
  width: 100%;
  height: 1px;
  background-color: var(--grisCuatro);
  margin: 10px 0;
}
.leyenda_compa{
  color: var(--negro);
  text-align: right;
  font-family: var(--cambio);
  font-weight: 600;
  font-size: 22px;
}
.compartir{
  display: flex;
  justify-content: flex-end;
}
.compartir img{
  height: 50px;
  padding: 4px;
  transition: var(--all);
}
.compartir img:hover{
  height: 50px;
  background-color: var(--grisDos);
}
.flex_similar{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
similar{
  width: 24%;
}
similar img{
  width: 100%;
  transition: var(--all);
}
similar img:hover{
  width: 100%;
  opacity: 0.9;
  cursor: pointer;
}
similar .similar_titulo{
  transition: var(--all);
  cursor: pointer;
  color: var(--negro);
  font-family: var(--cambio);
  font-weight: 600;
  font-size: 22px;
}
similar .similar_titulo:hover{
  color: var(--verde);
}
similar .similar_fecha{
  font-size: 14px;
}

.ver_publicidad{
  margin-top: 50px;
}
.ver_publicidad img{
  width: 100%;
  margin-bottom: 10px;
}
.panel_izq{
  text-align: center;
}
.flo_der{
  text-align: right;
}
.edicion_impresa{
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto;
  background-color: var(--negro);
  color: var(--blanco);
  padding: 20px;
  text-align: center;
  align-items: center;
  font-size: 14px;
}
.edicion_impresa img{
  width: 20%;
  transition: var(--all);
}
.edicion_impresa img:hover{
  opacity: 0.9;
}
.edicion_color{
  transition: var(--all);
}
.edicion_color:hover{
  color: var(--verde);
}
.descargar_impresa{
  background-color: var(--verde);
  border-radius: 5px;
  padding: 8px 50px 11px 50px;
  transition: var(--all);
  font-size: 16px;
}
.descargar_impresa:hover{
  background-color: var(--gris);
}

.texto_index_sec{
  font-family: var(--cambio);
  color: var(--negro);
  font-weight: 700;
  font-size: 23px;
  transition: var(--all);
}
.texto_index{
  font-family: var(--cambio);
  color: var(--negro);
  font-weight: 700;
  font-size: 15px;
  transition: var(--all);
}
.texto_index:hover, .texto_index_sec:hover{
  color: var(--verde);
}
.img_index{
  transition: var(--all);
  width: 100%;
}
.img_index:hover{
  opacity: 0.9;
}
.tipo_index{
  font-family: var(--general);
  color: var(--verde);
  font-weight: normal;
  transition: var(--all);
  font-size: 15px;
}
.tipo_index:hover{
  color: var(--negro);
}
.size_index{
  font-size: 18px;
}
.size_index_1{
  font-size: 20px;
}
h50{
  font-size: 30px;
  font-family: var(--titulos);
  font-weight: bold;
}
h51{
  font-size: 20px;
  font-family: var(--titulos);
  font-weight: bold;
}
h52{
  font-size: 14px;
}


.flex_top{
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-start;
}
.top_uno{
  width: 20%;
  font-size: 16px;
}
.de_top_uno{
  padding: 15px 0;
  border-top: 1px solid var(--grisCuatro);
}
.top_dos{
  width: 37%;
}
.de_top_dos{
  width: 100%;
  height: 650px;

  background-image:url('../img/fondo.jpg');
  background-size:cover;
  /*background-attachment: fixed;*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 650px;
  transition: var(--all);
  display: flex;
  align-items: flex-end;
}
.de_top_dos:hover{
  background-size: auto 700px;
}
.de_top_dos .de_secciones{
  padding: 20px 10px;
  font-family: var(--titulos);
  font-size: 30px;
  line-height: 31px;
  color: var(--blanco);
  background-color: rgba(0, 0, 0, 0.6);
  margin: 0 auto;
  width: 100%;
  transition: var(--all);
}
.top_dos_texto{
  font-family: var(--general);
  font-size: 18px;
  line-height: 19px;
  margin-top: 15px;
}
.top_dos_tipo{
  background-color: var(--verde);
  color: var(--blanco);
  font-size: 18px;
  padding: 2px 7px 4px 7px;
  transition: var(--all);
}
.top_dos_tipo:hover{
  background-color: var(--negro);
}
.con_top{
  margin-top: 15px;
}
.top_tres{
  width: 19%;
}
.top_tres_img{
  width: 100%;
}
.top_cuatro{
  width: 20%;
}
.top_borde{
  box-shadow: 2px 10px 28px 3px rgba(0,0,0,0.1);
  padding: 1px 20px 20px 20px;
  margin-top: 15px;
}
.de_top_cuatro{
  margin-top: 10px;
}
.flex_join{
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--grisCuatro);
  border-bottom: 1px solid var(--grisCuatro);
  padding: 8px 0 6px 0;
  font-family: var(--cambio);
  font-size: 26px;
  font-weight: 700;
  color: var(--verde);
  align-items: center;
}
.redes_join{
  display:flex;justify-content:flex-end;
}
.redes_join img{
  margin-left: 10px;
  margin-right: 10px;
  height: 38px;
  padding: 4px;
  transition: var(--all);
}
.redes_join img:hover{
  background-color: var(--grisDos);
}
.div_join{
  margin-left: 14px;
  font-family: var(--general);
  font-weight: bold;
  font-size: 16px;
  color: var(--texto);
}
.linea_gris{
  height: 1px;
  width: 100%;
  background-color: var(--grisCuatro);
  margin: 35px 0 15px 0;
}
.flex_nuevas{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.nuevas{
  width: 24%;
}
.nuevas_ch_flex{
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 25px;
}
.nuevas_img{
  width: 30%;
}
.nuevas_ch_flex nuevas{
  width: 67%;
}
.relative{
  position: relative;
}
titulo_nuevas{
  background-color: var(--verde);
  font-family: var(--cambio);
  font-size: 30px;
  font-weight: 600;
  padding: 3px 10px 7px 10px;
  border-radius: 1px;
  color: var(--blanco);
  position: absolute;
  z-index: 2;
  top: 10px;
  left: 50px;
}
.flex_index_todas{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.index_todas_1{
  width: 75%;
}
.index_todas_2{
  width: 24%;
}
.index_linea_todas{
  padding: 0 2px 15px 2px;
  border-bottom: 4px solid var(--verde);
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: flex-end;
  margin-bottom: 50px;
}
.view_all{
  font-size: 14px;
  color: var(--verde);
  transition: var(--all);
  font-weight: bold;
}
.view_all:hover{
  color: var(--negro);
}
.flex_sec_1{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.top_flex_sec_1{
  width: 32%;
}
.top_flex_borde{
  padding-bottom: 15px;
  border-bottom: 1px solid var(--grisCuatro);
}
.top_mar{
  margin-bottom: 30px;
}
.top_flex_sec_1 a{
  width: 100%;
}
.top_flex_sec_1 a img{
  margin-bottom: 15px;
}
.bot_flex_sec_1{
  margin-top: 15px;
  width: 100%;
}
.flex_sec_3{
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 15px;
  align-items: flex-start;
}
.img_sec_3{
  width: 39% !important;
}
.link_sec_3{
  width: 59%;
}
.flex_cuatro{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.de_flex_cuatro{
  width: 24%;
}
.videos{
  width: 100%;
  height: 177px;
  border: none;
  margin-bottom: 10px;
}
/*****FIN INICIO*****/
/*****MENU*****/
.boder_header{
  border-bottom: 0.5px solid var(--grisDos);
  width: 100%;
  background: var(--blanco);
}
.padding_header{
  padding: 20px 2%;
}
.back_menu{
  background-color: var(--rojo2);
}
.fondo_1{
  background-image:url('../img/fotos/slider.jpg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-size:cover;
  background-attachment: fixed;
  width: 100%;
}
.logo_header{
  height: 80px;
}
.serach{
  width: 30%;
  display: flex;
  justify-content: flex-start;
  font-size: 16px;
  align-items: center;
}
.flex_de_search{
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.decir_menu{
  font-family: var(--titulos);
  color: var(--verde);
}
.menu_search{
  height: 14px;
  margin: 0 10px;
}
.menu_panel{
  height: 16px;
}
.menu_salir{
  height: 16px;
  margin-right: 10px;
  cursor: pointer;
}

.flex_redes{
  display:flex;
  justify-content: flex-end;
  width: 30%;
}
.flex_redes img{
  margin-left: 10px;
  height: 30px;
  background-color: var(--verde);
  padding: 4px;
  transition: var(--all);
}
.flex_redes img:hover{
  background-color: var(--grisCuatro);
}

.menu_f{
  width: 100%;
  background: var(--blanco);
  z-index: 7;
  -webkit-box-shadow: 0px 16px 16px -11px rgba(0,0,0,0.05); 
  box-shadow: 0px 16px 16px -11px rgba(0,0,0,0.05);
}
.header_flex{
  display:flex;
  justify-content:space-between;
  align-items: center;
}
.menu_flex{
  display:flex;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
}
.menu_flex a{
  padding: 0 10px;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  color: var(--texto);
}
.menu_flex a:hover{
  color: var(--verde);
}




.menu_cerrar{
  position: fixed;
  z-index: 8;
  top: 0;
  height: 100vh;
  width: 100%;

  background-color: rgb(0,0,0,0.4);
}
.logo_men_head img{
  height: 150px;
}
.menu_r{
  position: fixed;
  z-index: 9;
  padding: 20px;
  width: 25vw;
  right: 0;
  top: 0;
  background-color: var(--grisDos);
  /*text-align: center;*/
  min-height: 100vh;
}
.menu_r ul{
  /*
  columns: 2; 
  -webkit-columns: 2; 
  -moz-columns: 2;
  */
}
.menu_r li{
  text-decoration: none;
  list-style: none;
  font-size: 15px;
  cursor: pointer;
  margin-top: 5px;
  border-bottom: 1px solid var(--verde);
  padding-bottom: 5px;
  font-weight: bold;
  padding-left: 5px;
}
.menu_r li a, .menu_r li{
  color: var(--texto);
  transition: var(--all);
}
.menu_r li a:hover, .menu_r li:hover{
  color: var(--verde);
}
.overflow{
  height: 100vh;
  min-height: 100vh;
  max-height: 100vh;
  overflow-y: auto;
}

#ver_no{display: none;}
#ver_si{
  display: block;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1001;
}
#ver_si_cerrar{display: block;}

#ver_si {
  animation-duration: 1s;
  animation-name: sale_menu;
}

@keyframes sale_menu {
  from {
    top: -100%;
  }

  to {
    top: 0;
  }
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: rgb(255,255,255,0.8);
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  transition: all 0.2s ease-in-out;
  border-radius: 5px;
}
.dropdown-content a {
  color: var(--negro);
  padding: 12px 16px;
  text-decoration: none;
  text-align: center;
  display: block;
  transition: var(--all);
}
.dropdown-content a:hover {
  color: var(--rojo2);
}
.dropdown:hover .dropdown-content {display: block;}

.subir_menu{
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  font-size: 20px;
  padding: 3px 12px 9px 12px;
  color: var(--negro);
  transition: var(--all);
  background-color: var(--verde);
  opacity: 0.6;
}
.subir_menu:hover{
  color: var(--blanco);
}
/*****FIN MENU*****/
/*****ACORDION*****/
.dt{
  color: var(--blanco);
  font-size: 15px;
  cursor: pointer;
}
.dd{
  text-decoration: none;
  cursor: pointer;
  margin-top: 10px;
  padding-bottom: 10px;
  color: var(--blanco);
  transition: var(--all);
}
.dd:hover, .dt:hover{
  color: var(--azulin);
}
/*****FIN ACORDION*****/
/*****ANIMACIONES*****/
.rotateMe {
 transition: transform 2s ease-out;
}
.rotateMe:hover {
 transform: rotate(360deg);
}
/*****FIN ANIMACIONES*****/
/*****PIE*****/
.pie{
  background-color: var(--grisDos);
  width: 100%;
  color: var(--texto);
}
.padding_pie{
  padding: 20px 2%;
}
.derechos{
  text-align: center;
  color: var(--texto);
  font-size: 14px;
  width: 100%;
  border-top: 0.5px solid var(--grisCuatro);
  padding-top: 20px;
  margin-top: 20px;
}
.flex_pie{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.boton_contacto{
  background-color: var(--verde);
  padding: 1px 15px 5px 15px;
  text-align: center;
  font-weight: 400;
  line-height: 0px;
  color: var(--negro) !important;
  transition: var(--all);
  font-size: 16px;
  font-family: var(--titulos);
}
.boton_contacto:hover{
  background-color: var(--grisTres);
}
.de_re_pie{
  width: 30%;
  font-size: 20px;
  font-family: var(--titulos);
  font-weight: 600;
  text-align: center;
}
.subi_pie{
  width: 15%;
}
.pie_contacto{
  width: 30%;
  text-align: center;
}
.pie_contacto a{
  color: var(--texto);
  transition: var(--all);
}
.pie_contacto a:hover{
  color: var(--verde);
}
.redes_pie{
  margin-top: 10px;
  display:flex;
  justify-content: center;
  width: 100%;
}
.redes_pie img{
  margin-left: 10px;
  margin-right: 10px;
  height: 40px;
  background-color: var(--verde);
  padding: 4px;
  transition: var(--all);
}
.redes_pie img:hover{
  background-color: var(--grisTres);
}
.logo_pie{
  width: 15%;
}
.logo_pie img{
  width: 100%;
}

.redes_dos{
  position: absolute;
  z-index: 1;
  top: calc(50vh - 150px);
  margin-left: 15px;
  display: block;
}
.redes_dos img{
  margin-top: 10px;
  margin-bottom: 10px;
  height: 40px;
  background-color: var(--amarillo);
  border-radius: 50%;
  padding: 4px;
  transition: var(--all);
}
.redes_dos img:hover{
  background-color: var(--naranja);
}
.preguntanos{
  position: fixed;
  z-index: 5;
  bottom: 20px;
  height: 120px;
  right: 20px;
}
.a_pie{
  color: var(--azulin);
}
.a_pie:hover{
  color: var(--verde);
}
/*****FIN PIE*****/
/*****CONTACTO*****/
.mapa{
  height: 350px;
  margin: none;
  padding: none;
  border: none;
  width: 100%;
  display: inline-block;
}
.infcontacto ul {
  text-align:left;
  padding: 0;
  margin: 0;
  list-style: none;
  margin-top: 20px;
}
.infcontacto ul.list1 li{
  padding-left: 60px;
  font-size:19px;
}
.infcontacto ul.list1 li.telefono {
  background: url(../img/con_1.svg) 0 0px no-repeat;
}
.infcontacto ul.list1 li.correo {
  background: url(../img/con_2.svg) 0 0px no-repeat;
}
.infcontacto ul.list1 li.ubicacion {
  background: url(../img/con_3.svg) 0 0px no-repeat;
  margin-top: 10px;
}
.infcontacto ul.list1 li {margin-top: 10px;}
.infcontacto ul.list1 li a{
  text-decoration: none;
  color: var(--texto);
}
.infcontacto ul.list1 li a:hover{
  color: var(--verde);
}
.tama_form{
  width: 40%;
  margin: 0 auto;
}
#formulario{
  padding: 20px;
  background-color: #f2f2f2;
}
input[type='text'], input[type='password'], input[type='number'], input[type='date'], input[type='time'], select {
  width:100%;
  height: 49px;
  border: none;
  color:#000;
  padding: 4px 12px 5px;
  background-color: var(--blanco);
  margin-bottom: 5px;
  font-size: 14px;
  font-family: var(--titulos);
}
#area {
  width:100%;
  border: none;
  color:#000;
  padding: 4px 12px 5px;
  background-color: var(--blanco);
  height: 120px;
  font-size: 14px;
  font-family: var(--titulos);
}
.button{
  background-color: var(--negro);
  padding: 5px 15% 5px 15%;
  border: none;
  font-size: 20px;
  font-family: var(--titulos);
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  transition: var(--all);
}
.button:hover{
  background-color: var(--verde);
}

.button_con{
  background-color: var(--negro);
  padding: 5px 15% 5px 15%;
  border: none;
  font-size: 20px;
  font-family: var(--titulos);
  color: var(--blanco);
  text-decoration: none;
  cursor: pointer;
  transition: var(--all);
}
.button_con:hover{
  background-color: var(--verde);
}

.redes_contacto{
  display:flex;justify-content:flex-start;
}
.redes_contacto img{
  margin-left: 10px;
  margin-right: 10px;
  height: 40px;
  padding: 4px;
  transition: var(--all);
}
.redes_contacto img:hover{
  background-color: var(--verde);
}
.videos_noticias{
  width: 100%;
  height: 400px;
}
/*****FIN CONTACTO*****/
/*****CAROUSEL ALICE*****/
.padding_alice{
  padding: 25px 0px;
  width: 100%;
}
.alice_alice{
  width: calc(95% - 90px);
  margin: 0 auto;
}
.alice_noticias{
  font-size: 20px;
  color: var(--texto);
  font-size: 12px;
  padding: 0px 15px;
}
.titulo_alice{
  font-family: var(--cambio);
  color: var(--negro);
  font-size: 16px;
  transition: var(--all);
}
.titulo_alice:hover{
  color: var(--verde);
}
.boton_alice{
  position: relative;
}
.boton_alice button{
  position: absolute;
  top: calc(50% - 35px);
  z-index: 1;
  border: none;
  background-color: var(--grisCuatro);
  color: var(--blanco);
  padding-top: 0px;
  border-radius: 50%;
  font-size: 30px;
  font-family: var(--titulos);
  font-weight: 700;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 0px;
  cursor: pointer;
  transition: var(--all);
}
.boton_alice button:hover{
  background-color: var(--verde);
}
.boton_alice button img{
  height: 15px;
}
.bu_ri{
  right: 0;
  transform: rotate(180deg);
}
/*
.alice-carousel__next-btn, .alice-carousel__prev-btn{
  position: absolute;
  z-index: 1;
  top: 0;
}


.alice-carousel__prev-btn{
  right: 0%;
}
.alice-carousel__next-btn{
  left: 0%;
}

.alice-carousel__prev-btn-item{}
.alice-carousel__next-btn-item{}
*/
/*****FIN CAROUSEL ALICE*****/
/*****RESPONSIVOS*****/
.tabla_responsiva{
  display: block;
  overflow-x: auto;
}
@media screen and (max-width: 1300px) {
}
@media screen and (max-width: 1250px) {

}
@media screen and (max-width: 1200px) {
  .flex_secciones a{
    height: 300px;
    background-size: auto 300px;
  }
  .flex_secciones a:hover{
    background-size: auto 350px;
  }
  .flex_secciones .de_secciones{
    font-size: 16px;
    line-height: 18px;
  }
  .size_index{
    font-size: 15px;
  }
  .de_top_cuatro h52{
    display: none;
  }
}
@media screen and (max-width: 1150px) {

}
@media screen and (max-width: 1100px) {
  .nuevas_ch_flex{
    flex-flow: column;
  }
  .nuevas_img{
    width: 100%;
    margin-top: 10px;
  }
  .nuevas_ch_flex nuevas{
    width: 100%;
  }
}
@media screen and (max-width: 1050px) {
  .top_uno{
    display: none;
  }
  .de_top_cuatro h52{
    display: block;
  }
  .top_dos{
    width: 47%;
  }
  .top_tres{
    width: 25%;
  }
  .top_cuatro{
    width: 25%;
  }
}
@media screen and (max-width: 1000px) {
  .tama_form{
    width: 60%;
  }
  .flex_secciones a{
    height: 250px;
    background-size: auto 250px;
  }
  .flex_secciones a:hover{
    background-size: auto 300px;
  }
  .noticias_publicidad{
    font-size: 22px;
  }
  .flex_exclusivas div{
    font-size: 14px;
  }
  similar .similar_titulo{
    font-size: 18px;
  }


  .flex_paginacion{
    flex-flow: column;
  }
  .paginacion{
    width: 100%;
  }
  .publicidad{
    display: none;
  }
  .ver_publicidad{
    margin: 0 auto;
    width: 80%;
    margin-top: 20px;
  }
  .secciones_publicidad{
    z-index: 0;
    height: auto;
    
    flex-flow: column;
    font-size: 26px;
  }
  .quita_sec_pub{
    display: block;
  }
  .secciones_publicidad .flex_exclusivas div{
    font-size: 17px;
  }

  .edicion_impresa{
    width: 100%;
  }

  .flex_join{
    font-size: 18px;
  }
  .div_join{
    font-size: 14px;
  }
  .redes_join img{
    margin-left: 5px;
    margin-right: 5px;
    height: 32px;
  }
}
@media screen and (max-width: 950px) {

}
@media screen and (max-width: 900px) {
  .flex_redes img{
    display: none;
  }
  .menu_r{
    width: 40vw;
  }
  .de_top_cuatro h52{
    display: none;
  }
}
@media screen and (max-width: 865px) {

}
.quita_pub_index{display: none;}
@media screen and (max-width: 850px) {
  .de_flex_cuatro{width:100%;margin-bottom: 15px;}
  .flex_cuatro{flex-flow: column;}
  .videos{
    height: 300px;
  }
  .flex_index_todas{
    flex-flow: column;
  }
  .index_todas_1{
    width:100%;
  }
  .index_todas_2{
    display: none;   
  }
  .quita_pub_index{
    display: block;
  }


  .button{width: 95%;}
  .nueva{
    margin-bottom: 15px;
  }
  .pa_flex_form{
    width: 100%;
  }
  .pie_contacto{
    width: 100%;
  }
  .flex_pie{
    flex-flow: column;
  }
  .logo_pie{
    width: 100%;
    text-align: center;
  }
  .logo_pie img{
    width: auto;
    height: 150px;
  }
  .de_re_pie{
    width: 100%;
    margin: 15px 0;
  }
  .subi_pie{
    width: 100%;
  }
  .subir{
    margin-top: 15px;
    float: none;
  }

  .flex_secciones{
    flex-flow: column;
  }
  .flex_secciones a{
    width: 100%;
    height: 400px;
    background-size: 100%;
    margin-bottom: 20px;
  }
  .flex_secciones a:hover{
    background-size: 100%;
    filter: saturate(180%);
  }
  .flex_secciones .de_secciones{
    font-size: 20px;
    line-height: 21px;
  }

  .nuevas_ch_flex{
    flex-flow: row;
  }
  .nuevas_img{
    display: none;
  }
}
@media screen and (max-width: 780px) {
  .pa_flex_2, .pa_flex_3{flex-flow: column;}
  .de_flex_2, .de_flex_3, .contiene{width:100%;margin-bottom: 20px;}
  .img_libro{width:100%;}
  .carousel_img{height: auto;min-height: auto;max-height: auto;}
  .carousel_img img{height: auto;}

  .flex_noticias{
    flex-flow: column;
  }
  .noticias_ver{
    width: 100%;
  }
  .noticias_seguir{
    width: 100%;
    display: none;
  }
  .noticias_publicidad{
    z-index: 0;
    height: auto;
    
    flex-flow: column;
    font-size: 26px;
  }
  .flex_exclusivas div{
    font-size: 17px;
  }
  .quita_publicidad{
    display: block;
  }
  .top_dos{
    width: 50%;
  }
  .top_tres{
    width: 48%;
  }
  .top_cuatro{
    display: none;
  }

  .flex_sec_3{
    flex-flow: column;
  }
  .img_sec_3{
    display: none;
  }
  .link_sec_3{
    width: 100%;
  }

  .videos_noticias{
    height: 300px;
  }
}
@media screen and (max-width: 750px) {
  .flex_nuevas{
    flex-flow: column;
  }
  .nuevas{
    width: 100%;
  }
  .edicion_impresa img{
    display: none;
  }

  .flex_join{
    flex-flow: column;
    font-size: 26px;
  }
  .redes_join img{
    margin-left: 10px;
    margin-right: 10px;
    height: 38px;
  }
  .div_join{
    font-size: 16px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 700px) {

}
@media screen and (max-width: 680px) {
  .menu_f{display: none;}
  .logo_header{
    height: auto;
    width: 70%;
  }
  .serach{
    width: 15%;
  }
  .flex_redes{
    width: 15%;
  }
  .decir_menu{display: none;}
  .padding_header{
    text-align: center;
  }

  .tama_form{
    width: 100%;
  }
  .menu_salir{
    margin-right: 0px;
  }

  .flex_secciones a{
    height: 300px;
  }

  .flex_similar{
    flex-flow: column;
  }
  similar{
    width: 100%;
    margin-bottom: 15px;
  }
  similar .similar_titulo{
    font-size: 22px;
  }

  .not_sec{
    flex-flow: column;
  }
  .de_not_sec{
    width: 100%;
  }
  .not_sec ordena{
    width: 100%;
    padding: 10px;
  }

  .flex_top{
    flex-flow: column;
  }
  .top_dos{
    width: 100%;
    margin-bottom: 15px;
  }
  .top_tres{
    width: 100%;
  }

  .de_top_dos{
    width: 100%;
    height: 300px;
    background-size: 100%;
  }
  .de_top_dos .de_secciones{
    font-size: 20px;
    line-height: 21px;
  }
  .top_dos_texto{
    display: none;
  }
  .de_top_dos:hover{
    background-size: 100%;
    filter: saturate(180%);
  }

  .flex_sec_1{
    flex-flow: column;
  }
  .top_flex_sec_1{
    width: 100%;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .tabla_responsiva table{
    width: 120%;
  }
  .menu_r{
    width: 60vw;
  }
  .logo_men_head img{
    width: 40%;
    height: auto;
  }
  .pa_flex_form{
    flex-flow: column;
  }
  .de_flex_form{width:100%;}
  .button_con{width: 100%;}
  .edicion_impresa{
    flex-flow: column;
  }
  .descargar_impresa{
    margin-top: 15px;
  }
}
@media screen and (max-width: 550px) {
  .ver_publicidad{
    width: 100%;
  }
  .menu_r{
    width: 75vw;
  }
  .menu_salir, .menu_panel{
    display: none;
  }
}
@media screen and (max-width: 510px) {

}
@media screen and (max-width: 500px) {
  .tabla_responsiva table{
    width: 150%;
  }
}
@media screen and (max-width: 460px) {
  .de_top_dos, .flex_secciones a{
    background-size: auto 100%;
  }
  .de_top_dos:hover, .flex_secciones a:hover{
    background-size: auto 100%;
  }
  .flex_secciones .de_secciones{
    font-size: 16px;
    line-height: 18px;
  }
  .videos_noticias{
    height: 250px;
  }
}
@media screen and (max-width: 450px) {

}
@media screen and (max-width: 400px) {
  .button{
    padding: 5px;
  }
  .tabla_responsiva table{
    width: 200%;
  }
  .infcontacto ul.list1 li{
    padding-left: 40px;
    font-size: 16px;
  }
  .flex_exclusivas div{
    font-size: 14px;
  }
  .flex_join{
    font-size: 20px;
  }
  .redes_join img{
    margin-left: 5px;
    margin-right: 5px;
    height: 32px;
  }
  .div_join{
    font-size: 14px;
  }
  .videos_noticias{
    height: 200px;
  }
} 
@media screen and (max-width: 350px) { 

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

}
/*****FIN RESPONSIVOS*****/