/* 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_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;} @font-face{font-family: 'oswald_regularregular';src: url('../fonts/Oswald/oswald-regular-webfont.eot');src: url('../fonts/Oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Oswald/oswald-regular-webfont.woff2') format('woff2'),url('../fonts/Oswald/oswald-regular-webfont.woff') format('woff'),url('../fonts/Oswald/oswald-regular-webfont.ttf') format('truetype'),url('../fonts/Oswald/oswald-regular-webfont.svg#oswald_regularregular') format('svg');font-weight: normal;font-style: normal;} body{color:#444;background:#fff;height:100% !important; } /* body{ font-family:'OpenSans';} */ h1,h2,h3,h4,h5,h6, figure, blockquote{ margin:0 !important;padding:0; } blockquote{ border:0; } h1{ font-size:34px !important;line-height:38px;letter-spacing:-1px;}/* no hay necesidadde poner importantaçe*/ h2{ font-size:20px !important;letter-spacing:0px; margin-bottom:7px!important;line-height:23px;} h3{ font-size:28px !important;line-height:35px;letter-spacing:0px;} 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;color:#333; } a { color:currentColor; } /* a:hover, a:focus{ color:#fff; } */ a:focus{ color:#496F24; } #top{display:block;} header{background:#fff;width:100%;z-index:9999;padding-top:15px;} header .logo img{padding:20px 15px 10px;} header .float-right .float-right li{display:inline-block;font-style:none;FONT-SIZE:15px;color:#0F62AC;letter-spacing:0;} header .float-right .float-right li + li{margin-left:0px;} header .float-right .float-right img:hover{opacity:.6;} header .float-right .float-right .btn{border-radius:0 0 7px 7px;font-size:21px;padding:7px 25px;letter-spacing:0;font-weight:400;} .flota{position:fixed;z-index:9999;top:0; border-bottom: 1px solid #bbb;} /* header.flota .logo{bottom: 10px;height: 50px;position: absolute;} */ /* header.flota .logo img{width:198px;height:45px;} */ header.flota nav.hide{padding: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;} */ nav > ul{ margin:0; } nav > ul > li{ position:relative;display:block;border:0;} nav > ul > li > a{ display:block;font-size:17px;color:#555;position:relative;padding:0; letter-spacing:0px;line-height:16px;} nav > ul > li:hover > a, nav > ul > li.active > a{color:#14A5DC !important;} /*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 !important;background:#14A5DC;border:0px;min-width:100%;font-size:12px;position:relative;letter-spacing:1.5px;text-transform:uppercase;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:15px!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:#FFD401;margin:22px 0 0 !important;text-align:center;color:#fff;letter-spacing:1px; } form button:HOVER{background:#496F24;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;} .ssp2{font-family:'source_sans_prolight' !important;font-weight:bold;} .olig{ font-family: 'open_sanslight' !important; } .oswald{ font-family: 'oswald_regularregular' !important; } /* Config */ .row{ max-width:70.625em;margin-right:auto;margin-left:auto;display:block;} .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; } .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:#282828!important; } .color-2{color:#14A5DC!important; } .color-3{color:#496F24!important; } .texto{color:#333 !important;} .blanco{color:#fff !important;} .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(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; } .titulo-1{font-size:50px!important;line-height:55px;text-align:center;color:#fff;text-shadow: 2px 4px 3px rgba(0,0,0,0.3);letter-spacing:1px;} .banners p{font-size:20px !important;line-height:28px;padding-top:16px;} .banners blockquote {font-size:14px !important;line-height:17px;} .banners.fondo, .banners .fondo{ height:508px;} .banners.fondo2, .banners .fondo2{ height:250px;} .banners .columns{padding:0 8px;} .banners .large-4 .large-12 + .large-12{padding-top:8px;} .banners.fondoban{background:url(../img/banners/fondo_ban.png);} .banners .fondo-right1{background:url(../img/banners/banp_1.jpg);} .banners .fondo-right1a{background:url(../img/banners/banp_1a.jpg);} .banners .fondo-right1b{background:url(../img/banners/banp_1b.jpg);} .banners .fondo-right1c{background:url(../img/tres.jpeg);} .banners .fondo-right1d{background:url(../img/cuatro.jpeg);} .banners .fondo-right1e{background:url(../img/nueve.jpeg);} .banners .fondo-right1f{background:url(../img/diez.jpeg);} .banners .fondo-right1g{background:url(../img/once.jpg);} .banners .fondo-right2{background:url(../img/banners/banp_2.jpg);} .banners .fondo-right2a{background:url(../img/banners/banp_2a.jpg);} .banners .fondo-right2b{background:url(../img/banners/banp_2b.jpg);} .banners .fondo-right2c{background:url(../img/uno.jpeg);} .banners .fondo-right2d{background:url(../img/dos.jpeg);} .banners .fondo-portada{background:url(../img/banners/1.jpg);} .banners .fondo-portada2{background:url(../img/banners/2.jpg);} .banners .fondo-portada3{background:url(../img/banners/3.jpg);} .banners .fondo-portada4{background:url(../img/banners/4.jpg);} .banners .fondo-portada5{background:url(../img/banners/5.jpg);} .banners .fondo-nos{background:url(../img/banners/nosotros.jpg);} .banners .fondo-cli{background:url(../img/banners/clientes3333.jpg);} .banners .fondo-cli2{background:url(../img/banners/clientes22222.jpg);} .banners .fondo-cont{background:url(../img/banners/contacto.jpg);} .banners .fondo-cont2{background:url(../img/banners/contacto2.jpg);} .banners .fondo-gale{background:url(../img/banners/galeria.jpg);} .banners .fondo-ser{background:url(../img/banners/servicio.jpg);} .banners .fondo-ser2{background:url(../img/banners/servicio2.jpg);} .banners .fondo-pro{background:url(../img/banners/proyecto.jpg);} .banners .fondo-pro2{background:url(../img/banners/proyecto2.jpg);} .banners .fondo-trabajo{background:url(../img/banners/trabajo.jpg);} .banners .fondo-trabajo2{background:url(../img/banners/trabajo2.jpg);} /*btn */ .zoom:hover img{-webkit-transform:scale(0.98);transform:scale(0.98); } .transition:hover{-webkit-transition:all .7s ease-in-out;transition:all .7s ease-in-out;} .botones:hover{background:#282828;color:#fff;} .btn{display:inline-block;max-width:190px;width:100%;margin:0;background:#14A5DC;color:#fff;font-size:18px;letter-spacing:-1px;text-align:center;padding:12px; } .btn-flecha{padding:0px 10px 3px 0px; } .lSAction > a {display:inline-block;position:absolute;top:40%;z-index:4;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:25px;} .banners .lSAction>.lSNext {background:url(../img/iconos/next-blanco.png) no-repeat; right:25px;} /*btn flotante debe ir afuera de footer*/ #back-top{display:none;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:#000;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:#FF3300;} #portada .callout-1{background:#FFF;padding:65px 0 35px;} #portada .callout-1 h1{padding-bottom:35px;} #portada .callout-1 p{padding:0 15px 0 45px;text-align:justify;font-size:17px;} #portada .callout-1 .medium-6{padding-bottom:50px;} #portada .callout-1 .medium-6 img{padding-bottom:10px;} #portada .callout-2{background:#FFF;} #portada .callout-2 .row {max-width:100%;} #portada .callout-2 h2{line-height:20px;letter-spacing: 0.5px; font-size:16px!important;text-transform:uppercase;} #portada .callout-2 figure{overflow:hidden;} #portada .callout-2 figure img{height:350px;width:100%;transition:all .5s ease-in-out;} #portada .callout-2 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);} #portada .callout-2 .large-40{width:39%;} #portada .callout-2 .large-20{width:22%;} #portada .callout-2 .fondo_celeste{background:#14A5DC;padding:20px 35px 10px;} #portada .callout-2 .fondo_celeste:hover{background:#282828;} #portada .callout-2 .columns:hover .fondo_celeste{background:#282828;} #portada .callout-2 .pright{padding-right:65px;} #portada .callout-2 .pleft{padding-left:65px;} #portada .callout-3{background:#FFF;padding:10px 0 80px;} #portada .callout-3 figure{overflow:hidden;} #portada .callout-3 figure img{width:100%;transition:all .5s ease-in-out;} #portada .callout-3 figure:hover img{-webkit-transform:scale(1.3);transform:scale(1.3);} #portada .callout-3 p{color:#6B6B6B;padding:22px 0 26px;padding-right:10px;} #portada .callout-3 .large-4{padding-bottom:100px;} #portada .callout-3 .text-right{padding-right:40px;} #portada .callout-4{background:#FFF;padding:15px 0 90px;} #portada .callout-4 h3{padding-bottom:40px;} #portada .callout-4 figure{height:94px;} #portada .callout-5{background:#FFF;padding:100px 0 90px;} a:hover{text-decoration:none;} #nos .banners .fondo-right1{background:url(../img/banners/banp_nos.jpg);} #nos .callout-1{padding:65px 0;} #nos .callout-1 h1{padding-bottom:35px;line-height:40px;} #nos .callout-1 p{font-size:16px;line-height:25px;} #nos .callout-1 .large-text-right{padding-right:40px;} #nos .callout-1 .medium-6{padding-bottom:35px;} #nos .callout-2 {padding-top:35px;} #nos .callout-2 h3{padding-bottom:10px;margin-bottom:20px!important;border-bottom:3px solid #14A5DC;} #nos .callout-2 p{font-size:16px;line-height:24px;padding-right:40px;} #nos .callout-2 .large-12{padding-bottom:95px;} #nos .callout-3{background:#ccc;padding:85px 0;} #nos .callout-3 blockquote{padding:10px 0;} #nos .video{width:500px;height:315px;} #cli .callout-cli{padding:50px 0;} #cli .callout-cli h3{padding-bottom:25px;} #cli .callout-cli p{padding-bottom:15px;} #cli .callout-cli figure{height:125px;padding:10px;} #cli .callout-cli figure img{max-height:194px;} #cli .callout-cli .large-3{padding-bottom:25px;} #contacto {background:#FFF;} #contacto h3{font-size:27px !important;line-height:31px;padding-bottom:20px;letter-spacing:-1px;} #contacto p { font-size:15px;line-height:22px;} #contacto .pleft{padding-left:55px;} #contacto .callout-x{background:#FFF;padding:55px 0 15px;} #contacto .callout-x p{padding:28px 35px;} #contacto .callout-3{background:#FFF;padding:0 0 70px; } #contacto .callout-3 .large-5 h3{padding:25px 0 10px;} #contacto .callout-3 p {color:#666;} #contacto .callout-3 blockquote {padding:30px 0 0;} #contacto form input[type="text"], #contacto form input[type="email"], #contacto form textarea {border:1px solid #D6D6D6 !important;margin:8.5px 0!important;height:36px;} #contacto button{padding:10px!important;border-radius:0;} #contacto .pb{padding-bottom:20px;} .mar-from{padding:0 0 10px;}/*margin de from */ .googlemaps{height:451px;} .lleva-flechas .lSAction >a {display:inline-block;position:relative;top:0;height:49px;width:49px;} .lleva-flechas .lSAction > .lSPrev {left:0;background:url(../img/iconos/prev_gal.png) no-repeat;} .lleva-flechas .lSAction > .lSNext {right:0;background:url(../img/iconos/next_gal.png) no-repeat;} .lleva-flechas2 .lSAction >a {display:inline-block;position:relative;top:0;height:49px;width:49px;} .lleva-flechas2 .lSAction > .lSPrev {left:0;background:url(../img/iconos/prev_gal.png) no-repeat;} .lleva-flechas2 .lSAction > .lSNext {right:0;background:url(../img/iconos/next_gal.png) no-repeat;} .lleva-flechas3 .lSAction >a {display:inline-block;position:relative;top:0;height:49px;width:49px;} .lleva-flechas3 .lSAction > .lSPrev {left:0;background:url(../img/iconos/prev_gal.png) no-repeat;} .lleva-flechas3 .lSAction > .lSNext {right:0;background:url(../img/iconos/next_gal.png) no-repeat;} .lleva-flechas4 .lSAction >a {display:inline-block;position:relative;top:0;height:49px;width:49px;} .lleva-flechas4 .lSAction > .lSPrev {left:0;background:url(../img/iconos/prev_gal.png) no-repeat;} .lleva-flechas4 .lSAction > .lSNext {right:0;background:url(../img/iconos/next_gal.png) no-repeat;} .lleva-flechas5 .lSAction >a {display:inline-block;position:relative;top:0;height:49px;width:49px;} .lleva-flechas5 .lSAction > .lSPrev {left:0;background:url(../img/iconos/prev_gal.png) no-repeat;} .lleva-flechas5 .lSAction > .lSNext {right:0;background:url(../img/iconos/next_gal.png) no-repeat;} .lleva-flechas h4,.lleva-flechas2 h4,.lleva-flechas3 h4,.lleva-flechas4 h4,.lleva-flechas5 h4{padding-left:15px;padding-right:15px;} .servicios .lleva-flechas,.servicios .lleva-flechas2,.servicios .lleva-flechas3,.servicios .lleva-flechas4,.servicios .lleva-flechas5{padding-top:40px;} #gal .callout-1{background:#EAEAEA;padding:45px 0 90px;} #gal .callout-1 h3{padding-bottom:25px;} #gal .callout-1 p{padding-bottom:75px;} #gal .callout-1 .lleva-flechas h3{padding-bottom:11px;margin-bottom:35px!important;border-bottom:1px solid;} #gal .callout-1 .carousel-3 blockquote{font-size:17px;padding-bottom:8px;} #gal .callout-1 .carousel-4 blockquote{font-size:17px;padding:10px 0;} #ser .callout-1{padding:45px 0 0px;background:#fff;} #ser .callout-1 h3{padding-bottom:30px;} #ser .callout-1 p{padding:0 65px 20px;line-height:1.5;} #ser .callout-2{padding:7px 0 80px;background:#fff;} #ser .callout-2 h2{ font-size:30px !important; line-height:34px;} #ser .callout-2 h4{font-size:25px!important;line-height:28px;color:#282828;padding:15px 0 10px;} #ser .callout-2 p{padding-bottom:10px;} #ser .callout-2 .large-6{padding:0px 15px;} #ser .callout-2 ul li img{margin-bottom:50px;} #ser .callout-3{background:#ccc;padding:85px 0;} #ser .callout-3 blockquote{padding:10px 0;} #ser .provid{width:820px;height:480px;margin-bottom:50px;} .desarrolo-carre h3{padding-bottom: 10px;border-bottom: 1px solid #999;margin-bottom: 30px!important;} .desarrolo-carre{padding-bottom:5px;} .desarrolo-carre .accordion{background:transparent;} .desarrolo-carre .accordion .accordion-item{margin-bottom:35px;} .desarrolo-carre .accordion-title {position: relative;display: block;padding:8px 8px 10px;border:0;border-bottom:1px solid #0F62AC;font-size:30px;line-height:35px;color: #4E4E50;} .desarrolo-carre :last-child:not(.is-active) > .accordion-title {border-bottom:1px solid #0F62AC;border-radius: 0 0 0 0;} .desarrolo-carre .accordion-content {display: none;padding:1.6rem;border:0;background-color:#EAEAEA;color:#333;} .desarrolo-carre .accordion-content p{font-size:16px;line-height:21px;color:#333;padding-bottom:40px;} .desarrolo-carre .accordion-content blockquote{font-size:16px;line-height:20px;color:#0F62AC;padding-bottom:10px;} /*Seccion Prensa */ #prensa h3{padding-bottom:25px;} #prensa h5{font-size:38px !important;padding:20px 0; } #prensa h2{font-size: 24px !important;color:#666;line-height:27px;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 p span{background:#666;color:#fff;padding:5px;} #prensa blockquote {font-size:40px;color:#333;padding:25px 0 2px;} #prensa figure {height: 336px;margin-bottom:15px!important;} #prensa figure img {height:336px;max-width:100%;} #prensa figure:hover img{ -webkit-transform:scale(0.95);transform:scale(0.95); -webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out; } #prensa .callout-2{padding:45px 0 50px;} #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;} .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: 37px !important;line-height:40px;margin:0 !important;padding-top:20px;} #prensa-cont h3{font-size:22px!important;letter-spacing:0;line-height:25px;padding-bottom:35px;} #prensa-cont blockquote{font-size:25px!important;line-height:25px;padding:0 0 15px 15px;} #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{padding:35px 0 110px; } #prensa-cont .medium-8{padding-left:0;} #prensa-cont .row-2{background:#E8E9ED;} #prensa-cont .btn-2{background:#505050;font-size:16px;max-width:140px;padding:10px;border-radius:4px;margin:10px 0 60px;color:#fff;display:inline-block;} #prensa-cont .pd{padding-bottom:60px;} .color-pie{color:#fff !important;} footer{background:#666;color:#fff;padding:65px 0 5px ;position:relative;} footer h3{font-size:30px!important;line-height:30px;color:#BEBEBE;padding-bottom:55px;} footer p{ color:#E6E6E6;font-size:14px !important;line-height:21px;word-wrap:break-word; } footer p a{color:#E6E6E6;} footer p a:hover{color:#14a5dc;} footer span{font-size:14px;line-height:15px;word-wrap:break-word; } footer img{padding-bottom:25px;} footer ul{display:block;margin:0;margin-top:2rem;} footer li{display:inline-block;padding-right:0px;} footer li img{border-radius:50%;padding:0;} footer .sociales li{padding-bottom:20px;} footer .row > div{ padding-bottom:00px;} footer .ppptop{padding:55px 0 15px;} footer .ppptop span a:hover{color:#fff;} .jumbotron { margin: 0; padding: 0; } /* el max se ordena de mayor a menor y el min-with de menor a mayor*/ @media only screen and (max-width: 63.9375em){ .mi-altura{min-height:100px;} } @media only screen and (max-width: 59.999em){ .block-n{display:block;} h1 {font-size: 35px !important; line-height: 38px;} .menu_bar{display:block;text-align:right;padding:10px;margin-top:15px;} .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;} nav ul{margin-top:7px;border-bottom:1px solid #fff; } nav ul li{ display:block;border-top:1px solid #fff;background-color:#31373F;z-index:999} nav ul li a{display:block; padding:12px 30px;color:#fff !important;} nav ul li ul a{background:#14A5DC;} nav ul li:hover a, nav ul li.active a{color:#fff; } nav li:hover > ul{display:none;} nav li ul{position:relative;} .block-b{display:none;} #portada .callout-2 .large-20,#portada .callout-2 .large-40{width:33.33%;} #contacto h3{font-size:35px !important;line-height:35px;padding-bottom:65px;} #nos .callout-2 p{padding-right:10px;} 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;} } @media screen and (max-width: 49em) { h3{font-size: 25px !important;line-height:25px;} #portada .callout-3{padding:75px 0 50px;} #prensa figure {height: 250px;} #prensa figure img{height:250px;} footer .ppptop{padding-top: 1px;} footer .ppptop .float-left, footer .ppptop .float-right{float:none!important;text-align:center;display:block;padding:5px 0;} } @media screen and (max-width: 43.750em) { nav{ margin-top:10px;} nav ul{margin-top:10px;} } @media screen and (max-width: 43em) { nav{ margin-top:0;} header{padding:0 0 10px;position:relative;} header .logo{bottom: 10px;height: 50px;position: absolute;} header .logo img{width:198px;height:45px;} .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:358px;} .banners.fondo, .banners .fondo {height:358px;} .banners.fondo2, .banners .fondo2{height:175px;} } @media only screen and (max-width: 40em){ /*small-12*/ .titulo-1{font-size:25px!important;line-height:27px;} .block-line{display:none;} h1 {font-size: 33px !important; line-height: 36px;} h3 {font-size:30px !important;line-height:30px;} .banners.fondo, .banners .fondo{height:270px;} .banners.fondo2, .banners .fondo2{height:175px;} .banners .large-4{display:none;} #back-top a:hover span {z-index:100000;}/*flecha flotante*/ #portada .callout-1 .medium-6{padding-bottom:30px;} #portada .callout-1 p{padding:0;} #portada .callout-2 .large-20,#portada .callout-2 .large-40{width:100%;margin-bottom:30px;} #portada .callout-3 .large-4{padding-bottom:50px;} #nos .callout-1{padding:45px 0;} #nos .callout-1 .medium-6{padding-bottom:25px;} #nos .callout-1 .large-text-right{padding-right:0;} #nos .callout-2 img{padding:25px 0;} #ser .callout-2 .accordion .large-6 + .large-6{padding-bottom: 50px;} #cli .callout-cli figure{height:120px;} .desarrolo-carre .accordion-title{font-size:25px;line-height:28px;} #contacto .callout-x .min-email{min-height:150px;} #contacto .callout-x .min-tel{min-height:210px;} #contacto .callout-3{padding:15px 0 70px;} #contacto .callout-3 .large-7{padding-top:55px;} #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 .btn-2{margin:10px 0 20px;} #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:30px; } 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;} h1 , h1.titulo-1{font-size:31px!important;line-height:33px!important;} #contacto h3{font-size:30px !important;line-height:30px;padding-bottom:20px;} #contacto .maps_height{height:240px;} #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%;} } @media only screen and (max-width: 30em){ h3{font-size:25px !important;line-height:28px;} footer h3{font-size:25px!important;line-height:25px;} footer .row > div{padding-bottom:34px;} .banners .texto {margin-top:50px;} #nos .video{width:330px;height:250px;} #ser .callout-2 ul li img { margin-bottom:0px;} .lleva .lSAction > .lSNext{margin-bottom:20px;} .lleva .lSAction > .lSPrev{margin-bottom:20px;} #ser .provid{width:330px;height:250px;} } /* min widt*/ @media only screen and (min-width: 60em) { nav.hide{ display:block !important;padding-top:10px; } nav > ul{display:table;padding:20px 0 7px;border-bottom:7px solid #14A5DC} nav > ul >li{display:table-cell;} nav > ul >li > a{padding:8px 14px;} .active-menu > a{color:#14A5DC !important;border-radius:8px} } @media only screen and (min-width: 63em) { nav > ul >li{display:table-cell;} nav > ul >li > a{padding:8px 14px;} header nav ul li:hover ul{display:block; z-index: 99999;} } @media only screen and (min-width: 88em) { /* .lSSlideOuter .lSPager.lSpg {left: 25%;} */ } .ie .row{ max-width:1100px; } #ser ul li { font-size: 16px; line-height: 23px; margin: 0 !important; color: #333; }