/* 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:'source_sans_prosemibold';src:url('../fonts/Sourcesanspro/sourcesanspro-semibold-webfont.eot');src:url('../fonts/Sourcesanspro/sourcesanspro-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Sourcesanspro/sourcesanspro-semibold-webfont.woff2') format('woff2'),url('../fonts/Sourcesanspro/sourcesanspro-semibold-webfont.woff') format('woff'),url('../fonts/Sourcesanspro/sourcesanspro-semibold-webfont.ttf') format('truetype'),url('../fonts/Sourcesanspro/sourcesanspro-semibold-webfont.svg#source_sans_prosemibold') format('svg');font-weight:600;font-style:normal;} @font-face{font-family: 'source_sans_prolight';src: url('../fonts/Sourcesanspro/sourcesanspro-light-webfont.eot');src: url('../fonts/Sourcesanspro/sourcesanspro-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Sourcesanspro/sourcesanspro-light-webfont.woff2') format('woff2'),url('../fonts/Sourcesanspro/sourcesanspro-light-webfont.woff') format('woff'),url('../fonts/Sourcesanspro/sourcesanspro-light-webfont.ttf') format('truetype'),url('../fonts/Sourcesanspro/sourcesanspro-light-webfont.svg#source_sans_prolight') format('svg');font-weight: normal;font-style: normal;} @font-face{font-family: 'open_sanslight';src: url('../fonts/light/opensans-light-webfont.eot');src: url('../fonts/light/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/light/opensans-light-webfont.woff') format('woff'),url('../fonts/light/opensans-light-webfont.ttf') format('truetype'),url('../fonts/light/opensans-light-webfont.svg#open_sanslight') format('svg');font-weight: normal;font-style: normal;} body{ font-family:'OpenSans';color:#444;background:#fff; } h1,h2,h3,h4,h5,h6, figure, blockquote{ margin:0 !important;padding:0; } blockquote{ border:0; } h1{ font-size:37px !important;line-height:42px;}/* no hay necesidadde poner importantaçe*/ h2{ font-size:21px !important;letter-spacing:-1px; margin-bottom:7px!important;line-height:24px;} h3{ font-size:32px !important; line-height:37px;} h4{ font-size:30px !important; line-height:34px;} blockquote{color:#585858;} label, li{ font-size:15px; } p{ font-size:16px ;line-height:23px;margin:0 !important; } a { color:currentColor; } a:hover, a:focus{ color:#fff; } header{ width:100%;z-index:99;padding:0;position:relative;border-bottom:4px solid #1D71B8;padding:15px 0;} header .logo{ display:inline-block;} .flota{background:#fff;position:fixed;padding:10px 0;} /*buscar*/ header .idioma {display:inline-block;float:right; padding-top: 5px;} header .buscar {padding-right:20px;float:right;} header .buscar form button {width: auto;background:transparent;padding:0 !important;margin:0 !important;cursor:pointer;} header .buscar form .abs {top: 3px;left: inherit;right: 13px;} header .buscar input[type="text"]{background:url(../img/iconos/buscar.png) no-repeat;background-color:#fff !important;height: 2rem;padding-left:20px;font-size:14px;color:#666;font-style:italic;width:250px; border: 1px solid #cacaca!important;} header .logo {position:absolute;top:15%;} header .btn-inc{ display:inline-block;background:#F9B233;color:#fff;font-size:14px;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px; border-radius:5px; padding:5px 10px;} header .btn-inc:hover {background:#1D71B8;} nav > ul{ margin:0; } nav > ul > li{ position:relative;display:block;border:0;} nav > ul > li > a{ display:block;font-size:14px;color:#585856;position:relative;padding:0; letter-spacing:0px;line-height:16px;} nav > ul > li > a:focus{ color:#F9B233;} nav > ul > li:hover > a, nav > ul > li.active > a{color:#F9B233;} /*Sub Menu*/ nav li ul{display:none;position:absolute;} nav > ul > li > ul{margin:0;} nav li:hover > ul{padding-top:15px;display:block;} nav li:hover > ul a{display:block;color:#fff;background:#1D71B8;border:0px;min-width:100%;font-size:15px;position:relative;letter-spacing:1px;text-transform:initial;padding:8px 23px ;white-space:nowrap;border-left:none;} nav li > ul a:hover{background:#333; } /* nav > ul > li > ul > li > a{} */ #pro .detalle ul li{color:#696969;font-size:16px;} #registroInfo{margin: 15px 0;background: #666;padding: 8px 20px;color: #fff;border-radius: 3px;} #registroSuccess{margin: 15px 0;background:#009966;padding: 8px 20px;color: #fff;border-radius: 3px;} #registroError{margin: 15px 0;background: red;padding: 8px 20px;color: #fff;border-radius: 3px;} #registroRecaptcha{margin: 15px 0;background: red;padding: 8px 20px;color: #fff;border-radius: 3px;} /*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="text"], form input[type="email"], form input[type="password"], form input[type="file"],/*aqui utilizolos valores para todos estos ca,mpos pero en otros proyectos quizas lo separe ok!*/ form textarea, form select{ background-color:#fff !important;border:1px solid #D6D6D6 !important;box-shadow:none !important;height:36px;padding:0;padding-left:10px;color:#333;font-size:16px;outline:0; } form select{ padding:0 15px; background-position: right -.2rem center;} form textarea{padding-top:14px; height:193px !important;border:1px solid #D6D6D6 !important;} form button{ width:176px;font-size:15px !important;padding:16px !important;background:#257EFF;margin:22px 0 0 !important;text-align:center;color:#fff;letter-spacing:1px; } form button:HOVER{background:#F9B233;cursor:pointer;} 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:'OpenSans' !important; } .aconddb{ font-family:'akzentconddb' !important; } .sspsb{ font-family:'source_sans_prosemibold' !important; } .ssp{font-family:'source_sans_prolight' !important;} .olig{ font-family: 'open_sanslight' !important; } /* Config */ .row{ max-width:70.625em; } .columns{ padding-left:15px;padding-right:15px; } .callout{ margin: 0;border:0;padding:0 } .cero{ padding: 0; } .bold {font-weight:bold;} .em {font-style:italic;} .tbl > *{ display:table-cell;vertical-align:middle; } .fullwidth{ width:100%; } .rel{ position:relative; } .abs{ position:absolute;top:0;left:0; } .verticalalignmiddle{ position:absolute;top:0;left:0;bottom:0;right:0;margin:auto; }/*utlizable para mimagene scentradas y en linea*/ .en-linea > *{ display:inline-block;vertical-align:middle; } .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; } .block-line{display:inline-block;} .block-b{display:block;} .block-n{display:none;} .color-1{ color:#454545 !important; } .color-2{ color:#1D71B8 !important; } .color-3{ color:#F9B233 !important; } .texto{color:#696969 !important;}/*solor algunos subtitulos o formularios*/ .blanco{color:#fff !important;}/*solor algunos subtitulos o formularios*/ .iconos{ display:inline-block;background-color:transparent;background-image:url(../img/iconos/01.png);background-repeat:no-repeat;vertical-align:middle; } .menu-adaptable{ width:45px;height:24px;background-position:-1px -156px;margin-right: -20px; } .solucion-1{ width:57px;height:59px;background-position:0 0; } .solucion-2{ width:52px;height:48px;background-position:-57px 0; } .solucion-3{ width:44px;height:44px;background-position:-109px 0; } .solucion-4{ width:55px;height:54px;background-position:0 -59px; } .solucion-5{ width:44px;height:42px;background-position:-55px -59px; } .solucion-6{ width:55px;height:54px;background-position:-99px -59px; } .items .item .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; } .pagination a:hover, .pagination .current{ background:#E5E5E5 !important;color:#333; } .stButton{ margin:0 !important; } .menu_bar{ display:none; } .mascara{ width:100%;height:100%;background:transparent;zoom:1 !important; } .banners{ border:0;margin:0;padding:0;} .banners .tbl{ z-index:2;color:#fff;} .banners .tbl > *{ float:none;} .banners .lSAction{ position:absolute;} .banners .mascara{ background:rgba(0,36,55,0.34);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#56002437',EndColorStr='#56002437')";filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#56002437',EndColorStr='#56002437');z-index:1; } .banners h2{font-size:18px !important;line-height:22px;padding-bottom:11px;} .banners p{font-size:20px !important;line-height:24px;padding-top:16px;} .banners blockquote {font-size:14px !important;line-height:17px;} .banners .texto{margin-top:135px;} .banners .texto2{margin-top:100px;} .banners .fondo{ height:458px;} .banners .fondo2{ height:360px;} .banners .btn{background:#F9B233;color:#1D71B8;margin:20px 0} .banners .botones:hover{background:#eee;} .banners .fondoban{background:#1D71B8;border-radius:25px;padding:60px 25px 15px;position:absolute;top:15%;right:150px;min-height:330px;} .banner-5{ background-image:url(../img/banners/5.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/5.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/5.jpg',sizingMethod='scale')"; } .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-2{ background-image:url(../img/banners/2.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/2.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/2.jpg',sizingMethod='scale')"; } .banner-3{ background-image:url(../img/banners/3.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/3.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/3.jpg',sizingMethod='scale')"; } .banner-4{ background-image:url(../img/banners/55.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/55.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/55.jpg',sizingMethod='scale')"; } .banner-nos{ background-image:url(../img/banners/nosotros.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/nosotros.jpg',sizingMethod='scale')"; } .banner-cli{ background-image:url(../img/banners/clientes.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/clientes.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/clientes.jpg',sizingMethod='scale')"; } .banner-pro{ background-image:url(../img/banners/pro.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/pro.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/pro.jpg',sizingMethod='scale')"; } .banner-buscar{ background-image:url(../img/banners/buscar.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/buscar.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/buscar.jpg',sizingMethod='scale')"; } .banner-con{ 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')"; } .banner-nos-seccion{ background-image:url(../img/fondo_nos.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo_nos.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondo_nos.jpg',sizingMethod='scale')"; } /*btn */ .botones:hover{background:#F9B233;} .btn{ display:inline-block;max-width:310px;width:100%;margin:0;background:#1D71B8;color:#fff;font-size:20px;letter-spacing:0;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:12px; } .btn-flecha{padding:0px 10px 3px 0px; } .fondo .tbl{ height:100%; } .fondo .tbl > *{ height:100%; } .lSAction > a {display:inline-block;position:absolute;top:40%;z-index:20;width:27px;height:48px;} .lSAction > .lSPrev {left:15px;background:url(../img/iconos/prev-banner.png) no-repeat;} .lSAction > .lSNext {right:15px;background:url(../img/iconos/next-banner.png) no-repeat;} .banners .lSAction >a{position:relative;margin-top:10px;width:14px;height:23px;opacity:5;margin-right:55px;top:0;} .banners .lSAction > .lSPrev{ background:url(../img/iconos/prev_blanco.png) no-repeat;margin-right:8px;} .banners .lSAction>.lSNext {background:url(../img/iconos/next-blanco.png) no-repeat; right: 0px;margin-left:8px;} /*.lSAction{display:none !important;}*/ .fondoban li > div{min-height:250px;} .fondoban .lSAction{display:block !important;} .fondoban .lSAction >a{position:absolute;width:14px;height:23px;opacity:5;top:inherit;bottom:5%;} .fondoban .lSAction > .lSPrev {left:15px;} .fondoban .lSAction > .lSNext {right:0;margin-right:0;} .lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {background-color:#fff;} .lSSlideOuter .lSPager.lSpg>li a {background-color:#F9B233;width:16px;height:16px;} .lSSlideOuter .lSPager.lSpg {position: absolute;top: 65%;left: 15%;} .goog-te-gadget{ text-align:right; } .goog-te-menu-value{margin-right:0;} .goog-te-menu-value span{text-transform:uppercase;font-family:'opensans';} .goog-te-menu-value span:first-child+img+span{display:none;} .goog-te-menu-value span:first-child+img+span+img{display:none;} .goog-te-gadget-simple{border:0 !important;padding:0 !important;} .goog-te-gadget-simple>img{background:url(../img/iconos/01.png) 0 -113px no-repeat !important;width:17px !important;height:17px !important} /*btn flotante debe ir afuera de footer*/ #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: #950205;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#257EFF;background-image: url(../img/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;} #back-top a:hover span {background-color:#FF3300;} #flotante{position:fixed;z-index:3;right:0;top:40%;} #flotante .a{border-radius:10px 0 0 0;} #flotante .c{border-radius:0 0 0 10px;} #flotante li{margin-bottom:3px;height:49px;} #flotante li >*{display:inline-block;} #flotante li p span{font-size:18px;color:#252525;line-height:1.2;FONT-WEIGHT:bold;} #flotante li .ico{padding:10px;background:#fff;width:53px;height:49px;float:right;border:2px solid #c5d0d6;} #flotante li .ico:hover,#flotante li a:active,#flotante li a:visited{background:#F9B233} #flotante .content{padding:16px;background:#fff;position:absolute;right:60px;border-radius:12px 0 12px 12px;-webkit-box-shadow:10px rgba(0, 0, 0, .5);box-shadow:10px rgba(0, 0, 0, .5);width:280px;border:2px solid #c5d0d6;} #portada .banners h3{ font-size:35px !important; line-height:40px;} #portada .banners p{font-size:24px !important;line-height:28px;} #portada p {color:#696969;font-size:17px;line-height:24px;} #portada .callout-1{ background:#EFEFEF;padding:45px 0 60px; } #portada .callout-1 h1 {letter-spacing:-1px;line-height:38px; font-size: 35px !important;} #portada .callout-1 p{padding-top:25px;} #portada .callout-2{ background:#EFEFEF;padding:20px 0 40px; } #portada .callout-2 h1 {padding-bottom:80px;letter-spacing:-2px;} #portada .callout-2 h2 {position:relative;padding-left:85px;padding-top:0;letter-spacing:0;font-size:25px !important;} #portada .callout-2 h2 > span{position:absolute;display:table;width:76px;height:76px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:0;left:0;text-align:center;/*background:#fff;border:1px solid #CCC;*/} #portada .callout-2 h2 > span > span{ display:table-cell;vertical-align:middle; } /* #portada .callout-2 h2:hover > span{background:#1D71B8;} */ /* #portada .callout-2 h2:hover .solucion-1{ background-position:-154px 0; } */ /* #portada .callout-2 h2:hover .solucion-2{ background-position:-211px 0; } */ /* #portada .callout-2 h2:hover .solucion-3{ background-position:-263px 0; } */ /* #portada .callout-2 h2:hover .solucion-4{ background-position:-154px -59px; } */ /* #portada .callout-2 h2:hover .solucion-5{ background-position:-209px -59px; } */ /* #portada .callout-2 h2:hover .solucion-6{ background-position:-253px -59px; } */ #portada .callout-2 p{font-size:15px;line-height:24px;padding-left:85px;padding-bottom:5px;} #portada .callout-2 a{font-size:14px;line-height:17px;color:#1D71B8;padding-left:85px;} #portada .callout-2 .minh{min-height:220px;} #portada .callout-3{padding:70px 0 110px; } #portada .callout-3 h1{font-size:22px !important;line-height:1.5;padding-top:80px;} #portada .callout-4{background:url(../img/fondo-1.png);padding:200px 0 150px;} #portada .callout-4 h2{font-size:40px !important;line-height:1;padding:0 95px;padding-bottom:30px;} #portada .callout-4 p{font-size:26px !important; line-height: 31px;} #portada .callout-5{padding:100px 0 130px } #portada .callout-5 .btn{margin-top:30px;background:#F9B233;color:#454545;} #portada .callout-5 .btn:hover{background:#267FFF;color:#fff;} #mas6 .callout-6{padding:50px 0 90px;background:#F9B233; } /* baner en general*/ #portada .lleva-flechas{background:#1D71B8;margin-top:8px ;height:49px; padding:7px 22px;} #portada .lleva-flechas h2{font-size:25px !important;letter-spacing:1px;float:left; } /*nosotros*/ #nos p {color:#696969;font-size:17px;line-height:24px;} #nos .banners *:not(h3):not(p){ height:100%; } #nos .banners .tbl{ display:table; } #nos .banners .tbl > div{ vertical-align:middle; } #nos .banners .tbl > div{ height:360px; } #nos .callout-1{padding:85px 0 90px; } #nos .callout-1 p{padding-top:60px;} #nos .callout-2{ padding:187px 0 85px; } #nos .callout-2 h2 {font-size:34px!important;position:relative;padding:10px 0 0;padding-left:99px;} #nos .callout-2 h2 i{position:absolute;top:0;left:0;} #nos .callout-2 p{font-size:20px;line-height:30px;padding-left:99px;padding-bottom:5px;} #nos .callout-2 ul{ padding-top:31px; } #nos .callout-2 ul li{color:#fff;display: inherit;position:relative;font-size:25px;line-height:33px;padding-left:99px;padding-bottom:5px;} /*115*/ /* #nos .callout-2 li span{position:absolute;top:0;left:98px;} */ #nos .callout-2 .row > div{padding-bottom:85px;} #nos .callout-3{padding:115px 0 130px;} #nos .callout-3 h3{color:#454545;font-size:28px !important; line-height:1.5;padding-bottom:30px;} #nos .callout-3 h4{color:#454545;font-size:25px !important; line-height:1.5;max-width:960px;margin:0 auto !important;} #nos .callout-3 blockquote{color:#454545;font-size:15px !important; line-height:1.5;padding:10px;} #nos .callout-3 .images .columns{padding:6px;} #mas6 .callout-6 h4 { font-size:25px;line-height:29px; } #buscar .banners .fondo2{ height:240px;} #buscar .banners *:not(h3):not(p){ height:100%; } #buscar .banners .tbl{ display:table; } #buscar .banners .tbl > div{ vertical-align:middle; } #buscar .banners .tbl > div{ height:240px; } #buscar .callout-buscar {padding:35px 0 120px;} #buscar .callout-buscar h1{font-size:30px!important;line-height:33px;color:#454545;padding-bottom:10px;} #buscar .callout-buscar h2{font-size:18px!important;line-height:20px;color:#696969;padding-top:25px;} #buscar .callout-buscar p{font-size:16px;color:#696969;padding:0 0 4px;} #buscar .callout-buscar .lenk{font-size:16px;color:#1D71B8;} #buscar .callout-buscar .result{padding-bottom:30px;border-bottom:1px solid #CDCDCD;} /*Clientes */ #clientes h4{color:#454545; padding-bottom:45px;font-size:37px !important;line-height:1.37;} #clientes figure {height:146px;} #clientes figure img {max-height:146px;} #clientes .callout-1{ padding: 60px 0 130px;background:#EFEFEF;} #clientes .fon{background:#fff;padding:30px 27px;} #clientes .min{ min-height:250px;} #clientes .lSAction > .lSNext { right: 15px; background: url(../img/iconos/next-banner22.png) no-repeat; } #clientes .lSAction > .lSPrev { left: 15px; background: url(../img/iconos/prev-banner22.png) no-repeat; } /*productos*/ #pro p {color:#696969;font-size:16px;line-height:22px;} #pro .callout-1{ background:#fff;padding:30px 0 50px; } #pro .callout-1 .pro{background:#1D71B8;padding:8px 0 3px 10px;margin-bottom:7px;} #pro .callout-1 .pro.active,#pro .callout-1 .pro:hover{background:#F9B233;} #pro .callout-1 .pro.active h2,#pro .callout-1 .pro:hover h2{color:#fff;} #pro .callout-1 h1{font-size:40px !important;line-height:44px;padding-bottom:25px;padding-top:40px;} #pro .callout-1 h2{position:relative;padding-left:30px;font-size:21px !important;line-height:24px;color:#fff;} #pro .callout-1 h2 span{position:absolute;top:0;left:0;background:url(../img/iconos/ico.png) no-repeat;width:17px;height:17px;} #pro .callout-1 .lema{padding-bottom:25px;} #pro .callout-1 .detalle{padding-left:45px;position:relative;} #pro .callout-1 .sub >*{padding-left:35px;} #pro .callout-1 .sub h2{font-size:16px !important;line-height:19px;color:#1D71B8;padding-bottom:5px;padding-top:40px;} #pro .callout-1 .sub h2 span{position:absolute;width:28px;height:23px;top:40px;left:0;background:url(../img/iconos/sub.png) no-repeat;} #pro .callout-1 .sub .images{padding-top:30px;} #pro .callout-2{ background:#EFEFEF;padding:50px 0 70px; } #pro .callout-2 .btn{margin-top:25px; } #pro p a{color:#F9B233;} #soporte .tabs-panel {padding: 2rem 3rem; background: #EFEFEF;} #soporte .tabs-title {width: 50%;} #soporte .tabs-title > a:hover {background: none;} #soporte .tabs {border:0;background:#8F8F8F;} #soporte .tabs-title > a:focus, #soporte .tabs-title > a[aria-selected='true'] {background:#1D71B8;color: #fff;} #soporte .tabs-title > a{padding:10px;color: #1779ba;text-align:center;} #soporte h5{font-size:22px!important;color:#fff;line-height:23px;} #soporte .callout-1,#soporte .callout-2,#soporte .callout-x{background:#EFEFEF;} #soporte .callout-1{padding:35px 0 25px;} #soporte .callout-1 blockquote {padding:0;font-size:37px;margin:0!important;color:#454545;} #soporte .callout-x{padding:0 0 25px;} #soporte .callout-x h2{font-size:18px!important;padding-bottom: 10px;} /*Registro */ .mfp-close-btn-in .mfp-close {color: red;} #regis .callout-registro{ background-color:#F1F1F1;padding:30px 0 10px; max-width:483px;margin:0 auto;border-radius:12px;} #regis .tabs {margin: 0;border-bottom: 1px solid #e6e6e6;background: #F1F1F1; } #regis .tabs-title {padding: 0 25px;} #regis .tabs-title > a {font-size:16px;color:#999;} #regis .tabs-title > a:hover, #regis .tabs-title > a:focus, #regis .tabs-title > a[aria-selected='true'] {background: transparent;color:#154A12;} #regis .tabs-panel { padding: 2rem 4rem;} #regis .tabs-content {border: 0;background: #F1F1F1;transition: all 0.5s ease;} #regis .tabs-content form input[type="email"], #regis .tabs-content form input[type="password"], #regis .tabs-content form input[type="text"]{background-color: #fff !important;height: 43px;font-size: 17px;border-radius:8px;margin-bottom:10px;border:1px solid #cacaca;padding:4px 20px;} #regis .tabs-content .btn {max-width:100%;margin-top:6px !important;} /*Contacto*/ #contacto h2{font-size:28px !important;padding-bottom:15px;} #contacto p { font-size:15px ;color:#454545} #contacto .callout{ padding:0;margin:0;border:0; } #contacto .callout-1{ background-color:#EFEFEF;padding-top:30px} #contacto .callout-1 blockquote{font-size:37px;letter-spacing:0;color:#454545; } #contacto .callout-1 p{ padding: 20px 0 40px;} #contacto .callout-2{ background-color:#EFEFEF;padding:30px 0 50px; } #contacto .btn-flecha{padding:0px 10px 3px 15px; } #contacto form input[type="text"], #contacto form input[type="email"], #contacto form textarea {background-color: #fff !important; border:1px solid #D6D6D6 !important;} #contacto button{padding:16px !important;background:#257EFF;} #contacto button:HOVER{background:#F9B233;} #contacto .pb{padding-bottom:20px;} .mar-from{padding:0 0 10px;}/*margin de from */ .googlemaps{height:451px;} .color-pie{color:#E2E2E2 !important;} footer{ background:#454545;color:#fff;padding:55px 0 ;} footer nav > ul {padding:0;} footer nav > ul >li {display: block;padding-bottom:5px;} footer nav > ul >li + li {border:0;border-top:1px dotted #fff;} footer nav > ul >li > a {color:#fff;padding:5px 0;} footer p{ color:#E6E6E6;font-size:15px !important;line-height:21px;word-wrap:break-word; } footer .row > div{ padding-bottom:0px; } /* el max se ordena de mayor a menor y el min-with de menor a mayor*/ @media only screen and (max-width: 69.938em){/*responsive ..cer luego 03/11*/ } @media only screen and (max-width: 63.9375em){ .mi-altura{min-height:100px;} } @media only screen and (max-width: 57.100em){ .block-n{display:block;} h1 {font-size: 35px !important; line-height: 38px;} h4 {font-size: 27px !important;line-height: 31px;} .menu_bar{ display:block;text-align:right; padding: 10px ;} .menu_bar span{ font-size:15px;color:#fff;margin-right:10px; } nav{ width:100%;height:calc(100% - 80px);position:absolute;left:0;margin:0;overflow:inherit; margin-top: 10px; } nav ul{ margin-top:0;border-bottom:1px solid #fff; } nav ul li{ display:block;border-top:1px solid #fff;background-color:#F9B233; z-index:1} nav ul li a{display:block; padding:8px 30px;color:#fff;} nav ul li:hover a, nav ul li.active a{color:#fff; } nav li:hover > ul{display:none;} nav li ul{position:relative;} footer .row > div{ padding-bottom:30px; } footer nav{ height:auto;position:relative} footer nav ul li {border:0; background-color: transparent;} footer nav ul li a{ background:transparent;} .block-b{display:none;} #portada .callout-3 h1 {padding-top: 0;} } @media screen and (max-width: 43.750em) { #nos .callout-2 h2, #nos .callout-2 p, #nos .callout-2 ul li{ padding-left:0;text-align:center; } #nos .callout-2 h2 span{display:block;padding-top:20px;} #nos .callout-2 h2 i{position:relative;} #nos .callout-2 .row > div{ padding-bottom:30px; } } @media screen and (max-width: 43em) { header {padding:8px 0 0;} header .logo{margin-top:7px;} header .logo img{width:188px;} .banners h3{font-size:20px !important;line-height:23px;padding-bottom:11px;} .banners p{font-size:18px !important;line-height:21px;padding-top:16px;} .banners .texto{margin-top:130px;} .banners .fondo{ height:350px;} #portada .callout-4 h2 { padding-top: 20px;} #pro .callout-1 h1 {font-size: 32px !important;line-height: 35px;padding-top:45px;} #nos .banners .tbl > div{ height:100%;padding:40px 0; } } @media only screen and (max-width: 40em){ .block-line{display:none;} h1 {font-size: 33px !important; line-height: 36px;} #back-top a:hover span {z-index:100000;}/*flecha flotante*/ .lSSlideOuter .lSPager.lSpg {top:75%;} #portada .banners h3 {font-size: 28px !important;line-height: 31px;} #portada .banners p {font-size: 18px !important;line-height: 23px;} #soporte .tabs-panel {padding: 2rem 1rem;} footer .row > div{ padding-bottom:10px; } footer .float-left{float:none !important;} /*elimino la propiedad floar left*/ footer .tbl, footer .tbl > * {display:block;} /*pongo al tbl en bloque*/ } @media screen and (max-width: 39.950em){ header .logo{margin-top:10px;} header .logo img{width:165px;} .baner-fondo {height:270px;} .banners .texto{margin-top:80px;} .banners .fondo{ height:270px;} .banners .fondo2{ height:280px;} /*contacto*/ #contacto .callout-3{ display:none;}/*ajusto espacios de callout*/ #contacto .callout-4{ display:block;}/*ajusto espacios de callout*/ #contacto .maps_height{height:240px;} #contacto .fondo-izq{padding-bottom:5px;} #contacto .titu {font-size:26px;padding-bottom:15px;line-height:1.4;} #contacto .baner-fondo { height: auto} #clientes h4{ padding-bottom:13px;} #clientes .callout-1{padding:40px 0 20px;} } @media only screen and (max-width: 30em){ .banners .texto {margin-top:50px;} #portada .banners h3 {font-size: 25px !important;line-height: 28px;} #portada .banners p {font-size: 16px !important;line-height: 19px;} #regis .tabs-title {padding: 0 10px;} #regis .tabs-panel {padding: 2rem 1rem;} } @media only screen and (max-width: 28em){ #regis .tabs-title > a { padding: 10px;font-size:15px;} } @media only screen and (max-width: 25em){ #regis .tabs-title > a { padding: 7px;font-size:14px;} } /* min widt*/ @media only screen and (min-width: 57.100em) { nav.hide{ display:block !important;padding:0; } nav > ul{ display:table;padding-top: 19px;} nav > ul >li{display:table-cell;} nav > ul >li > a{padding:0 17px;} .active-menu > a{color:#1D71B8;} footer .active-menu > a{color:#F9B233;} } @media only screen and (min-width: 58.100em) { /* nav > ul li +li {background:url(../img/iconos/flecha-left.png) left center no-repeat;} */ nav > ul li +li {border-left:1px solid #585856;} } @media only screen and (min-width: 60em) { #pro .callout-1 .pro {padding-right:15px} } @media only screen and (min-width: 64em) { #nos .callout-2 p{ max-width:475px; } } @media only screen and (min-width: 66em) { #pro .callout-1 .pro {padding-right:75px} } @media only screen and (min-width: 88em) { .lSSlideOuter .lSPager.lSpg {left: 25%;} .banners .fondoban{padding-left:50px;} } .ie .row{ max-width:1100px; }