/*---------------- 1.- Reset CSS -----------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

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

/*-------------------------------- 2.- Estilos de la home -----------------------------------*/


@charset "utf-8";
*{
    box-sizing: border-box;
}

@font-face {
font-family: AvantGardn;
src: url("../fonts/AVGARDN.TTF");
}


@font-face {
font-family: AvantGardnLTBook;
src: url("../fonts/AvantGardeLT-Book.TTF");
}


@font-face {
font-family: BankGothicRegDB;
src: url("../fonts/bankgothic-regular-db.ttf");
}

@font-face {
font-family: BangleNormal;
src: url("../fonts/BangleNormal.ttf");
}

@font-face {
font-family: PenguinPlain;
src: url("../fonts/PenguinPlain.ttf");
}

body, .bg_body{
  background : #FFFFFF;
}


.bg_barraheader{
    background: #9E1F63;
}

.wrapper{
    width: 100%;
}




.header{
    height: 108px;
    width: 1000px;
    margin-bottom: 5px;
    margin: auto;
    display: flex;
    align-items: center;
}

.logo{margin: auto;}
.logo img{
/*   box-shadow: 3px 2px 10px #555;*/
    z-index: 500;
    width:280px;

}


.bg_navbar{
 background :#008678;
}


.wrapper_sh{
    width: 100%;
    margin: auto;
    
}

.social{
    text-align: right;
    display: flex;
    justify-content: flex-end;
}

#search{
    width: 192px;
    height: 25px;
}

#btn-buscar{
        margin-right: 10px;
}

#btn-buscar:hover{
    transform: scale(1.1);
}

.datos_contacto{
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

.telefono{
  font-family : AvantGarde Bk BT;
  font-size : 35px;
  letter-spacing : -0.7px;
  color : #FFFFFF;
}
.mail{
     font-family : AvantGarde Bk BT;
  font-size : 18px;
  letter-spacing : -0.36px;
  color : #FFFFFF;
    margin-right: 5px;
}

.socialnetwork{
    padding: 1px;

    
}
.socialnetwork{
    width:35px;
    display: inline-block;
}

.a_icon_social img:last-child {
    display: none;
}


.a_icon_social:hover img:last-child {
    display: block;
}

.a_icon_social:hover img:first-child {
    display: none;
}
.slide-banner{
width: 100%;
height: 500px;   
position: relative;
}

.caja-texto-slide{
    width: 325px;
    height: 125px;
    background : rgba(0, 100, 92, .5);
    margin-left: 15%;
    margin-top: 15%;
    position: absolute;
    padding: 5px;
    display: none;
}

.titulo-slide{
  font-family : AvantGarde Bk BT;
  font-size : 34px;
  color : #1F140F;
    height: 38px;
    overflow: hidden;
    
}

.texto-slide{
  font-family : AvantGarde Bk BT;
  font-size : 16px;
  color : #FFFFFF;
  height: 49px;
    overflow: hidden;
}

.link-slide{
    text-align: right;
    margin-top: 8px;
}

.link-slide a{
    text-decoration: none;
    text-transform: uppercase;
    padding: 2px 10px;
    background : #CACBD0;
    font-family : AvantGarde Bk BT;
    font-size : 16px;
    color : #1F140F;
    
}

.banners-miniatura{
    width: 220px;
    max-height:320px;
    background :#FFFFFF;
    margin-left: 71%;
    position: absolute;
    padding: 5px;
    box-shadow: 2px 2px 2px #000;
    box-sizing: content-box;
    margin-top: 10px;
}


.owl-carousel{
    display: flex;
    justify-content: flex-start;
}
.banner-tapa{
    width: 220px;
    height:320px;
    background :#FFFFFF;
    margin-left: 71%;
    position: absolute;
    padding: 5px;
    box-shadow: 2px 2px 2px #000;
    box-sizing: content-box;
    margin-top: 10px;
    cursor: pointer;
    transition: transform 0.5s;
}

.banner-tapa img{
    width: 210px;
    height: 320px;
}

.banner-tapa:hover{
      -webkit-transform: value;
  -moz-transform:scale(1.07);
  -ms-transform:scale(1.07);
  -o-transform:scale(1.07);
    transform: scale(1.07);
}


#marca-nuevo{
    width: 55px;
    height: 55px;
}

.caja-miniatura{
    width: 220px;
    height: 80px;
    background : #FFFFFF;
    border-bottom: 2px solid #5c5b5f;
    padding: 2px;
    overflow: hidden;
    margin-bottom: 2px;
}

.miniatura-selecta{
      background : #DCEFF1;
}

.imagen-miniatura{
    width: 77px;
    height: 65px;
    float: left;
    overflow: hidden;
}

.texto-miniatura{
    height: 75px;
    overflow: hidden;
    padding-left: 3px;
}

.texto-miniatura h2{
    height: 15px;
    overflow: hidden;
    font-family : AvantGarde Bk BT;
  font-size : 14px;
  color : #008678;
}

.texto-miniatura .descripcion-miniatura{
      font-family : AvantGarde Bk BT;
  font-size : 11px;
  color : #5C5B5F;
}

.negrita{
       font-family : AvantGarde Bk BT;
    font-size: 1.2em;
}
.tematicas{
    width: 100%;
    background: #FFF;
    margin-top: 5px;
    margin-bottom: 50px;
    margin:auto;

}

.interior{
    height: 620px;
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    background: #D8DADE;
}


.owl-prev, .owl-next{
    color: #000;
    font-size: 34px;
    position: absolute;
    top:260px;
}

.owl-next{
    right: 0px;
}


.owl-prev-index, .owl-next-index{
    color: rgba(255,255,255,0.5);
    font-size: 34px;
    position: absolute;
    top:150px;
    margin:0 30px;
    background: rgba(0,0,0,0.3);
    padding:4px;
}

.owl-prev-revistas, .owl-next-revistas{
    color: rgba(0,0,0,0.8);
    font-size: 34px;
    position: absolute;
    top:110px;

}

.owl-prev-revistas{
    left: -50px;
}

.black{
        background: #000;
}

.video-seccion{
    margin-bottom: 0px;
}

.titulo-tematicas{
    margin-bottom: 5px;
    padding-top: 30px;
    width: 1000px;
    margin: auto;
}

.titulo-tematicas h2{
  font-family : AvantGarde Bk BT;
    font-style : bold;
  font-size : 30px;
text-transform: uppercase;    
  color : #008678;
    text-align: center;
}
.color_main{
    color : #008678;
  font-style : bold;  
}
.titulo-interior{
  font-family : AvantGarde Bk BT;
  font-style : bold;
text-transform: uppercase;    
  font-size : 30px;
  color : #000;
    text-align: right;
    margin-right: 25px;
    margin-bottom: 10px;
}

.titulo-video{
  font-family : AvantGarde Bk BT;
  font-style : bold;
text-transform: uppercase;   
  font-size : 30px;
  color : #000000;
    margin-left: 25px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.titulo-otros{
  font-family : AvantGarde Bk BT;
  font-style : bold;
  font-size : 30px;
  color : #1F140F;
    margin-left: 55px;
    margin-bottom: 10px;
    margin-top: 10px;    
}

.titulo-quizas{
  font-family : AvantGarde Bk BT;
  font-style : bold;
  font-size : 30px;
  color : #FFFFFF;
    text-align: left;
    margin-left: 55px;
    margin-bottom: 10px;
    margin-top: 10px;    
}

.video {
    margin: auto;
}

#tematicas{
    height: 330px;
    width: 100%;
    background: #fff;
/*    z-index: 5000;*/
}

#interior{
    height: 544px;
    width: 950px;
    background: #fff;
    margin: auto;
    z-index: 1000;
    
}

#otros-numeros{
    height: 260px;
    width: 380px;
    background: #fff;
    margin: auto;
    
}

#quizas-te{
    height: 260px;
    width: 380px;
    background: #fff;
    margin: auto;
    
}

.contenedor_50p{
    width: 50%;
}



.slide-tematicas{
    height: 330px;
    width: 235px;
/*    border: 1px solid #5b5b5e;*/
}

#tematicas .owl-prev, #tematicas .owl-next{
    top:110px;
    color: #000;
    text-shadow: 2px 2px 5px #fff;
}

.caja-interiores{
      display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
    width:100%;
    margin-top: 20px;
}

.slide-interiores{
    height: 180px;
    width: 275px;
    margin: 10px;
    border:2px solid #C9CACE;
}


.slide-interior{
    height: 520px;
    margin: auto;
    margin-top: 10px;
        cursor: pointer;
        border:2px solid #C9CACE;
}

#otros-numeros .owl-prev, #otros-numeros .owl-next, #quizas-te .owl-prev, #quizas-te .owl-next{
    top:110px;
    color: #000;
    text-shadow: 2px 2px 5px #fff;
}
.slide-otros{
    height: 252px;
    width: 178px;
    
    
}


.caja-texto-tematicas{
    position: absolute;
    bottom: 0;
    height: 150px;
  -webkit-transition: height 1s;
    transition: height 1s;
    width: 100%;
    padding: 10px;
}

.caja-texto-tematicas:hover{
    height: 200px;
    background: rgba(255,255,255,.6);
}

.caja-texto-tematicas:hover .titulo-slide-tematicas{

      font-family : Lucida Handwriting;
  font-style : italic;
  font-size : 16px;
  color : red;    
    font-weight: bold;
       text-shadow:none;
}


.caja-texto-tematicas:hover .texto-slide-tematicas{

  font-size : 12px;
  color : #000;    
       text-shadow:none;
}

.caja-texto-tematicas:hover .link-slide-tematicas{
display: block;
}


.titulo-slide-tematicas{

  font-family : arial;
  font-size : 16px;
  color : #FFFFFF;    
    font-weight: bold;
    text-shadow: 2px 2px 2px #000;
    height: 18px;
    overflow: hidden;
}

.texto-slide-tematicas{

  font-family : arial;
  font-size : 12px;
  color : #FFFFFF;    
    text-shadow: 2px 2px 2px #000;
    height: 100px;
    overflow: hidden;
}

.link-slide-tematicas {
    display: none;
}

.link-slide-tematicas a{
    
  font-family : arial;
  font-size : 12px;
    text-decoration: none;
    text-transform: uppercase;
    color: orangered;
    position: absolute;
    bottom: 5px;
    left: 0px;
}



/*Estilos del carro*/
#cart-container {
  float: right;
  width: 210px;
  position: relative;
  margin-right: 15px;    
}

#itemCount {
  position: absolute;
  display: none;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: red;
  color: white;
  text-align: center;
  font-size: 15px;
  line-height: 18px;
}

#cart a{
    color: #000;
    text-decoration: none;
}

.texto-carrito{
  font-family : AvantGarde Bk BT;
  font-size : 19px;
  color : #5C5B5F;
    margin-top: 10px;
    text-align: justify;
    
}

.texto-carrito li{
        list-style:inside;
    font-family : AvantGarde Bk BT;
  font-size : 19px;
  color : #5C5B5F;
        letter-spacing: 1.1px;
    margin-left: 15px;
}

.texto-carrito strong{
    font-weight: bold;
}

.linea_carrito_titulos{
    margin-top: 20px;
}

.linea_carrito, .linea_carrito_titulos, .linea_carrito_titulos_confirma{
    display: flex;
    justify-content: space-around;
    margin-bottom: 5px
}

.linea_carrito h2,.linea_carrito_titulos h2, .linea_carrito_titulos_confirma h2{
    font-family: AvantGardn;
    font-weight: bold;
}

.linea_carrito{
    background: #d4d4d4;
}

.linea_carrito_titulos{
    width:90%;
}

.linea_envios{
    width: 100%;
}

.linea_envios label{
    margin-right: 30px;
    color: red;
}

.linea_envios label, .leyenda{
    font-family: Avantgardn;
    font-weight: bold;
}

.linea_carrito_titulos_confirma{
    width:100%;
}

.texto_carrito{
    width:25%;
}

.padding_linea{
        padding-top: 40px;
}

.cant_carrito{
    width:15%;
}

.precio_carrito{
    width:15%;
}

#btncarrito{
    color: #000;
}
#btncarrito:hover{
    cursor: pointer;
}

.linkmasmenos{
    font-size: 25px;
    text-decoration: none;
 display: block;
    padding: 5px 8px;
    border-radius: 50px;
    font-weight: bold;
    background: #999;
    height: 40px;
    margin-top: 25px;
    cursor: pointer;
}


#boton_mercadopago{
    display: flex;
    margin-top: 20px;
    width: 100%;
    justify-content: center;
    margin-bottom: 10px;
}
#boton_mercadopago img{
    height: 150px;
}


/*Estilos confirmacion y pago*/

.linea_pedido_titulos{
    margin-top: 20px;
}

.linea_pedido_titulos li{
    display: inline-grid;
    padding: 5px 15px;
    color: #fff;
    background: #000;
    font-family: AvantGarde Bk BT;
    margin-right: 10px;
    border: 1px solid #000;
}

.linea_pedido li{
    display: inline-grid;
    padding: 5px 15px;
    color: #000;
    font-family: AvantGarde Bk BT;
    margin-right: 10px;
    border: 1px solid #5C5B5F;
}

.linea_envio li{
    display: inline-grid;
    padding: 5px 15px;
    color: #FFF;
    font-family: AvantGarde Bk BT;
    margin-right: 10px;
    border: 1px solid #fff;
    margin-top: 15px;
}

.linea_total li{
    display: inline-grid;
    padding: 5px 15px;
    color: #000;
    font-family: AvantGarde Bk BT;
    margin-right: 10px;
    border: 1px solid #fff;
}
.gris{
    background: grey;
}
.titulo_pedido{
    width:390px;
    text-align: center;
}

.linea_pedido{
margin-top: 5px;
    
}


.texto_linea_pedido{
    width: 390px;
    overflow: hidden;
}

.cant_pedido{
    width: 100px;
    text-align: center;
}

.precio_pedido{
    width: 65px;
    text-align: right;
}

.borderless{
    border: 0px solid #000;
}

.cuadro_comprador{
    margin-bottom: 10px;
}
.titulo_comprador{
    color: #fff;
    background: #000;
    font-family: AvantGarde Bk BT;
    border: 1px solid #000;
    width: 800px;
    text-align: center;
    margin: auto;
}

.datos_comprador{
    border: 1px solid #5b5f5c;
    width: 800px;
    margin-top: 5px;
    padding: 20px;
    margin: auto;
    margin-top: 5px;
}

.datos_comprador li{
    text-align: left;
    font-family: AvantGarde Bk BT;
    margin-bottom: 3px;
}

.datos_comprador li:first-child{
    margin-bottom: 10px;
}

.datos_comprador label{
    font-weight: bold;
}

.check_terminos{
    width: 15px;
    height: 15px;
}

.informacion_compra{
    border: 1px solid #5b5f5c;
    margin-left: 5px;
    margin-top: 20px;
    padding: 10px;
    background: #5b5f5c;
}

.informacion_compra p{
    color: #fff;
    font-family: arial;
    font-size: 14px;
    text-align: center;
}

.titulo_infcompra{
    
    color: #fff;
    font-family: arial;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: underline;
    margin-bottom: 10px;

}

.img_pagos{
    width: 180px;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.botones-pagos{
    margin-top: 25px;
        font-family: arial;
}

.boton-pago:hover{
    cursor: pointer;
}

.boton-modifica{
    padding: 10px 35px;
    background: #5b5f5c;
    color: #fff;
    margin-right: 10px;
}

.resaltar{
    font-weight: bold;
}
.boton-pago{
    padding: 10px 35px;
    background: #008678;
    color: #fff;
}
/*Fin Estilos confirmacion y pago*/

.form__usuariocompra h2{
 font-family : AvantGarde Bk BT;
  font-size : 30px;
  color : #008678;
    margin-top: 10px;
    font-weight: bold;
    margin-bottom: 20px;
}

.form__usuariocompra{
    display: flex;
    flex-direction: column;
    margin:20px 0;
    
}

    .linea__form_usuario{
        display: flex;
         flex-direction: row;
        justify-content:space-between;
    }


.form__usuariocompra label{
    margin-bottom: 5px;
    margin-right: 5px;
    margin-left: 15px;
    text-align: left;
    font-family : AvantGarde Bk BT;
      font-size : 18px;
      color : #1F140F;
    padding-top:5px;
    width: 150px;
}

.form__usuariocompra .label_corto{
    width: 91px;
}

.form__usuariocompra input, .form__usuariocompra select{
    border:none;
    margin-bottom: 15px;
    padding:10px;
    display: block;
    border: 1px solid #000;
}

.form__usuariocompra select{
    width: 85%;
    margin-left: 55px;

}

.form__textarea_usuario{
    border:none;
    margin-bottom: 15px;
    padding:10px;
    height: 100px;
    border: 1px solid #000;
    width: 85%;
}

.input-largo{
    width:360px;
}


.input-corto{
    width:60px;
}


.input-custom{
    width:292px;
}


.error-input{
    box-shadow: 2px 2px 2px red;
}

#btn-cierrecompra{
  font-size : 16px;
  color : #1F140F;
    text-align: center;
   background : #CACBD0;
   font-family: AvantGardn;
    border: none;
    display: block;
    width: 250px;
    height: 50px;
    border-radius: 10px;
    margin-bottom: 20px;

}

#btn-cierrecompra:hover{
    cursor: pointer;
}





.contenedor_80p{
    width: 80%;
    max-width: 800px;
}


.contenedor_20p{
    width: 20%;
    max-width: 200px;
}

/*Fin de estilos del carro*/



.contenedor_1000{} 
.formulario_compra{
    width: 70%;
height: 100vh;
}

.formulario_compra h1{
   font-family : AvantGarde Bk BT;
  font-size : 34px;
  color : #008678;

}

.formulario_compra label{
    float: left;
      font-family : AvantGarde Bk BT;
  font-size : 20px;
  color : #1F140F;
}
.formulario_compra input[type="text"]{
    width: 500px;
    height: 40px;
    float: right;
    margin-right: 20px;
}


.barra_compra{
    width: 30%;
    background: #D8DADE;
    height: 500px;
    padding: 20px;

}
.barra_compra p{
      font-family : AvantGarde Bk BT;
  font-size : 19px;
  color : #5C5B5F;
        text-align: justify;
}


.blanco{
    background: #fff;
}

.caja-gris{
min-height: 535px;
float: right;
min-width: 200px;
background: #D2D4D8;  
margin-right: 100px;
margin-top: 20px;    
}

.contenido-texto h2{
 font-family : AvantGarde Bk BT;
  font-size : 28px;
  color : #008678;
    margin-top: 10px;
/*    font-weight: bold;*/
}

.texto-quienessomos{
  font-family : AvantGarde Bk BT;
  font-size : 18px;
  color : #5C5B5F;
margin-top: 10px;
    text-align: justify;
    max-width: 1000px;
    
}

.texto-quienessomos li{
        list-style:inside;
    font-family : AvantGarde Bk BT;
  font-size : 15px;
  color : #5C5B5F;
        letter-spacing: 1.1px;
    margin-left: 15px;
}

.texto-quienessomos strong{
    font-weight: bold;
}

.titulo-novedades{
font-family : AvantGarde Bk BT;
  font-size : 51px;
  letter-spacing : -1.02px;
  color : #FFFFFF;
    text-align: right;
}
.caja_noticia_foto{
    width: 325px;
    height: 390px;
    background : #ffffff;
    position: relative;
    margin-right: 5px;
    padding: 5px;
    margin-bottom: 10px;
}


.texto_noticia_foto{
  font-family : Arial;
  font-size : 20px;
line-height: 20px;    
  color : #231F20;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical; 
    overflow: hidden;
    padding: 5px;
        
}

.imagen_noticia{
    width: 297px;
    height: 183px;
    margin-left: 8px;
}


.nosotros{
    margin-top: 5px;
}

.imagen-nosotros{
    width: 100%;
    height: 280px;
    margin-bottom: 5px;
}
.texto-nosotros{
      font-family : AvantGarde Bk BT;
  font-size : 16px;
  line-height : 18px;
  color : #231F20;
    text-align: justify
}

.contenedor_izquierda{
   
    width: 68%;
    float: left;
}

.barra_titulo{
    height: 77px;
    margin-top: 26px;
}

.columna_contenido{
    width: 730px;
    float: right;
}

.caja_titulo{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 77px;
}

.titulo_seccion{
      font-family : AvantGarde Bk BT;
  font-size : 35px;
  line-height : 36.54px;
  letter-spacing : -0.7px;
  color : #FFFFFF;
    text-transform: uppercase;
    margin-left: 15px;
}

.caja_servicio{
    display: flex;
    flex-direction: column;
    height: 285px;
    width: 233px;
    margin-right: 7px;
    margin-bottom: 10px;
}

.imagen_servicio{
    height: 235px;
    width: 233px;
}

.link_servicio{
    height: 50px;
    text-decoration: none;
      font-family : AvantGarde Bk BT;
  font-size : 18px;
  letter-spacing : -0.36px;
  color : #FFFFFF;
    text-transform: uppercase;
    padding-left: 5px;
    padding-top: 5px;
    
}

.contenedor_derecha{
    width: 32%;
    float: right;
}




.columna_titulos{
    width: 270px;
    float: left;
    margin-top: 25px
}

.caja_link{
    width: 240px;
    height: 120px;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
    position: relative;
    box-shadow: 3px 3px 3px #797979;
    margin-left: 10px;
}


.pymes{
    background : #8DC63F;
}

.emprendedores{
      background : #39B54A;
}

.beneficios{
     background : #2BB673;
}

.financiacion{
     background : #00A79D;
}

.link_servicios{
    font-family : AvantGarde Bk BT;
  font-size : 22px;
  letter-spacing : -0.56px;
  color : #FFFFFF;
    text-decoration: none;
    display: block;
    text-align: center;
    text-transform: uppercase;
    padding: 35px 40px;
}


.ico{
    position: absolute;
    top:-15px;
    right: -25px;
}

.caja_noticia{
    width: 240px;
    height: 218px;
    background : #E6E7E8;
    position: relative;
    margin-bottom: 15px;
}

.titulo_noticia, .link_noticia{
  font-family : Arial;
  font-size : 28px;
  color : #9E1F63;
}

.titulo_noticia{
    padding: 5px
}

.texto_noticia{
  font-family : Arial;
  font-size : 20px;
  color : #231F20;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical; 
    overflow: hidden;
    padding: 5px;
        
}

.link_noticia{
    text-decoration: none;
    text-transform: uppercase;
    position: absolute;
    right: 5px;
}

.socialnetwork:hover{
    transform: scale(1.1);
}

.grande{
    height: 37px;
    margin:0px 10px 0px 5px
}


.contenedor_nav{
    height: 50px;
    width: 100%;
    
}

.banner{
    width: 100%;
    z-index: 1;
    margin-top: 2px;
    margin-bottom: 2px;
    box-shadow: 0 0 35px #000;
}



.navbar_home{
    width: 1000px;
    margin: auto;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #FFFFFF;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}


.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent;
  /* Hack to improve aliasing on mobile/tablet devices */
}

.menu{
    display: flex;
    justify-content: center;
        align-items: center;

}


.menu_header ul{
    display: flex;
    justify-content: flex-end;
    flex-direction: row;
    margin-bottom: 10px;
padding: 10px;
}

.menui{
  margin: 0 2px;
    display: inline-block;
}

.menui a{
    font-family : AvantGardn;
  font-size : 16px;
    text-decoration: none;

  color : #008678;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.4s;

}

.sub_menu a{
  margin: 0 2px;
    display: block;
    font-family : AvantGardn;
  font-size : 15px;
  color : #008678;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    transition: all 0.4s;
    width: 200px;

}


.menui a:hover{
    font-size : 17px;
}

.menui:after{
    content: "│";
      color : #008678;
    font-weight: bold;
}

.menu_item:after{
    content: "|";
      color : #ffffff;
}




        .dropdown {
            position: relative;
            display: block;
        }


        .dropdown .dropdown-content{
            display: none;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #ffffff;
            padding: 10px;
                z-index: 80; 
        }


.dropdown:hover .dropdown-content{
            display: block;
        }


.dropdown-content li {
            display: block;
            padding: 5px;
            color: #333;
        }

        .dropdown-content li:hover {
            background-color: #ddd;
        }


.navbar_link{
    display: block;

    text-decoration: none;
    text-transform: uppercase;
    font-family : AvantGardn;
    font-size : 14px;
    color : #FFFFFF;
    text-align: center

}




.menu_item:last-child{
    border-right: none;
}

.navbar_home a{
   padding: 10px 10px;
    cursor: pointer;
}

.menu_item ul {
    display: none;
    position: absolute;
    background: #fff;
    margin-left: 0px;
    z-index: 80; 
    min-width: 140px;
}

.menu_item a{
    display: inline-block;
    font-size: 1.2em;
 
}

.menu_item ul li:hover{
    background: rgba(0,0,0,.3);
}

.navbar_home li ul li{
position: relative;

}

.navbar_home li ul li ul{
        left: 150px;
        top: 0px;
}

.menu_item:hover > ul{
    display: block;

    background: #fff;
}

.navbar_home li ul li:hover > ul{
    display: block;

    background: #fff;
}

.menu_item ul a{
    text-decoration: none;
    font-family : AvantGardn;
    font-size : 16px;
    color: #000;
    display: block;
/*    padding: 10px 36px;*/
    z-index: 500;
}


.menu_item ul li ul li{
background : #DCEFF1;
min-width: 200px;    
}

.menu_item ul li ul li a{
    text-decoration: none;
    font-family : AvantGardn;
    font-size : 16px;
    color: #000;
    display: block;
/*    padding: 10px 36px;*/
    z-index: 500;
    
}


.menu_item span{
    margin-left: 10px
}




.titulo{
    width: 100%;
    text-align: center;
}

.titulo h2{
  font-family : English111 Vivace BT;
  font-size : 51px;
  color : #2D241A;
  color : rgb(45, 36, 26);
display: none;
}

.col{
    width: 50%;
    padding: 10px;
    text-align: justify;
}


.clearfix{
    clear: both;
}

.contenedor_500{
    width: 500px;
}
.otros{
      background : #C9CACE;
}

.quizas{
      background : #000000;
}

.titulo__img_grande{
display: block;    
}
    
    .titulo__img_480{
    display: none;
    }

.titulo__subcat{
    background: #4DA92C;
    color: #fff;
    font-family: arial;
    padding-left: 10px;
    padding: 5px 10px;
}



.contenedor_articulos{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 20px;
    justify-content:flex-start;
    padding-left: 10px;
    margin-bottom: 5px;
    padding-top: 10px;
}

.contenedor_articulos .slide-otros{
    margin-right: 20px;
    margin-bottom: 20px;
}

.slide-otros{
    position:relative;
}

.otros-titulo{
    font-family: AvantGardn;
    text-align: center;
    width: 100%;
    font-size : 18px;
    color : #008678;
    font-weight: bold;
}
.titulo-decoracion{
text-decoration: none;    
}

.nuevo{
    position: absolute;
    bottom: 3px;
    right: 3px;
}
.titulo_franja{
    margin-top: 20px;
    margin-bottom: 10px;
}


.articulo__columna{
    width: 232px;
    height: 300px;
    margin-bottom: 10px;
    margin-right: 5px;
}

.articulo__titulo{
  font-family : Arial;
  font-size : 18px;
  color : #ffffff;
  margin-left: 5px;
  margin-top: 4px;    
}

.articulo__img{
    height:262px;
    width: 232px;
    margin: auto;
}


.articulo__descripcion{
    display:flex;
    flex-direction: row;
    height: 38px;
    justify-content: space-between;
    align-items: center;
background : #424041;
    
}


.articulo__link{
    font-family: AvantGardn;
    text-decoration: none;
    font-size: 17px;
    color:#FFF;
    text-align: right;
    padding-right:5px;

}


.contenedor{
    width: 1000px;
    margin: auto;
}


/*-------------------------------Estilos del Footer-------------------------------*/

.footer{
  background : #008678;
    overflow-y: hidden;
    transition: all 0.6s;
    margin-top: 20px;
}

.mostrar_footer{
    height: 220px;
}

.footer .contenedor {
    display: flex;
    height: 320px;
    width: 1000px;
}

.texto__footer{
    font-family: AvantGardn;
    text-decoration: none;
    font-size: 1em;
    color:#FFF;
    vertical-align:top;
    margin-top: 5px;
    text-align: right;
}

.linea_footer{
    margin-left: 0px;
    width: 100%;
    border-bottom: 2px solid #fff;
}


.borde_footer{
    margin-left: 0px;
    width: 58%;
    border-bottom: 2px solid #fff;
}

.link_footer{
    font-family: AvantGardn;
    text-decoration: none;
    color:#FFF;
    text-transform: uppercase;
        font-size: 1.2em;
}
.menu_footer ul{
    line-height: 20px;
}

.redes li{
    display: inline-block;
}

.columna__footer{
    display: flex;
    flex-direction: column;
    width: 500px;
height: 200px;
}

.izquierda{
    float: left;
    justify-content: flex-end;
    align-items: flex-start;  
    margin-top: 45px;
}

.derecha{
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}


.imagen_footer {
    display: block;
    align-self: auto;
}

.imagen_footer img{
    width:240px; 
    border-radius: 15px; 

}

.derecha {}


.subfooter{
    height: 0px;
    background: #424041;
}
/*

.menu_footer{
    display: none;

}

.show{
    display: block;
}

*/
/*-------------------------------Estilos del Form-------------------------------*/

.form__contacto{
    display: flex;
    flex-direction: column;
    width: 500px;
    margin:10px;
    
}

    .linea__form{
        display: flex;
         flex-direction: row;
        justify-content: space-around;
    }
.texto__form{
 font-family : Arial;
  font-size : 51px;
line-height: 27px;
  text-align: left;
    letter-spacing: -1.02px;
  margin-left: 10px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 25px;
}


.form__contacto label{
    margin-bottom: 5px;
    width:20%;
    text-align: left;
    font-family : AvantGarde Bk BT;
      font-size : 20px;
      color : #1F140F;
}


.form__contacto input{
    border:none;
    margin-bottom: 15px;
    padding:10px;
    width:345px;
    display: block;
    border: 1px solid #000;
}

.form__textarea{
    border:none;
    margin-bottom: 15px;
    padding:10px;
    height: 100px;
    width:345px;
    border: 1px solid #000;
}

#btnform{
  font-size : 16px;
  color : #1F140F;
    text-align: center;
   background : #CACBD0;
   font-family: AvantGardn;
    border: none;
    display: block;
    width: 100px;
    margin-left: 388px;
}

#btnform:hover{
    cursor: pointer;
}

.marco{
    background: #fff;
    width: 413px;
    height: 313px;
    display: flex;
    justify-content: center;
    align-items: center;
        
}

.contacto__text{
background: rgba(0,0,0,.6);
    color: #fff;
    font-family: AvantGardn;
    padding: 20px;

}

    .black{
        color:#000;
    }    
    



.icon-menu{
    display: none;
}


.acordion_item input{
    display: none;
}

.acordion__pregunta{
    display: block;
    padding: 15px;
    cursor: pointer;
    border-bottom: 2px solid #008678;
}

.acordion__respuesta {
    height: 0;
    overflow: hidden;
    margin: 0;
    transition: all 0.5s;
font-family : AvantGarde Bk BT;
  font-size : 18px;
  color : #5C5B5F;
}

.acordion_item input:checked ~ .acordion__respuesta{
    height: auto;
    margin: 15px 0;
}


/*-------------------------------Estilos de las novedades-------------------------------*/

.novedades{
    width: 990px;
    margin: auto;
}
.caja__novedad{
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    padding:5px;
    height:187px;
    overflow-y: hidden;
    align-items: baseline;

}

.caja__novedad:nth-child(odd){
 background : #76A9DA; 
}
.caja__novedad:nth-child(even){
    background:#4A72B1;
}




.novedad__img,.novedad__info{

}

.novedad__img{
    margin-top: auto;
    margin-left:10px;
    height: 156px;
    width:364px;
    order:3;
    border: 1px solid #fff;
    margin-bottom: 15px;
    margin-right: 15px;
}

.novedad__info{
    width:100%;
    order:1;
    font-family: AvantGardn;
text-align: left;
    margin-left: 10px;
    max-height: 160px;
    overflow-y: hidden;
}


.novedad__titulo{
   font-family : AvantGardn;
  font-size : 26px;
  color : #FFFFFF;
    margin-top: 10px;
    margin-bottom: 10px;
}


.novedad__texto{
 font-family : Arial;
  font-size : 16px;
  color : #FFFFFF;
    max-height:106px;
    overflow-y: hidden;

}
.novedad__link{
font-family: AvantGardn;
    text-decoration: none;
    color:#FFFFFF;
    font-size: 26px;
    width:10%;
    text-align: right;
    order:2;
    margin-bottom: inherit;
    align-self:flex-end;
    text-transform: uppercase;
}


/*---------------------Estilos de Contactenos---------------------*/

.banner_contacto{
    width:100%;
    height: 400px;
    background-image: url('../banner/casa-2-28115_28115.jpg');
    background-size: cover;
    background-position: 50% 65%;
}

.accordion {
  overflow-anchor: none;
}

.accordion > .card {
  overflow: hidden;
}

.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: 0;
}


/*---------------------Estilos de Detalle---------------------*/



.contenedor_1000{
    max-width: 1000px;
        margin: auto;
}


.contenedor_1200{
    max-width: 1000px;
        margin: auto;
}

.row{height: 800px;}

.row_detalle{ margin-top: 50px;min-height:650px;}

.info-edicion-izquierda{
    width:50%;
    float: left;

}

.slidernew{
    width: 100%;
    height: 600px;
    margin: auto;
    position: relative;
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
/*    border: 3px solid #008678;*/
    
}

.slidernew img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    opacity: 0;
    transition: all 0.7s;
    object-fit: contain;
}

.slidernew input[type="radio"]{
display: none;
}

.slidernew input[type="radio"]:checked ~ img{
    opacity: 1;
}

.slidernew input[type="radio"] + label{
    position: relative;
    z-index: 50;
    margin:10px;
    top:50px;
    
    width: 20px;
    height: 20px;
    background: white;
    border-radius: 50%;
    display: block;
    border: 2px solid black;
    cursor: pointer;
} 

.slidernew input[type="radio"]:checked ~ label{
    background: black;
    border: 2px solid white;
}

.caja-tapa-edicion{
    padding: 15px;
    border:2px solid #C9CACE;
    margin: auto;
    
}

.caja-tapa-edicion img{
    width: 100%;
    max-height: 700px;
margin: auto;

}


.info-edicion-derecha{
    width:50%;
    float: right;

    margin: 10px;

}

.caja-tapa-video{
    text-align: center;
    width: 100%;
    
    padding-top: 20px;
    padding-bottom: 20px;
    border:2px solid #C9CACE;
    margin-top: 20px;
}

.caja-precio-revista {
display:block;
margin-bottom: 30px;
    margin-top: 20px;
}

.caja-precio-revista h2{
         font-family : AvantGardn;
  font-size : 30px;
  color : #008678;
    text-transform: uppercase;
    margin-bottom: 10px;
    float: left;

}

.caja-precio-revista button{
    float: right;
    border-radius: 45px;
    color: #ffffff;
    text-decoration: none;
    padding: 5px 80px 5px 80px;
    font-family : AvantGardn;
    background-color: #008678;
    text-transform: uppercase;
    border: none;
    font-size : 24px;
    cursor: pointer;
    }

.caja-precio-revista hr{margin-top: 30px; border: 4px solid; }


.contenedor_todo{
    width: 100%;
        margin: auto;
}

.info-revista{
    width: 100%;
    max-width: 1200px;
    display: flex;
    margin-top: 15px;
    justify-content: space-around;
    margin: auto;
    
    
}

.tapa-revista{
    width: 230px;
    height: 325px;
    border: 1px solid #5b5b5e;
}

.info-revista-izquierda{
    width:30%;
    max-width: 230px;
    float: left;
}

.info-revista-derecha{
    width:70%;
    max-width: 870px;
    float: right;
}


.col-texto{
    padding: 0px 00px;
    float: left;
        width:435px;
}

.titulo-revista{
     font-family : AvantGarde Bk BT;
  font-size : 34px;
  color : #008678;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
}

.texto-revista{
  font-family : AvantGarde Bk BT;
  font-size : 1.2em;
  color : #5C5B5F;
    text-align: justify;
    margin-bottom: 30px;
}

.medidas-revista{
      font-family : AvantGarde Bk BT;
  font-size : 15px;
  color : #5C5B5F;
}

.caja-autor{
    width: 235px;
    height: 143px;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

.linea-autor{
    width: 125px;
    min-height:153px;
      background : #B6B6BB;
    display: flex;
    padding: 5px;
}

.foto-autor{
    width:112px;
    height: 143px;
}

.datos-autor{
    width: 100%;
    padding: 2px 5px;
          background : #D8DADE;
}

.by{
      font-family : Lucida Handwriting;
  font-style : italic;
  font-size : 29px;
  color : #89878C;
}

.linea-base-autor{
    width: 110px;
    min-height:153px;
      background : #B6B6BB;
}

.franja-autor{
    display: flex;
    
}

.nombre-autor{
      font-family : AvantGarde Bk BT;
  font-size : 15px;
  color : #008678;
    font-weight: bold;
}

.datos-autor p:nth-child(3), .datos-autor p:nth-child(4){
      font-family : AvantGarde Bk BT;
  font-size : 15px;
  color : #1F140F;
}

.col-autor{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    float: right;
        width:235px;
}

.red-autor{
display: flex;
    align-items: center;
    margin: 5px;
}

.social-autor{
    text-decoration: none;
    margin-left: 5px;
      font-family : AvantGardn;
  font-size : 15px;
  color : #1F140F;
}


.caja-sumario{
    width: 235px;
    height: 234px;
    border: 1px solid #1F140F;
    display: flex;
    flex-direction: column;
    padding: 10px;
    
}

.texto-sumario, .titulo-sumario{
  font-family : AvantGarde Bk BT;
  font-size : 15px;
  color : #5C5B5F;
  color : rgb(92, 91, 95);
}

.titulo-sumario{
    color: #008678;
    font-weight: bold;

}


.caja-precios{
    width: 235px;
    height: 90px;
    border: 1px solid #008678;
    display: flex;
}

.titulo-comprar{
      font-family : AvantGarde Bk BT;
  font-size : 22px;
  color : #008678;
    text-transform: uppercase;
    text-align: right;
}

.col-precios{
    flex:1;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

a {
    text-decoration: none;
}
.precio{
      font-family : AvantGarde Bk BT;
  font-size : 24px;
    line-height: 28px;
  color : #fff;
    background: #89878C;
    margin-bottom: 1px;
    text-align: center;
}

.precio::before{
 content: "$";
}

.tapa_compra{
    float: left;
    width: 125px;
    height: 175px;
}
.precios_compra{
    height: 175px;
    padding-left: 145px;
}

.precios_compra h1{
    text-transform: uppercase;
      font-family : AvantGarde Bk BT;
  font-size : 18px;
  color : #1F140F;
}

.version_compra{
    margin-bottom: 15px;
}

.version_compra p{
    margin-top: 5px;
    width: 220px;
padding: 20px 5px;
      font-family : AvantGarde Bk BT;
  font-size : 18px;
  color : #FFFFFF;
    background: #000;
    text-transform: uppercase;
}

.costo_compra p{
    margin-top: 5px;
    width: 220px;
padding: 10px 5px;
  font-family : AvantGarde Bk BT;
  font-size : 37px;
  color : #E76114;
    text-transform: uppercase;
    border: 1px solid #000;
}

.costo_compra p::before{
    content: "$"
}

#boton_mercadopago{
    float: right;
    margin-right: 20px;
    font-family : AvantGarde Bk BT;
  font-size : 16px;
  color : #1F140F;
    padding: 10px 15px;
    background: #CACBD0;
    box-shadow: 2px 2px 2px #000;
}

#boton_mercadopago:hover{
    background: rgba(0,0,0,.3);
}

.version{
    width: 99%;
    height: 59px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    margin: 1px 1px;
}

.version p{
      font-family : AvantGarde Bk BT;
  font-size : 18px;
  color : #FFFFFF;
    text-transform: uppercase;
}

.vimpresa{
      background : #008678;
}

.vimpresa p{
  color : #FFFFFF;
}


.vdigital{
      background : #000;
}

.titulo_revistas{
  font-family : AvantGarde Bk BT;
  font-size : 28px;
  color : #008678;
/*    font-weight: bold;*/
    margin-top: 10px;
}

.titulo_detalle_tematicas{
    width: 100%;
    height: 28px;
    position: relative; 
}

.titulo_detalle_tematicas::after{
        content: '';
    width: 100%;
    border-bottom: solid 1px #1F140F;
    position: absolute;
    left: 0;
    top: 45%;
    z-index: 1;

}


.titulo_detalle_tematicas h3{
font-family : AvantGarde Bk BT;
  font-size : 26px;
  color : #1F140F;
    float: right;
    background: #fff;    
      display: inline-block;
    z-index: 3;
    position: relative;
    padding-left: 5px;
}

/*Estilo del modal*/

.modal_img{
    cursor: pointer;
}

.modal{
    position: fixed;
    width: 40%;
    /*height: 100vh;*/
    /*height: 100vh;*/
    top: 10%;
    left: 35%;
    z-index: 1080;
    /*border: 10px solid #ffffff;*/
    margin: auto;
    display: flex;
}

.modal_imagen{
    /*width: 75%;*/
    max-width: 80%;
    border: 10px solid #ffffff;
}

.modal_mensaje{
    background: #fff;
    width: 500px;
    height: 410px;
    padding: 20px;
}

.modal_mensaje p{
    font-family: Avantgardn;
    font-size: 16px;
    margin-bottom: 5px;
}

.modal_mensaje .tapa-revista{
    width: 220px;
    height: 300px;
    margin-bottom: 10px;
}

.modal_mensaje strong{
    font-weight: bold;
}


.modal_imagen_interior{
    width: 80%;

}

.botonera-modal{
    width: 100%;
    margin: 0 auto;
}

.modal-precioversion{
    float: right;
    width: 50%;
}

.modal-precioversion h2{
    margin: 100px auto;
    font-size: 30px;
}

.botonera-modal button{
    margin:  auto;
    width: 50%;
    height: 28px;
}


.modal__boton{
    width: 40px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 25px;
    font-family: monospace;
    line-height: 40px;
    text-align: center;
    
    background: red;
    border-radius: 50px;
    
    position: absolute;
    right: 0;
    top: 0;
    margin: 0px;
    cursor: pointer;
    
}






.info__ppal{
/*    border:1px solid #000;*/
    width: 500px;
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    padding-right: 10px;
}

.ruta{
    text-transform: uppercase;
    color: #747278;
    font-weight: bold;
    margin-bottom: 5px;
    font-family : Arial;
  font-size : 18px;
}

.info__titulo{
  font-family : Arial;
  font-weight : bold;
  font-size : 29px;
  color : #DD1F26;
    margin-bottom: 15px;
}

.info__ppal p{
    font-family: sans-serif;
    padding-left: 5px;
    margin-bottom: 10px;
}

.info__ppal li{
list-style: inside;
font-family: sans-serif;    
}

.info__ppal p strong{
    font-weight: bold;
}

.consultar{
    display: flex;
    justify-content: space-between;
}
.linearojaconsultar{
    width: 80%;
    border-bottom: 4px solid #211915;
}

.info__link{
    text-decoration: none;
    color : #DD1F26;
    font-family: AvantGardn;
    font-weight: bold;
    font-size: 22px;
}
.info__galeria{
/*    border:1px solid #000;*/
    width: 500px;
    margin-top: 80px;
}

#slideshow-1,#slideshow-2, #cycle-2{
    background: #eee;
    max-height: 500px;
}

.slider-wrapper2{
margin-bottom: 30px;
}

        * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
        #cycle-1{}
        #cycle-1 div { width:100%; }
        #cycle-2 .cycle-slide { border:3px solid #fff; }
        #cycle-2 .cycle-slide-active { border:3px solid #004; }

        #slideshow-1 { width:85%; max-width: 496px; margin: auto; max-height: 500px;}
        #slideshow-2 { width:85%; max-width: 496px; margin: auto; height: 40px; max-height: 500px;}

#slideshow-2 img{height: 40px}
        #slideshow-2 { margin-top: 10px }
        .cycle-slideshow img { width: 100%; height: 100%; display: block; max-height: 500px;}

.imagenunica{
    width: 495px;
    height: 400px;
    margin: auto;
}

.textoadicional{
    margin-top: 20px;
    font-family: sans-serif;
    padding-left: 5px;
    margin-bottom: 10px;
}


.mision{
    position: relative;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 30px;
}

.mision p{
    font-family: Avantgardn;
    font-size: 16px;
    letter-spacing: 1.1px;
    padding: 5px;
}

.info__texto_adicional li{

    font-family: sans-serif;
    font-size: 16px;
    letter-spacing: 1.1px;
    padding: 5px;
    list-style:inside;
}

.boton-top{
    padding: 15px;
    border-radius: 50%;
    height: 45px;
    text-align: center;
    background: #ababab;
    position: fixed;
    right:5px;
    bottom: 5px;
    display: none;
}

.cont_mision{
    padding: 15px;
}

.img_qs{
    width: 45%;
}

.texto_qs{
    width: 50%;
    text-align: justify;
    padding-right: 15px;
    font-family : AvantGarde Bk BT;
    font-size : 16px;
    color : #5C5B60;
}

.titulo-seccion{
    font-family: AvantGarde MD BT;
    text-transform: uppercase;
    font-size: 55px;
    color: #B0AEB4;
    
}

.texto_qs li{
    list-style: inside;
}

.contenedor_cont{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
    
}

.caja_infocontacto{
 font-family : AvantGarde Bk BT;
 font-size : 21px;
 color : #211915;
    margin-top: 25px;
    padding: 15px;
}




/*-------------------------------Responsive Max 760-------------------------------*/
@media (max-width:760px){

    
    .wrapper, .contenedor_articulos, .contenedor, .header,.contenedor_gral, .banner ,.logo, .novedades, .contenedor_cont, .contenedor_1000 {
        max-width: 100%;
        margin-right: 5px;
    }
 
    .main_header, .cajas_destacadas{
        display: flex;
        flex-direction: column;
        height: auto;
    }
    
    .header_left, .header_right{
        float: none;
        width: auto;

    }
    
    
    .form_busqueda{
    width: 100%;
    margin: auto;
}

.busqueda, .linea{
    width: 500px;
}

#buscar{
    width: 320px;
}
    
    

    .contenedor2{
        width: 100%;
        overflow: hidden;
    }
    
    .boton-top{
        color: #fff;
        font-size: 20px;
    }
    
    .boton-top:hover{
        cursor: pointer;
    }
    


    .contenedor_detalle, .contenedor_cont{
        flex-direction: column;
        align-items: center;
    }

     .contenedor_articulos{
        flex-wrap: wrap;
         justify-content: center;
    }
    
    .articulo__columna{
        margin-bottom: 10px;
    }

  
     
    .footer .contenedor {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
    

 
    
    .contenedor_nav{
    width:100%;     
    position: absolute;
      
        
    }
    
    
    .navbar_home {
    position: absolute;    
    display: block;
    left: -200%;
    width: 100%;
    transition: all 0.4s;
    align-content: flex-start; 
    z-index: 2;
    }
    .menu_item{
        width: 100%;
        background : #008678;

    }

    
.menu{
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
    height: 30px; 
flex-direction: column;
}


    .navbar_link{
    display: block;
    text-decoration: none;
    color:#fff;
    text-transform: uppercase;
    padding:10px 20px;
    font-size: 15px;
    text-align: left;
    border-bottom: 1px solid #fff;
    width: 100%;
        background:#008678;
   
}

    .navbar_link:hover{
        opacity: .8;
    }

    
    .icon-menu{
    display: block;
    height: 40px;
    font-size: 30px;
    color:#008678;
    text-align: center;
    line-height: 50px;
    border-radius: 5px;
    margin:5px;
    cursor: pointer;
    
}

.mostrar{
    left:0;
}

.fixedicon{
    position: fixed;
    top:0;
    right:0;
}

.fixednav{
    position: relative;
    top:100px;
    right:0;
}

    
.menu_item:hover ul{
    display: none;
    position: static;
}    
    
    .menu_item span{
        position: absolute;
        right: 5px;
    }

.menu_header ul{
    justify-content: center;
}
    
    .header{
        flex-direction: column;
    }    
    
    .social{
    justify-content: center;
        text-align: center;
}
#cart-container {
  float: none;
  width: 50px;
  position: relative;
  margin-right: 0px;    
}
    
.info-revista{
    flex-direction: column;
    align-items: center;
    margin-top:50px;
}


.info-revista-izquierda{
    width:100%;
}

#interior{
    width: 100%;
    
}    

.titulo-revista{
     text-align: center;
    margin-top: 10px;
}    
    
    
.col-texto{
        width:100%;
}
    .texto-revista{
        padding: 0;
        margin: 0;
        margin-bottom: 10px;
    }    
    
    .col-autor{
        float: none;
        margin: auto;
    }    
    
    .otros-seccion{
        display: none;
    }    
    
.slide-banner{
margin-top: 40px;
    }
    
    .banner-tapa{
    margin-left: 20%;
}
    
   .video iframe{
        width: 370px;
        height: 270px;
    }
  
    
}
    
/*-------------------------------Responsive Max 480-------------------------------*/
@media (max-width:480px){

 .titulo__img_grande{
display: none;    
}
    
    .titulo__img_480{
    display: block;
    }
    
    
     .contenedor_articulos, .novedades{
        margin-top: 30px;
    }

    .logo{
        flex-direction: column;
        align-items: center;
    }
    
    .logo img{
        width: 70%;
    }
 
.slide-banner{

height: 300px;   

}

.busqueda, .linea{
    width: 400px;
}

#buscar{
    width: 300px;
}
 
    .texto__form{
    text-align: center;
}

.form__contacto{
display: flex;
flex-direction: column;
width: 100%;
margin:10px;
align-items: center    
}
    
.linea__form{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.linea__form_usuario{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}    

.form__contacto label{
    margin-bottom: 5px;
}


.form__contacto input{
    border:none;
    margin-bottom: 15px;
    padding:10px
}

.form__textarea{
    border:none;
    margin-bottom: 15px;
    padding:10px;
    height: 80px;
}

#btnform{

    font-size: 21px;
    text-align: center;

}

#btnform:hover{
    cursor: pointer;
}


.info__ppal, .info__galeria{
/*    border:1px solid #000;*/
    width: 100%;
    margin-left: 5px;
    }
.black{color:#000;} 
    
    .caja__novedad{
        flex-direction: column;
        height: auto;
        width: 100%;
    }    
    
    .novedad__img{
        order: 1;
        margin: auto;
        height: 153px;
    }
    
    .novedad__info{
        margin: auto;
        order: 2;
        text-align: center;
        margin-bottom: 10px;    
    }
    
    .novedad__link{
        margin: auto;
        order:3;
    }
    
    .img_qs, .texto_qs{
        float: none;
        width: 100%;
    }
    
    .info-edicion-izquierda, .info-edicion-derecha {
        width:100%;
        padding:15px
    }
    .caja-tapa-video{
        border: 0px;
        width: 100%;
    }
    
    .video iframe{
        width: 400px;
        height: 300px;
    }
    
    .columna__footer{
        width: 100%;
        display: flex;
        text-align: center;
     align-items: center;   
    }
    
    .redes{
        margin: auto;
    }
    .borde_footer, .izquierda, .derecha, .contenedor_1000, .form__contacto{
        width:100%;
    }
    
    .footer{
        padding-bottom: 10px;
        
    }
    
    .titulo-tematicas{
        width:100%;
    }
    .owl-item .slide-tematicas{
        margin: auto;
        
    }   
    
    .contenido-texto{
        padding: 15px;
        margin-top: 25px;
    }
    .form__contacto{
        display: block;
        text-align: center;
    }
    .form__contacto #btnform{
        margin: auto;
        margin-top: 15px;
    }
    
    .form__contacto input, .form__textarea{
        margin: auto;
        border: 1px solid #000;
        width: 90%;
        padding:10px;    
    }
    
    .acordion__respuesta{
        margin: auto;
    }
    
    .acordion__respuesta p{
        width: 90%;
        margin: auto;
    }
    .linea_footer{
        display: block;
    }
    
    .izquierda{
        margin-top: 40px
    }
    .slide-interiores{
        border: none;
        height: 220px;
    }
    
    .modal{
        position: fixed;
        width: 90%;
        left: 10%;
    }
    
}