/* 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:'OpenSans';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.woff2') format('woff2'),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-style:normal;font-weight:normal; } @font-face{ font-family:'OpenSans';src:url('../fonts/OpenSans/opensans-italic-webfont.eot');src:url('../fonts/OpenSans/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/opensans-italic-webfont.woff2') format('woff2'),url('../fonts/OpenSans/opensans-italic-webfont.woff') format('woff'),url('../fonts/OpenSans/opensans-italic-webfont.ttf') format('truetype'),url('../fonts/OpenSans/opensans-italic-webfont.svg#open_sansitalic') format('svg');font-weight:normal;font-style:italic; } @font-face{ font-family:'OpenSans';src:url('../fonts/OpenSans/opensans-bold-webfont.eot');src:url('../fonts/OpenSans/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/opensans-bold-webfont.woff2') format('woff2'),url('../fonts/OpenSans/opensans-bold-webfont.woff') format('woff'),url('../fonts/OpenSans/opensans-bold-webfont.ttf') format('truetype'),url('../fonts/OpenSans/opensans-bold-webfont.svg#open_sansbold') format('svg');font-weight:700;font-style:normal; } @font-face{ font-family:'OpenSans';src:url('../fonts/OpenSans/opensans-bolditalic-webfont.eot');src:url('../fonts/OpenSans/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/OpenSans/opensans-bolditalic-webfont.woff2') format('woff2'),url('../fonts/OpenSans/opensans-bolditalic-webfont.woff') format('woff'),url('../fonts/OpenSans/opensans-bolditalic-webfont.ttf') format('truetype'),url('../fonts/OpenSans/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');font-style:italic;font-weight:bold; } @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:'OpenSans';color:#444;background:#fff; } h1,h3,h4,h5,h6, figure, blockquote{ margin:0 !important;padding:0; } blockquote{ border:0; } h1{ font-size:37px !important;letter-spacing:0px;line-height:42px; } h2{ font-size:16px !important;letter-spacing:0px;margin-bottom:7px;line-height:20px;} h3{ font-size:37px !important;line-height:41px;} h4{ font-size:50px !important;line-height:55px; } h5{ font-size:30px !important;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:#FF0000; } header{ width:100%;z-index:3;padding:0;background:#303C3C;position:relative;} header .franja{background:#EDEDED;padding:25px 0;} header .franja li{ display:inline-block;font-size:20px;color:#C70500;float:right;} header .franja li + li{ padding-right:30px;} header .franja li img{ padding-right:7px;} /*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:7.5px 0;padding-left:60px;} header .buscar form button {width: auto;background:transparent;padding:0 !important;margin:0 !important;cursor:pointer;} header .buscar form .abs {top:0;left: inherit;right:0;} header .buscar input[type="text"]{border-radius:13px;height:42px;padding-left:20px;font-size:14px;color:#303c3c;font-style:italic;width:308px;float:right;margin-bottom:0!important;} header .logo {position:absolute;top:5%;} header .cajitabucar::placeholder { color:#353e40; } header .cajitabucar::-webkit-input-placeholder { color: #353e40; } /* WebKit */ header .cajitabucar::-moz-placeholder { color: #353e40; } /* Firefox 19+ */ .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:15px;color:#fff;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:19px;} #search nav ul li {display: block;position: relative;background:#303c3c;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: #d79e36;color:#fff;} #search nav ul li .children {display:none;} #search nav ul li ul li {background:#303c3c;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;border-bottom:1px solid #616161;padding-bottom:5px;margin-bottom:20px;} form textarea{height:140px !important; padding:10px 8px;font-size:16px;} form button{font-size:20px !important;background:#000000;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; } [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus { border:0; background-color: #fefefe; box-shadow: 0 0 5px #cacaca; transition: box-shadow 0.5s, border-color 0.25s ease-in-out; } /* Fuentes */ .arial{ font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal; } .osans{ font-family:'OpenSans' !important; } .aconddb{ font-family:'akzentconddb' !important; } .merry{ font-family: 'merriweatherbold' !important; } /* Config */ .color-1{ color:#303C3C !important;} .color-2{ color:#CD0100 !important;} .texto{color:#333 !important;} .blanco{color:#fff !important;} .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*/ .oculw { display: none; position: fixed; width: 60px; top: 50%; z-index: 999; right: 5px; } .wow{visibility:hidden;}/*efects*/ .row{ max-width:70.625em; } .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;} .textolema{font-size:18px;color:#192635;} /* Botones */ .btn{max-width:202px;width:100%;margin:0!important;background:#d79e36;color:#fff;font-size:16px;letter-spacing:0.5px;text-align:center;padding:8px 25px;border-radius:18px;display:block;} .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 > .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:70px 0 90px;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 0 0;background:#fff;border-radius:25px;border:1px solid #818181;min-height:360px;position:relative;} .producto .cuerpo{padding:0 16px;} .producto figure{height:212px;position:relative;margin-bottom:10px!important;} .producto figure img{max-height:212px;} .producto h2{padding:0 5px;padding-bottom:20px;min-height:60px;} .producto .btn{max-width:100%;position: absolute;bottom:0;border-radius:0 0 20px 20px;padding: 16px 20px;} .map-height{height:380px;} #portada .callout-1{background:#EBECEA;padding:60px 0 70px;} #portada .callout-1 h1{padding-bottom:35px;} #portada .callout-3 {background:#FFF;padding:65px 0 20px;} #portada .callout-3 h3{padding-bottom:40px;} #portada .callout-4 {background:#E9EBE9;padding:50px 0 65px;} #portada .callout-4 h3{padding:10px 0 40px;} #portada .callout-4 .pb {padding-bottom:45px;} #portada .callout-4 .content{background:#fff;padding:35px 30px;} #portada .callout-4 .publica blockquote{font-size:18px;line-height:25px;min-height:61px;padding-bottom:15px;} #portada .callout-4 .publica p{position:relative;font-size:15px;line-height:18px;padding-bottom:30px;} #portada .callout-4 .publica span{font-size:20px;line-height:20px;color:#004F9F;font-weight:800;float:right;} #portada .callout-4 .publica span small{font-size:16px;line-height:16px;color:#004F9F;font-weight:400;padding-left:6px;} #portada .callout-4 .publica 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; } #categ h1{font-size:20px !important; padding:17px 0 15px ;color:#060709;} #categ .cero{padding:0;} #categ .detalle,#categ .imagenes {min-height:405px;} #categ .callout-1{background:#EBECEA;padding:30px 0 70px;} #categ .callout-1 h3.cabe{font-size:18px !important; padding:0 0 18px;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;padding:15px;margin-bottom:10px;border-radius: 15px;} #categ .foto-principal figure{height:295px;position:relative;} #categ .foto-principal figure img{max-width:100%;max-height:295px;} #categ .foto-adicionales {margin-right:8px;} #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 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;padding-bottom:50px;} #categ .detalle p span{color:#060709;padding-right:17px;} #categ .detalle .stock{background:#002971;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 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:20px;} #categ .relacionados .large-12{padding-bottom:40px;background:#fff;} #nos .callout-2 h3{font-size:25px!important;line-height:29px;padding-bottom:15px;} #nos .callout-2{ background:#fff;padding:70px 0 90px;} #nos .callout-2 blockquote{font-size:25px;line-height:28px;padding-bottom:5px;} #nos .callout-2 .medium-6{padding-bottom:40px;} #nos .callout-2 .medium-6 .medium-12{padding-bottom:60px;} /*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-image:url(../img/banners/contacto.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/contacto.jpg',sizingMethod='scale')";padding:65px 0 70px;height:653px;} #contacto .botones{border-radius:6px;background:#D79E36;} #contacto .botones:hover{background:#000;} #contacto .datos {padding-left:80px;padding-top:130px;} #contacto .datos p{ position:relative;padding-left:65px;color:#fff;font-size:19px;line-height:25px;} #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:#fff;border-radius:20px;padding:75px 25px 45px;margin-top: -35px;} #contacto .paraholder::placeholder { color:#004F9F; } #contacto .paraholder::-webkit-input-placeholder { color: #004F9F; } /* WebKit */ #contacto .paraholder::-moz-placeholder { color: #004F9F; } /* Firefox 19+ */ #contacto h3{font-size:20px!important;line-height:25px;background:#D79E36;color:#fff;display:inline-block;border-radius:18px;padding:15px;} /*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;} #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 {background:#E9EBE9;padding:50px 0 65px;} #prensa h3{padding:10px 0 40px;} #prensa .pb {padding-bottom:45px;} #prensa .content{background:#fff;padding:25px 30px 35px;} #prensa .publica{padding-bottom:35px;} #prensa .publica blockquote{font-size:18px;line-height:25px;min-height:61px;padding-bottom:15px;} #prensa .publica p{position:relative;font-size:15px;line-height:18px;padding-bottom:30px;} #prensa .publiac p.fecha{font-size:14px;line-height:18px;color:#666;} #prensa .publica p.fecha span{font-size:15px;line-height:20px;color:#fff;background:#004F9F;padding:5px;} #prensa .publica figure img{height:236px;width:100%;} #prensa .publica .btn{display:inline-block;} #prensa .pagination{padding:35px 0;} .img-responsive {display: inline-block;} .img-responsive {display: block;width: 100% \9;max-width: 100%;height: auto;} /*Contenif Prensa*/ #prensa-cont {color:#4D4D4D;} #prensa-cont .titulo{font-size:25px !important;color:#333;padding:35px 0 10px;line-height:37px;} #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:#333} #prensa-cont p{font-size:15px;color:#4E4E4E;} #prensa-cont .callout-2{ background-color:#fff ;padding:80px 0; } #prensa-cont .callout-2 .pad{ padding:0px 0 0 15px;} #prensa-cont .callout-2 figure img{width:100%;padding-bottom:15px;} #prensa-cont .btn-2{font-size:16px;max-width:160px;padding:7px;border-radius:0;margin-bottom:-15px!important;} #prensa-cont #twete{padding-bottom:25px;} #prensa-cont #twete p{display:inline;} #prensa-cont #twete p.fecha{background:#004F9F;color:#fff;padding:4px 8px;} /*Footer */ footer{background:#303c3c;color:#E1E4E0;padding:60px 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:20px !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 .secc{ padding-left:40px;} footer .row > div{ padding-bottom:15px; } footer .creditos{ padding-top:25px; } footer .creditos span {font-size:15px !important;} .mi-altura{min-height:150px;} 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: 60em){/*tableta-movil*/ .menu_bar{ display:block;text-align:left;padding:11px 0;padding-right: 50px;} .menu_bar span{ font-size:15px;color:#fff;margin-right:10px; } #search .block-b{ display: block; } 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*/ h1{ font-size:33px !important;line-height:35px; } h2{ font-size:20px !important;margin-bottom:7px!important;line-height:24px;} h3{ font-size:23px !important;line-height:26px; } 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; } nav ul{border-bottom:1px solid #fff; }/*SUB MENU tañamo*/ nav ul li{ display:block;border-top:1px solid #fff;z-index:99;} 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) { header .buscar input[type="text"]{width: 100%;} } @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;} .oculw {display: block;} #categ .callout-1 h3.cabe{padding: 0 15px 20px;} .publica{padding-bottom:40px;} #nos .callout-2{background: #fff;padding: 40px 0 0;} #nos .medium-3{padding-bottom:20px;} #clientes .blanco{padding:15px;} #contacto .datos{padding-left: 20px;padding-top:0;padding-bottom: 40px;} #contacto .datos p{font-size: 17px;} #contacto .datos p + p{padding-top: 20px;} } @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 {max-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;} } @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;} #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%;} } @media only screen and (max-width: 28em){ } @media only screen and (max-width: 25em){ /* .small-6{ width:100% !important; } */ header .franja li + li {padding-right: 10px;} } @media only screen and (max-width: 24.9em){ .franja .menu_bar{z-index: 999;position: relative;} #search .block-b{ display: none; } .small-6{width: 100%;} h1{font-size: 25px !important;line-height: 29px;} #prensa-cont #twete p{display: block;float: none!important; padding: 8px 0;} #prensa-cont .titulo{padding-top:3px;} } /* min widt*/ @media only screen and (min-width: 60em) { nav.hide{ display:block !important;} nav > ul > li > a{ padding:16.5px 12px;} header .buscar input[type="text"] {width:210px;} nav > ul > li:hover > a, nav > ul > li.active > a{background:#d79e36;color:#fff;} #search h3{padding-right:21px;} #search nav.hide{ display:none !important;} #search:hover nav.hide{display:block !important;} #search .menu_bar a{padding: 15px 21px;} #search .menu_bar a:hover{background:#d79e36;color:#fff;} } @media only screen and (min-width: 64em) { nav > ul > li > a{ padding:16.5px 17px;} header .buscar input[type="text"] {width:250px;} #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%; } } @media only screen and (min-width: 71em) { nav > ul > li > a{ padding:16.5px 21px;} } .ie .row{ max-width:1100px; }