/* Font */ @font-face{ font-family:'akzentconddb';src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot');src:url('../fonts/AkzentCond/akzentcond-regular_db-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff2') format('woff2'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.woff') format('woff'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.ttf') format('truetype'),url('../fonts/AkzentCond/akzentcond-regular_db-webfont.svg#akzentcond_dbregular') format('svg');font-weight:normal;font-style:normal; } @font-face{font-family:'open_sansregular';src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Regular-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');font-weight:normal;font-style:normal;} @font-face{font-family:'opensanslight';src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Light-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Light-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Light-webfont.svg#open_sanslight') format('svg');font-weight:300;font-style:normal; } @font-face{font-family:'opensanslight';src:url('../fonts/OpenSans/OpenSans-LightItalic-webfont.eot');src:url('../fonts/OpenSans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-LightItalic-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-LightItalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-LightItalic-webfont.svg#open_sanslight_italic') format('svg');font-weight:300;font-style:italic; } @font-face{font-family:'opensanssemibold';src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');font-weight:600;font-style:normal; } @font-face{font-family:'opensanssemibold';src:url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot');src:url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-SemiboldItalic-webfont.svg#open_sanssemibold_italic') format('svg');font-weight:600;font-style:italic; } @font-face{font-family:'opensansextrabold';src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot');src:url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.woff') format('woff'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/OpenSans-ExtraBold-webfont.svg#open_sansextrabold') format('svg');font-weight:800;font-style:normal; } @font-face {font-family: 'merriweatherbold';src: url('../fonts/merry/merriweather-bold-webfont.eot');src: url('../fonts/merry/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/merry/merriweather-bold-webfont.woff') format('woff'),url('../fonts/merry/merriweather-bold-webfont.ttf') format('truetype'),url('../fonts/merry/merriweather-bold-webfont.svg#merriweatherbold') format('svg');font-weight: normal;font-style: normal;} body{ font-family:'open_sansregular';color:#444;background:#fff; } h1,h3,h4,h5,h6, figure, blockquote{ margin:0 !important;padding:0; } blockquote{ border:0; } h1{ font-size:37px;letter-spacing:0px;line-height:41px; } h2{ font-size:16px;letter-spacing:0px;margin-bottom:7px;line-height:20px;} h3{ font-size:37px;line-height:41px;} h4{ font-size:50px;line-height:55px; } h5{ font-size:30px;line-height:55px; } label, li{ font-size:17px;letter-spacing:0.3px; } p{ font-size:15px ;line-height:23px;margin:0 !important; } a { color:currentColor; } a:hover, a:focus{ color:#00B13F; } header{ width:100%;z-index:3;padding:0;padding-bottom:8px;background:#fff;position:relative; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);} header .franja{background:#00B13F;padding:5px 0 6px;margin-bottom:7px;position: fixed;width: 100%; z-index: 9;} header .franja li{ display:inline-block;font-size:14px;color:#B70F17;float:right;} header .franja li + li{ padding-right:30px;} header .franja li img{ padding-right:7px;} header .lifin a{padding-right:0;} /*menu-cel*/ header .franja nav ul{ margin-top:25px;} header .franja nav li{ display:block;float:none;} header .franja nav li + li{ padding:0;} header .franja .menu_bar{ padding:0;top:5;padding-left:20px;} /*menu-cel*/ /* header .buscar {padding:12px 0 3px;} */ header .buscar form button {width: auto;background:transparent;padding:0 !important;margin:0 !important;cursor:pointer;font-size: inherit!important;} header .buscar form .abs {top:0;left: inherit;right: 13px;} header .buscar input[type="text"]{background:url(../img/iconos/buscar.png) no-repeat;height:29px;padding-left:20px;font-size:14px;color:#999;font-style:italic;width:270px;float:right;border-radius:18px;border: 1px solid #00B13F;} /* header .logo {position:absolute;top:5%;} */ .redes img{padding-top:10px;} .ocultar{display:inline-block !important;} .aparecer{display:none !important;} nav ul {margin: 0;} nav > ul > li{ position:relative;display:inline-block;vertical-align:top;} nav > ul > li > a{display:inline-block;font-size:14px;color:#575757;position:relative;letter-spacing:0px;text-align:center;} #search{position:relative;margin-top:14px;} #search h3{font-size:15px !important;color:#fff;line-height:15px;padding-left:10px;} #search .menu_bar {display: block;} #search nav { position: absolute;margin:0;} #search nav > ul{margin-top:8px;} #search nav ul li {display: block;position: relative;background:#060709;z-index:97;white-space:nowrap;text-transform:uppercase;} #search nav ul li > a {display: block;text-align: left;padding: 7px 15px;font-size: 14px;position: relative;color:#fff;} #search nav ul li a:hover {background: #B70F17;color:#fff;} #search nav ul li .children {display:none;} #search nav ul li ul li {background:#060709;color:#fff;text-transform:none;} #search nav ul li ul li a {color:#fff;} /*Sub Menu*/ /* nav li ul{display:none;position:absolute;} */ /* nav > ul > li > ul{margin:0;} */ /* nav li:hover > ul, */ /* nav li:hover > ul a{display:block;right:0; color:#fff;background-color:#FABB14 ;border:0px;min-width:100%;} */ /* nav li > ul a{background-color:blue } */ /* nav > ul > li > ul > li > a{ display:block;font-size:20px;color:#fff;position:relative;padding:0; letter-spacing:1px;text-transform:initial;padding:8px 23px ;white-space:nowrap;border-left:none;} */ /*From*/ form label{ margin:12px 0 6px;color:#4A4A4A;font-size:14px !important;line-height:1.2; } form label.error{ float:none;font-size:12px !important;margin:9px 0 0 !important;padding:5px 10px;width:auto;min-height:auto;background:#ff0000;color:#fff; } form label.error.valid{ display:none !important; } form input[type="file"]{font-size:15px;} form input[type="text"], form input[type="password"], form input[type="email"], form textarea, form select{ background:#fff;border:0 ;box-shadow:none !important;height:36px;padding:0;margin:0 ;color:#333;font-size:16px;outline:0; padding-left:15px;}/*se cambia todo el texbox , fondo , tamañao etc*/ form textarea{height:140px !important; padding:10px 8px;font-size:16px;} form button{ width:139px;font-size:20px !important;background:#00B13F;padding:10px 30px !important;margin:22px 0 0 !important;text-align:center;color:#fff; } form .control{ border:0;background:#E9E9E9;padding:9px 9px 8px; } form .control.lleva-select{ padding:0; } form .control.lleva-select label.error{ margin:0 10px 9px !important; } form .control.lleva-select select{ padding:8px 25px 9px 10px; } form .callout{ font-size:13px; } iframe{ display:block; } /* Fuentes */ .arial{ font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal; } .osans{ font-family:'open_sansregular' !important; } .aconddb{ font-family:'akzentconddb' !important; } .merry{ font-family: 'merriweatherbold' !important; } /* Config */ .color-1{ color:#2F3045 !important;} .color-2{ color:#00B13F !important;} .texto{color:#333 !important;} .blanco{color:#fff !important;} .fondo-blanco{background-color:white;} .bold { font-weight: bold;line-height: inherit;} .em {font-style:italic;} .inlineb {display:inline-block;} .active{color:#FF000 !important;} .padibuton{padding-top:10px;} .cero{padding:0 !important;} .block-line{ display:inline-block; }/*para generales desaperece en movil*/ .block-b{ display:block; }/*para generales desaperece en movil*/ .block-n{ display:none; }/*para mostrar el correo en movil*/ #menu-2{display:none;} .menu_bar2{display:none;} .oculw { display: none; position: fixed; width: 60px; top: 50%; z-index: 999; right: 5px; } .wow{visibility:hidden;}/*efects*/ .row{ max-width:78em; } .rel{ position:relative; } .abs{ position:absolute;top:0;left:0; } .columns{ padding-left:15px;padding-right:15px; } .callout{ padding:0;margin:0;border:0; } .banners{ border:0;margin:0;padding:0; } .verticalalignmiddle{ position:absolute;top:0;left:0;bottom:0;right:0;margin:auto; } .en-linea > *{ display:inline-block;vertical-align:middle; } .fullwidth{ width:100%; } .fondo{ background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center; } .fondo-int{ background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center; } .tbl{ display:table;} .tbl > *{ display:table-cell;vertical-align:middle; } .pagination a:hover, .pagination .current{ background:#E5E5E5 !important;color:#333; } .mascara{ width:100%;height:100%;background:transparent;zoom:1 !important; } .banners .texto{margin-top:220px;} .banners p{font-size:60px !important;line-height:65px;padding-bottom:8px;z-index:9;color:#fff;text-shadow: 2px 4px 3px rgba(0,0,0,0.8);} .banners .fondo{ height:480px;} .banners .fondo2{ height:260px;} .banners .fondoint{ height:569px;} .banners .mascara{ background:rgba(0,101,186,0.20);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#0065BA',EndColorStr='#0065BA')";filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#0065BA',EndColorStr='#0065BA');z-index:1; } /* Menu */ .menu_bar{ display:none; } .float-movi{float:left!important;} /* Botones */ .btn{max-width:202px;width:100%;margin:0!important;background:#B70F17;color:#fff;font-size:16px;letter-spacing:0.5px;text-align:center;padding:8px 25px;border-radius:18px;} .btn-flecha{padding:0px 7px 5px 15px; } .botones:hover{background-color:#060709;color:#fff;}/*cambia el aspecto o color al pasar lel cursor*/ /* efectos */ @-webkit-keyframes hvr-pop {50% {-webkit-transform: scale(1.2);transform: scale(1.2);}} @keyframes hvr-pop {50% {-webkit-transform: scale(1.2);transform: scale(1.2);}} .hvr-pop { display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;} .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {-webkit-animation-name: hvr-pop;animation-name: hvr-pop;-webkit-animation-duration: 0.3s; animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;} /* Bounce In */ .hvr-bounce-in {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.5s;transition-duration: 0.5s;} .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);} /* end eefctos */ .img .mascara{ display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background-image:url(../img/more.png);background-repeat:no-repeat;background-position:center center;background-color:rgba(24,24,24,0.3);position:absolute;top:0;left:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s;cursor:pointer;z-index:2; } /* Banners*/ .banner-1{ background-image:url(../img/banners/1.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/1.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/1.jpg',sizingMethod='scale')"; } .banner-nos{ background-image:url(../img/banners/nos.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nos.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nos.jpg',sizingMethod='scale')"; } /* Back-top */ #back-top {position:fixed;bottom: 30px;right: 30px;z-index:2;} /*flecha flotante*/ #back-top a {width: 32px;display: block;text-align: center;font: 11px/100% Arial,Helvetica,sans-serif;text-transform: uppercase; text-decoration: none;color: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#333;background-image: url(../img/iconos/up-arrow.png);background-repeat:no-repeat;background-position:center;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;margin-top:-75px;} #back-top a:hover span {background-color:#FABB14;} .lSAction > a {display:inline-block; position:relative; width:14px;height:23px;opacity:5;} .lSAction > .lSPrev{ background:url(../img/iconos/prev.png) no-repeat;margin-right:8px;} .lSAction>.lSNext {background:url(../img/iconos/next.png) no-repeat; right: 0px;} .banners .lSAction > a {display:block; position:absolute; top:50%; width:27px; height:48px;z-index:1;} .banners .lSAction > .lSPrev{ background:url(../img/iconos/prev-banner.png) no-repeat;left:30px;} .banners .lSAction > .lSNext {background:url(../img/iconos/next-banner.png) no-repeat;right:30px;} .slaider .lSAction > a {display:block; position:absolute; top:50%; width:27px; height:48px;z-index:1;} #marcas {background:#fff;padding:60px 0 70px;} #marcas .lSAction > a{ display:none;} #marcas .lSAction > .lSPrev{ background:url(../img/iconos/prev-marca.png) no-repeat;left:0;} #marcas .lSAction > .lSNext {background:url(../img/iconos/next-marca.png) no-repeat;right:0;} #marcas {padding:30px 0;background:transparent;} #marcas li {height:80px;} #marcas img {max-height:80px;} #slide-sub .callout-2{background:#fff;padding:56px 0;} #slide-sub li{ height:140px;} #slide-sub .lSAction > .lSPrev{ background:url(../img/iconos/prevsubrojo.png) no-repeat;left:0;} #slide-sub .lSAction > .lSNext {background:url(../img/iconos/nextsubrojo.png) no-repeat;right:0;} #slide-sub {background:transparent;display:block;} #slide-sub li + li {background: url(../img/iconos/borde-slide.png) left center no-repeat;} #slide-sub figure {height:80px; position:relative;} #slide-sub figure img {max-height:80px;} #slide-sub h2 {margin-top:10px; color:#060709;padding:0 40px;} /* .minh-pro{min-height:410px;} */ .producto{padding:16px;background:#fff;/*min-height:360px;*/border-radius:0; margin-bottom: 15px;} .producto figure{height:115px;position:relative;} .producto figure img{max-height:115px;} .producto h2 {padding:0;padding-top:10px;text-transform:uppercase;} .producto h2{height:48px;overflow: hidden;padding:0;font-size: 11px;line-height: 14px;} .producto p{padding:10px 0;font-size: 14px; line-height: 16px;} .producto .btn{margin-top:-20px;} .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: pointer; } .fondex{padding:20px 0 40px;background:#00B13F;} .fondex h4{padding:0 25px 20px;font-size:15px!important;line-height:18px!important;} .fondex p{padding:10px 25px!important;color:#fff!important;line-height:16px !important;font-size: 14px !important;position:relative;} .fondex p a{padding-left:20px;} .fondex p span{background:url(../img/iconos/icono-check.png);width:9px;height:10px;position:absolute;top:35%;} .fondex a:hover{color:#000!important;} .fondex p:hover{background:#fff;color:#000!important;} .fondex p:hover span{background:url(../img/iconos/icono-check-1.png);} .fondex p.active{color:#000!important;background:#fff;} .fondex p.active span{background:url(../img/iconos/icono-check-1.png);} .categor .large-3{padding:0;padding-left:15px;} .categor .large-3 + .large-3{padding-left:15px;} .yape{padding:0;padding-left: 15px;} .yape2{padding:0;padding-left: 15px;} .yape + .yape{padding-left:15px;} .yape2 + .yape2{padding-left:15px;} .slaider{padding-right:1px;padding-left: 8PX;} .large-55{width:20%;} .map-height{height:380px;} #portada .callout-3 {background:#EFEFEF;padding:35px 0 50px;} #portada .callout-3 p{font-size:14px;line-height:16px;padding:10px 5px;} #portada .callout-3 h2{font-size:11px;line-height:14px;text-transform:uppercase;} #portada .callout-3 h3{padding-left:15px;padding-bottom:20px;font-size:20px;line-height:22px;} #portada .callout-3 .listacateg h3{margin-left: -25px!important;} #portada .callout-3 .listacateg .slaider h3{margin-left:-15px!important;} #portada .callout-3 h4{padding-bottom:20px;font-size:15px;line-height:18px;} #portada .callout-3 .large-2{padding:0 5px;} /* #portada .callout-3 .fondex{padding:20px 20px 40px;background:#00B13F;} */ #portada .callout-3 .lSSlideOuter {padding:15px 20px;background:#fff;} #portada .callout-3 .large-2 h2{height:42px;overflow: hidden;padding:0;font-size:12px;line-height:17px;} #portada .callout-3 .listacateg .large-2 h2{font-size:11px; } #portada .callout-3 .large-2 .producto{margin-bottom:10px;padding:10px;} #portada .callout-3 .productos p{padding:10px 0;} /* #portada .callout-3 .dalepe .yape{padding:0;} */ #portada .callout-3 .dalepe > .yape + .yape{padding-left:15px;} /* #portada .callout-3 .dalepe .yape2{padding:0;} */ #portada .callout-3 .dalepe > .yape2 + .yape2{padding-left:15px;} #portada .callout-4 {background:#fff;padding:50px 0 65px;} #portada .callout-4 h3{padding-bottom:30px;} #portada .callout-4 .pb {padding-bottom:45px;} #portada .callout-4 .content{background:#B70F17;padding:40px 30px;} #portada .callout-4 .publi blockquote{font-size:18px;line-height:23px;min-height:61px;padding-bottom:15px;} #portada .callout-4 .publi p{position:relative;font-size:15px;line-height:18px;padding-bottom:30px;} #portada .callout-4 .publi span{font-size:20px;line-height:20px;color:#fff;font-weight:800;} #portada .callout-4 .publi span small{font-size:16px;line-height:16px;color:#fff;font-weight:400;padding-left:6px;} #portada .callout-4 .publi figure img{height:236px;width:100%;} #portada .callout-4 .cambia-imagen{ display:inline-block; } #portada .callout-4 .cambia-imagen img + img{ display:none; } #portada .callout-4 .cambia-imagen:hover img{ display:none; } #portada .callout-4 .cambia-imagen:hover img + img{ display:inline-block; } #portada.contacto .callout-3 {background:#EFEFEF;padding:35px 0 120px;} #portada.contacto .datos{padding-top:145px;} #portada.contacto .callout-3 h3{padding-bottom:20px;padding-left:0;font-size:24px;line-height:27px;} #portada.contacto .callout-3 p{padding-bottom:10px;font-size:14px;line-height:22px;} #portada.contacto .callout-3 img{padding-right:10px;} #portada.contacto .callout-3 .fondo-blanco{padding-top:20px;padding-bottom:8px;} #portada.contacto .prince{max-width:280px;margin:0 auto;} #portada.contacto .fondo-blanco .tabla{display:table;height:46px;background:#00B13F;width:100%;text-align:center;} #portada.contacto .fondo-blanco .tabla > *{display:table-cell;vertical-align:middle;} #portada.contacto .fondo-blanco .tabla > span{font-size:13px;line-height:16px;} #portada.contacto .fondo-blanco img{padding-right:0;padding-top:20px;padding-bottom:20px;} #portada.contacto .fondo-blanco ul li{font-size:13px;line-height:18px;} #categ h1{font-size:26px !important; line-height:29px;padding:17px 0 15px ;color:#060709;} #categ .cero{padding:0 3px!important;} #categ .detalle,#categ .imagenes {min-height:405px;} #categ .callout-1{background:#EBECEA;padding:35px 0 70px;} #categ .callout-1 h3.cabe{font-size:20px !important; padding:0 15px 20px;color:#060709;} #categ .callout-1 h3{font-size:18px !important; line-height:22px;padding:40px 0 20px;color:#060709;} #categ .llamar{background:url(../img/iconos/fondo-llamar.png);padding:30px 65px;overflow:hidden;} #categ .llamar blockquote{font-size:20px;line-height:20px;} #categ .fotos{background:#fff;margin-bottom:10px;} #categ .foto-principal figure{height:350px;position:relative;} #categ .foto-principal figure img{max-width:100%;max-height:350px;} #categ .foto-adicionales {padding:5px;} #categ .foto-adicionales figure{height:80px;position:relative;} #categ .foto-adicionales figure img{max-width:100%;max-height:80px;} /* #categ .detalle h3{font-size:27px!important;line-height:31px;color:#060709;padding:35px 0 8px;} */ #categ .detalle h3{font-size:22px!important;line-height:31px;color:#00802D;padding:35px 0 8px;} #categ .detalle h3 strike{font-size:14px!important;color:#666;padding-right:7px;} #categ .detalle li{font-size:15px!important;color:#494949;} #categ .detalle p{font-size:14px!important;color:#666;padding-right:7px;display:inline-block;} #categ .detalle p span{color:#060709;padding-right:17px;} #categ .detalle .stock{background:#272727;padding:8px;margin-right:2px !important;width:140px;color:#fff;} #categ .detalle .igv{background:#fff;padding:8px;margin-right:15px;width:200px;color:#384049;} /* #categ .detalle .pdf{position:relative;padding-top:5px;padding-left:45px;font-size:15px!important;line-height:18px;color:#494949;} */ #categ .detalle .pdf{background:#00b13f;padding:8px;margin-right:2px !important;width:140px;color:#fff;} #categ .detalle .pdf:hover{background:#000;} #categ .detalle .pdf span{position:absolute;top:0;left:0;} #categ .contenido h1{padding:23px 0 15px ;} #categ .contenido p{font-size:15px!important;font-family:'OpenSans' !important;color:#333;line-height:22px;padding:10px 0 25px;} #categ .lleva-video {background:#fff;padding:10px;} #categ .responsive-embed{margin:0;} #categ .callout-product{background:#EBECEA;padding:0 0 40px;} #categ .curvas{border-radius:0;} #categ .relacionados .large-12{padding-bottom:40px;background:#fff;} #categ .end > .quitar {padding:0;} #categ .end > .quitar + .quitar {padding-left:10px;} /* #categ .medium-9 {padding-left:30px;} */ #nos .banners .capa{background:#B70F17;padding:80px 40px 100px;border-radius:20px;margin-top:30px;} #nos .banners .capa h3{font-size:25px!important;line-height:29px;padding-bottom:15px;} #nos .banners .capa p{font-size:15px!important;line-height:19px;} #nos .callout-2{ background:#fff;padding:70px 0 90px;} #nos .callout-2 blockquote{font-size:25px;line-height:28px;padding-bottom:15px;} /* #nos .callout-2 .medium-6 div{display:inline-block;} */ /*Contacto*/ #contacto h1{font-size:26px !important; padding:26px 0 15px ;color:#060709;} #contacto p{font-size:16px; padding-bottom:20px;color:#3C3C3C;} #contacto figure{ padding:59px 0 0; } #contacto .callout-2{ background:#EAEBE9;padding:0 0 70px;} #contacto .botones{border-radius:6px;background:#B70F17;} #contacto .botones:hover{background:#000;} #contacto .datos {padding-left:80px;padding-top:50px;} #contacto .datos p{ position:relative;padding-left:80px;color:#3C3C3C;font-size:20px;line-height:28px;} #contacto .datos.nos { padding-top:20px;padding-left:20px;} #contacto .datos.nos p{ position:relative;font-size:16px;line-height:20px;} #contacto .nos small{ font-size:30px;color:#3C3C3C; margin-bottom:4px;} #contacto .datos p span{ position:absolute;top:0;left:0;} #contacto .datos p + p{padding-top:40px;} #contacto .datos p + p span{padding-top:40px;} #contacto .fondocolor{background:#B70F17;border-radius:20px;padding:25px 25px 20px;margin-bottom:55px;margin-top:-65px;} #contacto .fondocolor h3{font-size:25px!important;line-height:28px;padding-bottom:20px;} /*Cliente*/ #clientes h1{font-size:26px !important; padding:26px 0 10px ;color:#060709;} #clientes p{font-size:16px; padding-bottom:20px;} #clientes figure {height:170px;} #clientes figure img {max-height:170px;} #clientes .callout-1{ background:#fff;padding:70px 0;} #clientes .blanco{padding:25px;margin-bottom:20px;min-height:300px;} #clientes .blanco p{font-size:16px; padding-bottom:20px;background: url(../img/dashed-h-1.png) right top repeat-x;padding:9px 31px ;margin-top: 9px!important;} /*Seccion Prensa */ #prensa h2{font-size: 14px!important;color:#333;line-height:17px;margin:0} #prensa a h2:hover{color:#00B13F;} #prensa h3 {padding-top:23px;} #prensa p{font-size: 14px;color:#666;} #prensa figure {height: 180px;position:relative;} #prensa figure img {height: 180px;width:100%;} #prensa figure div{ overflow:hidden; } #prensa figure div img{ -webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out; } #prensa figure div:hover img{ -webkit-transform:scale(0.95);transform:scale(0.95); } #prensa .callout-3{padding:35px 0;background:#EFEFEF;} #prensa .fondo { background:#fff; padding:15px 7px;height:74px;margin-bottom:50px;display:table;width:100%;} #prensa .callout-3 .fondo h2{display:table-cell;vertical-align:middle;width:75%;padding-left:10px;min-height:51px;} #prensa p.fecha {display:table-cell;vertical-align:middle;width:25%;font-size:11px;line-height:17px;color:#00B13F;BORDER-RIGHT:1px solid #00B13F;padding-right: 0;} #prensa p.fecha span{font-size:24px;line-height:24px;font-weight:800;color:#00B13F;} #prensa .callout-3 .end{padding-left:5px;padding-right:5px;} #prensa p .span{padding:10px;background-color:#333;} /* #prensa .fondores { background-color: #f7f7f7; padding:10px;} */ #prensa .jiji .btn{background:#000;border-left:0;width:175px;font-size:16px;padding:5px 15px;font-style: normal;color:#fff;} #prensa .jiji .botones:hover{background:#FABB14;color:#000;} #prensa .boto .btn {margin-top:60px;} .img-responsive {display: inline-block;} .img-responsive {display: block;width: 100% \9;max-width: 100%;height: auto;} /*Contenif Prensa*/ #prensa-cont .titulo{font-size:22px !important;color:#2F3045;padding:25px 0;line-height:27px;} #prensa-cont blockquote{font-size:35px;color:#060709;padding:15px 0 25px;} #prensa-cont h2,#prensa-cont h3,#prensa-cont h4,#prensa-cont h5,#prensa-cont h1{color:#666} #prensa-cont p{font-size:15px;color:#4E4E4E;} #prensa-cont .callout-2{ background-color:#EFEFEF ;padding:35px 0 100px; } #prensa-cont .callout-2 .pad{background-color:white;} #prensa-cont .callout-2 .nothing{padding:0;} #prensa-cont .callout-2 .ptb{padding:15px 0;} #prensa-cont .todo{display:flow-root;} #prensa-cont .btn-2{font-size:14px;color:#00802D;} #prensa-cont .fecha{padding-top:40px;} #prensa-cont .compa{padding-top:10px;} /*Footer */ footer{background:#fff;color:#333;padding:27px 0 0;} footer li {font-size:15px !important;padding-top:15px;list-style:none;} footer li + li{padding-top:10px;} footer li img{padding-right:10px;} footer .sociales li {display:inline-block;} footer blockquote{font-size:15px !important;word-wrap:break-word;line-height:19px;color:#fff;} footer p{font-size:15px !important;word-wrap:break-word;line-height:24px; } footer .dire{font-size:15px !important;word-wrap:break-word; } footer .p-top{ padding-top:0;} footer .row > div{ padding-bottom:6.5px; } footer .creditos{ padding-top:0; } footer .creditos span {font-size:12px !important;} .mi-altura{min-height:115px;} footer form{margin-right: 13px; margin-top: -30px;} footer input[type='email']{width: 185px; font-size: 14px;COLOR:#828282;font-style:italic; display: inline-block; border: 1px solid #00B13F; margin: 0;} footer button{width:82px;padding:8px!important;margin:0!important;margin-left: -4px!important;font-size:14px!IMPORTANT;line-height:14px;} /* footer a:hover{color: #f1e325;} */ /* el max se ordena de mayor a menor y el min-with de menor a mayor*/ @media only screen and (max-width: 64em){ footer .p-top{ padding-top:20px;} } @media only screen and (max-width: 54em){/*tableta-movil*/ .menu_bar{ display:block;text-align:left;padding:0;padding-right: 50px;} .menu_bar span{ font-size:15px;color:#fff;margin-right:10px; } #search .block-b{ display: block; } header .enmovil {float: none !important;} header .ocultar{display:none !important;} header .aparecer{display:block !important;} header .buscar{padding:10px 0 8px;} .block-b{ display: none; }/*para generales desaperece en movil*/ .block-line{ display: none; }/*para generales desaperece en movil*/ .block-n{ display:block; }/*para mostrar el correo en movil*/ header .logo{ margin-left:0; padding-top: 5px;} header .logo img{width:70%;} header .search { background-color: transparent;} header .search h3{color:#124212 ;} nav{ width:100%;height:calc(100% - 80px);position:absolute;left:0;margin:0;overflow:inherit; z-index: 1; } nav ul{border-bottom:1px solid #fff; }/*SUB MENU tañamo*/ nav ul li{ display:block;border-top:1px solid #fff;z-index:99;} header .lifin a{padding-right:30px;} nav ul li a{display:block; padding:8px 30px;color:#fff;text-align:center;border-radius:0;background-color:#060709;z-index:99;}/*color responsi */ nav ul li a:hover{ background:#FABB14;color:#060709;} nav > ul> li > ul > li > a {background:#FABB14;color:#060709;} nav li:hover > ul{display:none;} nav li ul{position:relative;} /* #search nav ul{ margin-top:0} */ #search nav{left:0;} #search nav ul{ margin-top:8px} #search nav ul li{border-top:0px solid #fff;} #search nav ul li ul li {background:#060709;color:#fff;} #search nav ul li ul li a {color:#060709;white-space:nowrap;} #search .menu_bar{padding:0;} #portada .callout-4 h3{padding:0;padding-top:30px;} #portada .callout-4 h3 span{font-size:15px;} .mi-altura{min-height:55px;} /*para acomodar los iconos en pie de pagina*/ footer .p-top {padding-top: 20px;} footer .row > div{ padding-bottom:20px; } } @media screen and (max-width: 50em) { } @media screen and (max-width: 46em) { header .logo img{width:55%;} .banners h1 {margin-top: 150px !important;font-size: 38px !important; line-height:42px;} .banners .pleft {padding-left: 0;} } @media screen and (max-width: 45em) { .banners p {font-size: 50px !important;line-height: 55px;} } @media only screen and (max-width: 42em){ } @media only screen and (max-width: 40em){ /*small*/ .banners h1 {margin-top: 113px !important;font-size: 30px !important; line-height:34px;} .banners .pleft {padding-left: 0;} #back-top a:hover span {z-index:100000;} footer .row > div{ padding-bottom:0; } .mi-altura {min-height: 95px;} .zopim{display:none;} .topo{padding-top:20px !important;} #portada .callout-3 .listacateg h3{margin-left:0!important;} .oculw {display: block;} #categ h1 {font-size: 18px !important;line-height: 23px;} #portada .callout-3 h3{padding-left:0;} #portada .callout-3 blockquote{padding:0 0 5px !important;} #portada .callout-3 .dalepe > .yape + .yape {padding-left:0;} #portada .callout-3 .dalepe > .yape2 + .yape2{padding-left:2.5px;} #portada.contacto .callout-3 h3{padding-top:15px;padding-bottom:15px;} #categ .callout-1 h3.cabe{padding: 0 0 15px;} #categ .callout-1 blockquote{padding:0 0 5px !important;} #categ .callout-1 .medium-9{padding-top:35px;} .productos {padding-top:35px;} .listacateg {padding-top:35px;} footer .sociales {display:none;} footer form {display:none;} .yape{padding-left:0;} .yape2{padding-left:0;padding:0 2.5px;} .yape2 + .yape2{padding-left:2.5px;} .yape + .yape{padding-left:0;} .menu_bar2{background:#00b13f;padding:15px 25px;display:block;} .menu_bar2 span{font-size:15px;line-height:15px;} #menu-2{position:relative;display:none;} #menu-2 ul li{border-top:0;} #menu-2 ul li a{padding:8px 20px 8px 45px;text-align:left;background-color:#00b13f;} #menu-2 ul li:hover a,#menu-2 ul li.active a{background:white;color:#060709;} #menu-2 ul li a span{background: url(../img/iconos/icono-check.png);width:9px;height:10px;position:absolute;top:35%;left:25px;} #menu-2 ul li:hover a span,#menu-2 ul li.active a span{background:url(../img/iconos/icono-check-1.png);} .ya-toca{display:none;} #prensa .callout-3 .end{padding-left:15px;padding-right:15px;} .minh{padding-left:0 !important;padding-right:0 !important;} #portada .callout-3 .listacateg .slaider h3 {margin-left: 0!important;} .pt0free{padding-top:0 !important;} .desaparece-frezzer{display:none;} } @media screen and (max-width: 39.950em){ #back-top {margin-left: 400px;} .tam{font-size:20px !important;} .banners .texto {margin-top: 150px;} .banners p {font-size: 45px !important;line-height: 50px;} .banners .fondo {height: 350px;} .banners .fondo2 {height: 250px;} #prensa figure {height: 293px;} #prensa figure img {height: 293px;} #prensa .pd {padding: 20px 15px;} #prensa .fondo {padding: 15px ;top: 60%;min-height: 51px;} #prensa-cont .callout-2 .pad {padding: 0 15px ;} #prensa-cont blockquote {font-size: 25px;padding: 15px 0;background:#eee;} #prensa-cont h2 {font-size: 21px !important;line-height:24px; } #prensa-cont h3 {font-size: 22px !important;line-height:26px; } #prensa-cont h4 {font-size: 23px !important;line-height:27px; } #prensa-cont h5 {font-size: 24px !important; line-height:28px;} #prensa-cont .titulo {font-size: 22px !important; padding-top: 18px;line-height: 30px;padding-right: 15px;margin:0 !important;} #twete {padding:10px 25px 0 0;} #contacto .callout-1 blockquote {font-size: 38px;} #contacto .callout-1 {padding-top:10px;} #contacto .callout-1 p {padding: 10px 0 20px;} #contacto .callout-1 .pd {padding: 10px;} #contacto .map-height{height:250px;} .menu_bar {padding-right:25px;} .urge{width:80%;} #portada.contacto .datos{padding-top:20px;} #portada.contacto .callout-3{background:#EFEFEF;padding:35px 0 35px;} } @media only screen and (max-width: 38em){ } @media only screen and (max-width: 36.750em){ .banners .texto {margin-top: 125px;} .banners p {font-size: 35px !important;line-height: 40px;} } @media only screen and (max-width: 33em){/*movil*/ .ocultar{display:none !important;} .aparecer{display:block !important;} header .buscar {padding: 3px 0 8px;} header .buscar input[type="text"] {background:#fff;width: 100%;border-radius:6px;} #search {padding: 10px 0;float: none !important;margin-top: 0;} #search h3 {padding-right: 0px;} #portada .callout-4 h3 {font-size: 20px !important;line-height: 23px;} } @media only screen and (max-width: 30em){ header .logo img {width: 55%;} header .franja li{font-size:12px;} #portada.contacto .fondo-blanco ul{margin-bottom:40px;} } @media only screen and (max-width: 28em){ #portada .callout-3 .dalepe > .yape2 + .yape2{padding-left:5px;} #portada .callout-3 .dalepe > .yape2{padding:0 5px;} .producto{margin-bottom:10px;} .row.categor{margin:0;} } @media only screen and (max-width: 25em){ /* .small-6{ width:100% !important; } */ header .franja li + li {padding-right: 10px;} #prensa figure{height:180px;} #prensa figure img{height:180px;} #categ .detalle, #categ .imagenes{min-height: 180px;} } @media only screen and (max-width: 24.9em){ #search .block-b{ display: none; } .small-6{width: 100%;} .small-61{width:50% !important;} .producto h2{height:90px;} } @media only screen and (max-width: 320px){ header .franja .large-12{padding:0 7px;} header .franja li {font-size: 11px;} } /* min widt*/ @media only screen and (min-width: 54em) { nav.hide{ display:block !important;} header .buscar {margin-top: 12px;padding-right: 40px;} #search:hover nav.hide{display:block !important;} /* nav > ul li +li {background:url(../img/iconos/flecha-left.png) left center no-repeat;} */ nav > ul > li > a{padding:5px 11px;} nav > ul > li:hover > a, nav > ul > li.active > a{color:#00B13F;} #search .menu_bar a{padding: 5px 11px;} #search h3{padding-right:11px;} #search .menu_bar a:hover{background:#810006;color:#fff;} #search nav.hide{ display:none !important;} nav > ul li +li {background: url(../img/iconos/flecha-left.png) left center no-repeat;} } @media only screen and (min-width: 60em) { nav > ul > li > a{ padding:15px 11px;padding-right:7px;} #search .menu_bar a{padding: 15px 21px;} #search h3{padding-right:21px;} } @media only screen and (min-width: 64em){ #search nav ul ul{position: absolute;top:0;left:100%;} #search nav ul li:hover ul{ display:block; } #search nav ul li .children li a{white-space:nowrap;} footer .large-4 + .large-4{ width:30.33333%; } } .ie .row{ max-width:1100px; }