/* 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:60px !important;line-height:62px;} h2{ font-size:26px !important;letter-spacing:-1px; margin-bottom:7px!important;line-height:29px;} h3{ font-size:50px !important; line-height:54px;} 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:3;padding:0;position:relative;padding:15px 0 0;} /* header .logo{ display:inline-block;} */ /*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;} */ nav > ul{ margin:0; } nav > ul > li{ position:relative;display:block;border:0;} nav > ul > li > a{ display:block;font-size:22px;color:#fff;position:relative;padding:0; letter-spacing:0px;background:#D01E1A;} nav > ul > li > a:hover{background:#444;color:#fff;} nav > ul > li:hover > a, nav > ul > li.active > a{background:#444;} /* /*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:#D01E1A;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; } */ /*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;margin-bottom:0 !important;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:#444;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:#D01E1A !important; } .color-3{ color:#444 !important; } .texto{color:#444 !important;}/*solor algunos subtitulos o formularios*/ .blanco{color:#fff !important;}/*solor algunos subtitulos o formularios*/ .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 .mascara{ background:rgba(2,87,168,0.63);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#0257A8',EndColorStr='#0257A8')";filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#0257A8',EndColorStr='#0257A8');z-index:1;left:inherit;right:0;width:50.8%; } .banners h4{font-size:40px !important;line-height:42px;padding-bottom:11px;} .banners p{font-size:20px !important;line-height:24px;padding-top:16px;color:#fff!important;} .banners blockquote {font-size:14px !important;line-height:17px;} .banners .texto{margin-top:300px;z-index:2;padding-left:40px;position:relative;} /* .banners .texto2{margin-top:100px;} */ .banners .fondo{ height:540px;} .banners .fondo2{ height:384px;} .banners .btn{background:#444;color:#D01E1A;margin:20px 0} .banners .botones:hover{background:#eee;} .banners .fondoban{background:#D01E1A;border-radius:25px;padding:60px 25px 15px;position:absolute;top:15%;right:150px;min-height:330px;} .banner-1{ background-image:url(../img/banners/portada.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada.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-empresa{ background-image:url(../img/banners/empresa.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/empresa.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/empresa.jpg',sizingMethod='scale')"; } .banner-cliente{ background-image:url(../img/banners/cliente.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/cliente.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/cliente.jpg',sizingMethod='scale')"; } .banner-contacto{ background-image:url(../img/banners/banner-contacto.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/banner-contacto.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/banner-contacto.jpg',sizingMethod='scale')"; } .banner-ser{ background-image:url(../img/banners/ser.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/ser.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/ser.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-contacto{ 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')"; } /*btn */ .botones:hover{background:#444;color:#fff;} .btn{ display:inline-block;max-width:225px;width:100%;margin:0;background:#D01E1A;color:#fff;font-size:20px;letter-spacing:-1px;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:2;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{width:14px;height:23px;opacity:5;top:50%;} .banners .lSAction > .lSPrev{ background:url(../img/iconos/prev_blanco.png) no-repeat;left:10px;} .banners .lSAction>.lSNext {background:url(../img/iconos/next-blanco.png) no-repeat;right:10px;} /* #portada .callout-2 .lSAction{display:none !important;} */ .callout-2 .lSSlideOuter .lSPager.lSpg>li.active a, .lSSlideOuter .lSPager.lSpg>li:hover a {background-color:#fff;} .callout-2 .lSSlideOuter .lSPager.lSpg>li a {background-color:#444;width:16px;height:16px;} .callout-2 .lSSlideOuter .lSPager.lSpg {position: absolute;top:5%;left:50%;} /*btn flotante debe ir afuera de footer*/ #back-top {position:fixed;bottom: 30px;left: 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:#D01E1A;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;} #back-top a:hover span {background-color:#D01E1A;} .video{width:100%;height:400px;} #portada .parrafo {padding:25px 0;} #portada .parrafo p {padding:0 !important;} #portada p {color:#444;font-size:15px;line-height:24px;} #portada .callout-1{padding:65px 0 85px; } #portada .callout-1 h1{letter-spacing:-1px;} #portada .callout-1 p{padding-top:25px;font-size:16px;} #portada .callout-2{ background:#eee;padding:100px 0 90px; } #portada .callout-2 h2{padding-top:25px;} #portada .callout-2 p{padding-top:5px;font-size:16px;} /* #portada .callout-2 .minh{min-height:220px; } */ #portada .callout-2 .fond{ background:#fff;padding:0 0 38px; } #portada .callout-3{padding:60px 0 70px; } #portada .callout-3 h2{letter-spacing:0.5px;padding:12px 0 5px;} #portada .callout-3 p{padding-bottom:20px;font-size:16px;padding-right:25px;} #portada .callout-3 .video{padding-top:70px;} #portada .callout-4{padding:40px 0 80px; } #portada .callout-4 h3{font-size:50px!important;color:#444404;padding-bottom:12px;margin-bottom:40px!important;padding-left:15px;border-bottom:1px solid #333;} #portada .callout-4 p{padding-top:5px;font-size:15px;} #portada .callout-4 .fond{ background:#fff;padding:0 0 38px; } #portada .callout-4 .zoooom:hover div{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out; } /*eMPRESA*/ #portada p {color:#444;font-size:1px;line-height:24px;} #emp .callout-1{padding:55px 0 95px; } #emp .callout-1 h1{font-size:60px!important;line-height:64px;padding-bottom:15px; } #emp .callout-1 p{padding-bottom:130px;} #emp .callout-1 span{font-size:13px;line-height:1.5;display:block;} #emp .callout-1 .rel{padding-bottom:30px;} #emp .callout-1 .rel img{min-height:91px;} #emp .callout-2{background:#D01E1A;padding:80px 0 105px; } #emp .callout-2 h3{font-size:30px!important;line-height:34px;padding-bottom:15px;letter-spacing:1px;} #emp .callout-3{padding:80px 0 85px; } #emp .callout-3 h3{font-size:40px!important;line-height:44px;padding-bottom:65px;} #emp .callout-3 img{padding-bottom:20px;} /*cliente*/ #cli .callout-1{padding:45px 0 50px; } #cli .callout-1 h3{font-size:60px!important;line-height:64px;padding-bottom:30px;} #cli .callout-1 p{font-size:15px;padding-bottom:50px;} #cli .callout-1 figure{height:170px;border:1px solid #ccc;padding:8px 0;} #cli .callout-1 figure img{max-height:150px;} #cli .callout-1 .minh{min-height:233px;} /*Contacto*/ #contacto h1{font-size:60px !important;line-height:65px;padding-bottom:30px;} #contacto h3{font-size:37px !important;line-height:43px;padding-bottom:15px;} #contacto h2{font-size:28px !important;padding-bottom:15px;} #contacto p { font-size:15px ;color:#444;padding-bottom:15px;} #contacto .callout-1{ padding:30px 0 100px; } #contacto .anex{padding:10px 0;border-top:1px dotted #999;border-bottom:1px dotted #999;} #contacto .anex h3{display:inline-block;} #contacto .anex h3 img{padding-right:20px;} #contacto .anex .lef{padding-left:90px;} #contacto form h3{padding:40px 0 35px;} /* #contacto form input[type="text"], */ /* #contacto form input[type="email"], */ /* #contacto form textarea {background-color: #fff !important; border:1px solid #D6D6D6 !important;} */ #contacto button{font-size:20px !important;line-height:25px;padding:10px !important;background:#D01E1A;border-radius:8px;} #contacto button:HOVER{background:#444;} #contacto .pb{padding-bottom:20px;} .mar-from{padding:0 0 10px;}/*margin de from */ .googlemaps{height:451px;} /*video*/ #video .callout-1{background:#eee;padding:50px 0 80px} #video .callout-1 .minh{min-height:530px;} #video .cont{background:#fff;padding:18px;border-radius:12px;} #video .video{height:349px;} #video .cont h4{font-size:24px;line-height:27px;padding:20px 0 8px;} /*Proyectps*/ #pro .callout-2{background:rgba(125,146,166,0.15);padding:50px 0 50px;} #pro .callout-2 h1{ font-size:60px!important;line-height:65px;padding-bottom:20px;} #pro .callout-2 h3{font-size:24px !important;line-height:27px;color:#595F62;padding-bottom:25px;border-bottom:1px dotted #333;} #pro .callout-2 p{padding-top:20px;} #pro .callout-2 ul{margin:18px 0 35px!important;} #pro .callout-2 ul li{padding:25px 18px;background:#fff;border-radius:20px;} #pro .callout-2 .logo{padding-top:120px;} #pro .lSSlideWrapper{position:inherit;} #pro .lSAction > a {display:inline-block;position:absolute;top:50%;z-index:20;width:19px;height:31px;} #pro .lSAction > .lSPrev {left:15px;background:url(../img/iconos/prev-plomo.png) no-repeat;} #pro .lSAction > .lSNext {right:15px;background:url(../img/iconos/next-plomo.png) no-repeat;} /*ser*/ #ser h2{ font-size:40px!important;line-height:43px;padding:30px 0 8px;} #ser .callout-1{padding:50px 0 70px;} #ser .callout-1 h1{ font-size:60px!important;line-height:65px;padding-bottom:20px;} #ser .callout-1 h3{ font-size:32px!important;line-height:35px;padding-top:40px;} #ser .callout-2{background:#eee;padding:60px 0;} #ser .callout-2 .img1{float:left;width:50%;padding:0 10px;} #ser .callout-2 .img2{float:left;width:100%;padding:10px 0;} #ser .callout-2 p{padding-bottom:20px;} #ser .callout-3{padding:60px 0 120px;} #ser .callout-3 h4{padding:35px 0 12px;} #ser .callout-3 p{padding-left:25px;padding-right:15px;font-size:15px;} #ser .callout-3 p.ce{padding:0;} /*Seccion Prensa */ .zoom:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out; } .callout-fotos {background:#505B63;padding:25px 0 !important;} .callout-fotos h3{font-size:36px!important;line-height:40px;padding-left:90px;padding-top:25px;} .callout-fotos h3 img{left:15px;top:0;} /* #prensa label {font-size:25px !important; padding:20px 0;} */ /* #prensa .banners .fondo2 {height: 200px;} */ /* #prensa h5 {font-size:38px !important;padding:20px 0; } */ /* #prensa select {width:80%; margin-left:15px;padding-left:25px;color:#444;} */ /* #prensa h2{font-size: 20px !important;color:#6A6A6A;line-height:24px;margin:8px 0 13px!important;min-height:48px;} */ /* #prensa h2 :hover{color:#4C5C66;} */ /* #prensa p{font-size: 15px !IMPORTANT;font-style: italic;color:#666;} */ /* #prensa blockquote {font-size:40px;color:#333;padding:25px 0 2px;} */ /* #prensa figure {height: 353px;position:relative;} */ /* #prensa figure img {max-height: 353px;max-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 .pd{padding:25px 20px;} */ /* #prensa .btn{padding:7px 0;width:236px;} */ /* #prensa p .span{padding:10px;background-color:#333;} */ /* #prensa .fondores { background-color: #f7f7f7; position: relative;} */ /* .img-responsive {display: inline-block;} */ /* .img-responsive {display: block;width: 100% \9;max-width: 100%;height: auto;} */ /*Contenif Prensa*/ hr.dashed-2 { background: url(../img/iconos/border-dashed-h-2.png) transparent repeat-x;} #prensa-cont .titulo{font-size: 30px !important;line-height: 33px;margin:0 !important;} #prensa-cont .img-1{margin-bottom:25px;max-height:550px;} #prensa-cont label{font-size:18px !important;color:#333;} #prensa-cont p{font-size:15px;color:#4E4E4E;} #prensa-cont a:hover{color:#fff;background:#333} #prensa-cont h2,#prensa-cont h3,#prensa-cont h4,#prensa-cont h5,#prensa-cont h1{color:#666;padding: 10px 0 20px;} #prensa-cont .callout-2{ background:#fff ;padding:35px 0 40px; } #prensa-cont .btn-2{background:#03255C;font-size:14px;max-width:110px;padding:7px;border-radius:4px;text-align:center;margin-top:20px;color:#fff;} #prensa-cont .pd{padding-bottom:60px;} .color-pie{color:#E2E2E2 !important;} footer{ background:#505B63;color:#fff;padding:55px 0 0;} footer h3{font-size:24px!important;line-height:28px;} footer .p-top {padding-top:15px;} footer .sec a{display:block;} footer .sociales li{display:inline-block;list-style:none;} footer p{ color:#E6E6E6;font-size:15px !important;line-height:21px;word-wrap:break-word; } footer a:hover{ color:#fff;text-decoration:underline;} footer .row { padding-bottom:35px; } footer .creditos { background:#707E89;padding:5px 55px; } /* el max se ordena de mayor a menor y el min-with de menor a mayor*/ @media only screen and (max-width: 66em) {.bay-h{DISPLAY:none;}} @media only screen and (max-width: 63.9375em){ .mi-altura{min-height:100px;} } @media only screen and (max-width: 57.100em){ header {padding:10px} header .logo img{height:65px;} .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:#444; 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;} } @media screen and (max-width: 52em) { .banners .texto{margin-top: 300px;padding-left:10px;}} @media screen and (max-width: 49em) { #prensa figure {height: 250px;} .banners h4{font-size:35px !important;line-height: 39px;} } @media screen and (max-width: 43.750em) { } @media screen and (max-width: 43em) { .banners p{font-size:18px !important;line-height:21px;padding-top:16px;} .banners .texto{margin-top:130px;} .banners .fondo{ height:350px;} } @media only screen and (max-width: 40em){ .block-line{display:none;} h1 {font-size:37px !important; line-height: 36px;} .banners .mascara{width:100%;} .banners h4{font-size:25px !important;line-height:28px;text-align:center;} .banners p{text-align:center;} #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;} #emp .callout-2 .row div + div{padding-top:50px;} #contacto .anex .lef{padding-left:0;} #pro .callout-2 .logo { padding-top: 20px;} #pro .callout-2 h3 {padding-bottom:15px;} #ser .callout-2 img{padding-top:20px;} #prensa figure {height: 193px;} #prensa figure img {max-height: 193px;max-width: 100%;} #prensa .pd {padding: 20px 15px;} #prensa-cont .titulo {font-size: 22px !important;padding:10px 0; } #prensa-cont h2,#prensa-cont h3,#prensa-cont h4,#prensa-cont h5 {font-size: 21px !important; } #prensa-cont h3{padding: 30px 0 20px;} #prensa-cont .callout-2 {padding: 15px 0 20px;} #prensa-cont .titulo {padding-top: 18px;line-height: 30px;padding-right: 15px;margin:0 !important;} #twete {padding:10px 25px 0 0;} 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){ .banners .texto{margin-top:110px;} .banners .fondo{ height:270px;} .banners .fondo2{ height:280px;} #portada .callout-1 {padding:45px 0 65px;} /*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} #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;} } @media only screen and (max-width: 33em){ #prensa figure img {width: 100%;} .callout-2 .lSSlideOuter .lSPager.lSpg {left: 40%;} } @media only screen and (max-width: 30em){ .banners .texto {margin-top:90px;} #portada .banners h3 {font-size: 25px !important;line-height: 28px;} #portada .banners p {font-size: 16px !important;line-height: 19px;} #portada .callout-4 h3 {font-size:40px!important;} } @media only screen and (max-width: 22.125em){ #portada .callout-4 h3 {font-size:35px!important;} } /* min widt*/ @media only screen and (min-width: 57.100em) { nav.hide{ display:block !important;padding:0; } nav > ul{ display:table;padding-top:11px;} nav > ul >li{display:table-cell;} nav > ul >li > a{padding:11.5px 17px;} .active-menu > a{background:#444;} } @media only screen and (min-width: 58.100em) { /* nav > ul li +li {border-left:1px solid #585856;} */ header .logo {position:absolute;z-index:1} } @media only screen and (min-width: 88em) { /* .lSSlideOuter .lSPager.lSpg {left: 25%;} */ } .ie .row{ max-width:1100px; }