/* 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 Sans Light';src:url('../fonts/light/OpenSans-Light.eot?') format('eot'),url('../fonts/light/OpenSans-Light.woff') format('woff'),url('../fonts/light/OpenSans-Light.ttf') format('truetype'),url('../fonts/light/OpenSans-Light.svg#OpenSans-Light') format('svg');font-weight:normal;font-style:normal;} @font-face {font-family:"Open Sans Extrabold";src:url("OpenSans-ExtraBold.eot?") format("eot"),url("OpenSans-ExtraBold.woff") format("woff"),url("OpenSans-ExtraBold.ttf") format("truetype"),url("OpenSans-ExtraBold.svg#OpenSans-Extrabold") format("svg");font-weight:normal;font-style:normal;} /*Fuentes*/ .arial{ font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal; } .osans{ font-family:'OpenSans' !important; } .osanslight{font-family:'Open Sans Light' !important;} .osansextra{font-family: 'Open Sans Extrabold' !important;} .aconddb{ font-family:'akzentconddb' !important; } .sspsb{ font-family:'source_sans_prosemibold' !important; } .ssp{font-family:'source_sans_prolight' !important;} .em{font-style:italic;} .negrita{font-weight:bold;} .color-blanco{color:white} .abs{position:absolute; top:0; left:0;} /*CONFIGURACION*/ .row{ max-width:70.625em; } .columns{ padding-left:15px;padding-right:15px;} .blog-1{ height: 560px;} .oculw{display:none;position:fixed;width:60px;height:60px;top:50%;z-index:999;right:0px;} .iconos{ display:inline-block;background-color:transparent;background-image:url(../img/iconos/menu.png);background-repeat:no-repeat;vertical-align:middle;} .menu-adaptable{ width:37px;height:24px;} .menu_bar{ display:none; } .callout{ border:0 ;padding:0;margin:0;} .en-linea > *{ display:inline-block;vertical-align:middle; } .pagination a:hover, .pagination .current{ background:#E5E5E5 !important;color:#333; } /*Menu*/ nav {padding-top: 60px;} nav > ul{ margin:0; border-bottom:1px solid rgba(189, 192, 196, 0.42); border-top:1px solid rgba(189, 192, 196, 0.42); padding:15px 0; } nav > ul > li{ position:relative;display:inline-block;margin-right:-4px; padding:0 15px;} nav > ul > li + li {border-left: 1px solid white;} nav > ul > li > a{ display:inline-block;font-size:17px;color:white;position:relative; text-align:center; } nav > ul > li > a:hover { color:white; background-color:transparent;} nav > ul > li > a.active { color:white; background-color:transparent;} #tidio-chat-iframe{inset: auto auto 5px 9px !important;} /*btn flotante debe ir afuera de footer*/ #back-top {position:fixed;bottom: 30px;right: 30px;z-index:2; display:none;} #back-top a {width: 32px;display: block;text-align: center;font: 11px/100% Arial,Helvetica,sans-serif;text-transform: uppercase; text-decoration: none;color: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#43478E;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:#f26B35;} /*pdf*/ .pdf{width:32px; height:32px; padding:0 !important; margin-left:10px;} body{ font-family:'OpenSans';color:#000;background:#fff; } .fullwidth{ width:100%;} header .logo{display:inline-block;padding: 30px 0px 10px;} .mascara{left:inherit;width:100%;height:150px; background-image:url(../img/mascara.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mascara.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mascara.png',sizingMethod='scale')"; } .active-menu{color: #004484; border-bottom-style: solid; border-bottom-width: 2px; border-bottom-color:#E12C39; } .banners{ border:0;margin:0;padding:0;} .banner-0{ height:666px; background-image:url(../img/banner2020.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banner2020.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banner2020.jpg',sizingMethod='scale')"; } .banner-1{ height:666px; background-image:url(../img/banner2.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banner2.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banner2.jpg',sizingMethod='scale')"; } .banner-1-1{ height:666px; background-image:url(../img/banner3.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banner3.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banner3.jpg',sizingMethod='scale')"; } .banner-2{ height:666px; background-image:url(../img/mascara.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mascara.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mascara.png',sizingMethod='scale')"; } .banner-3{height:520px; background-image:url(../img/servicio.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/servicio.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/servicio.jpg',sizingMethod='scale')"; } .banner-emp{height:520px; background-image:url(../img/banners/emp.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/emp.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/emp.jpg',sizingMethod='scale')"; } .callout-menu{background-color:#094366 !important; padding: 0 !important; height: 100%; margin: 0 !important;} .bajar{padding-top:10px;} #encabezado {position:relative;} #encabezado.paraportada{width:100%;z-index:3;padding:0;position:absolute;top:0;background:transparent;} #encabezado.paraportada2{width:100%;z-index:3;padding:0;position:absolute;top:0;background-image:url(../img/fondomenu2.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondomenu2.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondomenu2.png',sizingMethod='scale')";no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #encabezado.fondomenu{width:100%;padding:0;background-image:url(../img/fondomenu.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondomenu.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/fondomenu.jpg',sizingMethod='scale')";no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;} #encabezado .callout{margin: 0px; border: 0px;padding: 0; background-color: transparent;} #encabezado .callout .row h1, .fon{display:inline-block;} #encabezado .callout .row h1{font-size:18px; color:white; margin:0px; padding-top:15px;} #encabezado .face{display:inline-block;padding: 10px 0 0 20px;} #encabezado .fon{display:inline-block;padding: 15px 10px 0 0;} .banners .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;} /*flechas del baner*/ .lSAction > .lSPrev{ background:url(../img/iconos/izquierda.png) no-repeat;width:40px;height:40px;opacity:.7;z-index:2; margin-left:100px;} .lSAction > .lSNext{ background:url(../img/iconos/derecha.png) no-repeat;width:40px;height:40px;opacity:.7;z-index:2; margin-right:100px;} /*Pagina Principal*/ #portada .callout{ padding:0;margin:0;border:0;} #portada .callout h1{ font-size:55px; color: white; margin:0px; position:relative; padding:280px 0 5px; letter-spacing:-2px; z-index:2; text-shadow:1px 2px #000;} #portada .callout p{ font-size:25px; color: white; margin:0px; position:relative; z-index:2;} #portada .callout-1 { padding:70px 0;} #portada .callout-1 .row h1{ font-size:40px; color:#454545; padding:0 !important; text-shadow:none;} #portada .callout-1 .row p{ font-size:18px; color:#454545; padding: 30px; line-height:23px;} #portada .callout-2 {margin: 0px; border: 0px;padding: 50px 0; background-color: #043E59;} #portada .callout-2 .row h1 {font-size:50px; color:white; padding:0 0 4px !important; line-height:52px; margin:0 0 0 10px; letter-spacing:1px; text-shadow:none;} #portada .callout-2 .row img {margin-left:10px; width:90%;} #portada .callout-2 .row a{ font-size:17px; color:#E1E1E1; padding-left:10px; } #portada .callout-2 .row p{ font-size:17px; color:#E1E1E1; padding: 0 0 0 30px; } #portada .callout-2 .row p span{position:absolute;top:8px;left:15px;background:url(../img/iconos/viñeta.png) no-repeat;width:9px;height:13px;} #portada .callout-3 {margin: 0px; border: 0px;padding: 65px 0;} #portada .callout-3 .row .icoempresa{ padding:35px 0 18px;} #portada .callout-3 .row h1{ font-size:40px; color:#043E59; padding:0 !important; text-shadow:none;} #portada .callout-3 .row h2{ font-size:25px; color:#129EE2; padding-bottom:10px; margin:0;} #portada .callout-3 .row p{ font-size:16px; color:#333333; padding-bottom: 70px; } #portada .callout-3 .row h3{ font-size:28px; color:#043E59; padding: 25px 0; margin:0;} #portada .callout-3 .row a:hover img{-webkit-transform: scale(0.92); transform: scale(0.92); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} #portada .callout-3 .row h4{ font-size:16px; color:#333333; padding:15px 0; margin:0;} #portada .callout-3 .row h5{ font-size:14px; color:#45AAFF; padding:0; margin:0;} #portada figure { margin:0; } #portada figure img { height: 214px; max-width: 100%; } .img-responsive{display: block;} #emp .em{font-style:italic;} #emp .callout-lds{padding:60px 0 0;} #emp .callout-lds h1{ font-size:40px; color:#454545; padding:0;padding-bottom:15px;display:block;} #emp .callout-lds p{ font-size:16px; color:#454545;line-height:1.5;} #emp .callout-lds-2{padding:70px 0 78px;} #emp .callout-lds-2 h3{ font-size:30px; color:#062E47; padding:0 !important;line-height:1.15;} .fondoblog{background-color:#f7f7f7;} .fondoblog2{background-color:#f7f7f7;} #blog .callout{ padding:0;margin:0;border:0;} #blog .callout-1 { padding:0 0 120px;} #blog .callout-1 .row h1{ font-size:35px; color:#062E47; padding:25px 0; text-align:center; margin:0;} #blog .callout-1 .row h2 {font-size:14px; color:#666666; padding: 20px 0 20px 15px} #blog .callout-1 .row h2 span{font-size:15px; color:white; background-color:#666666; padding :5px;} #blog .callout-1 .row h3 {font-size:24px; color:#666666; padding-left:15px; padding-bottom:15px; margin:0;} #blog .callout-1 .row h4 {font-size:16px; color:#4E4E4E; padding-left:15px; padding-bottom:15px; margin:0;} #blog .callout-1 .row h5 {font-size:37px; color:#4E4E4E; padding:20px 0 20px; margin:0;} #blog .callout-1 .row h6 {font-size:22px; color:#666666; padding:20px 0 20px; margin:0;} #blog .callout-1 .row p {font-family:'Open Sans' !important;font-size:16px; color:#3B3B3B;} #blog .callout-1 .row p strong {font-size:16px; color:#3B3B3B;} #blog .callout-1 .row .bordeboton {font-size:16px; color:white; background-color:#0D364C; transition:all 0.5s ease; border-radius:5px; padding:7px 30px; margin-left:15px; margin-top:10px;} #blog .callout-1 .row .bordeboton:hover {background-color:#129EE2;} #blog .callout-1 .row .bordeboton2 {font-size:16px; color:white; background-color:#0D364C; transition:all 0.5s ease; border-radius:5px; padding:7px 30px; margin-left:15px; margin-top:10px; margin: 10px 0 60px; display: inline-block;} #blog .callout-1 .row .bordeboton2:hover {background-color:#129EE2;} #blog .callout-1 .row .imgblog:hover img{-webkit-transform: scale(0.92); transform: scale(0.92); -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} #blog figure { margin:0; } .top{margin-top:30px !important;} .xleft {padding-left:0;} .compartir{margin-top: -27px; margin-left: 105px;width: 111px;} .paginacion{padding:10px 0; margin:0;} #cliente .callout{ padding:0;margin:0;border:0;} #cliente .callout-1 { padding:30px 0 100px;} #cliente .callout-1 .row h1{ font-size:35px; color:#062E47; padding:25px 0; text-align:center; margin:0;} #cliente .callout-1 .row figure{ height:102px; position:relative;} #cliente .callout-1 .row figure img {max-height: 102px;} .verticalalignmiddle {position: absolute;top: 0;left: 0;bottom: 0;right: 0;margin: auto;} #cliente .callout-1 .row h2{ font-size:16px; color:#666666; padding:0 0 10px; margin:0;} #cliente .callout-1 .row h3{ font-size:15px; color:#676767; padding:0 0 10px; margin:0;} #servicio .callout{padding:0; margin:0; border:0; background-color:white;} #servicio .callout .row .combo {margin-top:475px;} .select {height: 38px; border: 1px solid #043E59; margin-top:0;font-size: 14px; font-family: 'OpenSans'; color: #043E59; background-color: white; border-radius: 7px; background-image: url('../img/iconos/combo.png'); background-size: 33px 36px; background-position: right 0 center; padding-right:0; width: 300px; float: right;} #servicio .callout-1{padding:60px 0 100px;} #servicio .callout-1 .row h1{font-size:35px; color:#062E47; padding-bottom:40px; margin:0;} #servicio .callout-1 .row h2{font-size:25px; color:#129EE2; padding-bottom:10px; margin:0;} .sepa{padding-bottom:45px;} .sepa2{padding-bottom:30px !important;} #servicio .callout-1 .row p{font-size:16px; color:#333333; margin:0;} #servicio .callout-1 .row a{font-size:15px; color:white; background-color:#043E59; border-radius:5px; padding:10px 40px; transition:all 0.5s ease;} #servicio .callout-1 .row a:hover{background-color:#129EE2;} #servicio .callout-1 .row .icoempresa{ padding:35px 0 18px;} #servicio .callout-2{padding:70px 0 85px; background-color:#F7F7F7;} #servicio .callout-2 .row h1{font-size:35px; color:#062E47; line-height:47px; margin:0; padding:20px 0 0;} #servicio .callout-2 .row h2{font-size:20px; color:#062E47; margin:0; padding:20px 0 10px 70px;} #servicio .callout-2 .row p{font-size:15px; color:#333333; margin:0; padding:0 0 0 70px;} #servicio .callout-2 .row p span{position:absolute;background:url(../img/iconos/viñeta2.png) no-repeat;width:8px;height:8px; margin:10px 0 0 -20px;} #servicio .callout-2 .row a{font-size:15px; color:white; background-color:#043E59; border-radius:5px; padding:10px 40px; margin-left:70px; transition:all 0.5s ease;} #servicio .callout-2 .row a:hover{background-color:#129EE2;} #servicio .callout-3{padding:60px 0 80px;} #servicio .callout-3 .row .imgser,h1 {display:inline-block;} #servicio .callout-3 .row .imgser { margin-top: -40px; height: 60px;} #servicio .callout-3 .row .imgser2 { height: 100%; width:100%; margin:40px 0;} #servicio .callout-3 .row .imgser3 { height: 265px; width:50%; padding:0 10px;} #servicio .callout-3 .row h1{font-size:22px; color:#062E47;margin:0; padding:20px 0 0; line-height:28px;} #servicio .callout-3 .row h1 span{font-size:35px;} #servicio .callout-3 .row h2{font-size:34px; color:#333333;margin:0; padding:20px 0 0; line-height:34px;} #servicio .callout-3 .row h3 {font-size:24px;color:#333333;margin:0; line-height:24px;} #servicio .callout-3 .row h4 {font-size:30px;color:#062E47;margin:0;text-align:center; padding-top:25px;} #servicio .callout-3 .row p {font-family:'OpenSans'; font-size:16px;color:#333333;margin:0;padding:20px 0 50px; line-height:23px;} #servicio .callout-3 .row li {font-family:'OpenSans'; font-size:15px;color:#333333;margin:0;padding-left:10px; margin-left:15px; list-style: none; list-style-image: url(../img/iconos/viñeta2.png);} .movil{display:none;} #contactenos .callout{padding:0; margin:0; border:0; background-color:white;} #contactenos .callout-1{padding:20px 0 50px;} #contactenos .callout-1 .row h1{font-size:35px; color:#062E47; padding-bottom:30px; margin:0;} #contactenos .callout-1 .row h2{font-size:18px; color:#666666; padding-bottom:40px; margin:0;} #contactenos .callout-1 .row p{font-size:20px; color:#666666; padding:0; margin:0;} #contactenos .callout-1 .row h3{font-size:28px; color:#666666; padding:40px 0; margin:0; text-align:center;} #contactenos .callout-1 .row img{padding:10px 0;} #contactenos .callout-1 .row form{ margin:0 63px;} #contactenos .callout-1 .row label{font-size:15px; color:#4A4A4A; padding:0; margin:0;} #contactenos .callout-1 .row input{background-color:#D4D4D4; border: 0px !important; box-shadow: inset 0 0 0 #d4d4d4; opacity:.52; height:36px;} #contactenos .callout-1 .row textarea{background-color:#D4D4D4; border: 0px !important; box-shadow: inset 0 0 0 #d4d4d4; opacity:.52; height:150px; width:733px;} #contactenos .callout-1 .row button{background-color:#0D364C; color:white; font-size:18px; padding: 10px 40px; margin-top:10px; margin-bottom:40px; border-radius:5px;} .barracontacto{padding:0 120px;} /*Formulario*/ .tamañotexto {width:341px;} .tamañotexto2 {width:733px;} .tamañodiv {height:70px; margin-right:10px;} .tamañodiv2 {height:180px;} .derecha {float:right;} .izquierda {float:left;} .map-height{height:470px;} footer{ background:#1B232F;color:#fff;padding:50px 0 20px; } #piepag .row h1 {font-size:24px; color:white; margin:0;} #piepag .row p {font-size:15px; color:#E6E6E6; line-height:20px; margin:0; padding:15px 10px 0 0;} #piepag .row h2 {font-size:15px; color:#E6E6E6; padding-top:40px;} .facefooter{padding: 3px; margin-top:-6px;} @media screen and (max-width: 69.999em) { .menu_bar{ display:block;text-align:right;margin: 70px 45px 0px 0px;} .ocultar{display:none !important;} nav.hide {display: none !important;} header .block {display: none;} nav { position:absolute;z-index:99; width:100%; left:0px; padding-top: 52px;} nav ul{ display:block; border:0;padding:0; border-bottom: 1px solid white;} nav ul li{ display:block; background-color: #043E59; border-top: 1px solid white; margin:0; padding:0;} nav > ul > li + li {border-left:0;} nav > ul > li > a{ display:block;font-size:15px;color:white;position:relative;padding:3px 0; letter-spacing:0px; text-align:center; transition: all 1s ease; width:auto;} nav > ul > li> a:hover {color: white; background:#129EE2;} /*Sub Menu*/ nav li ul{ position:relative;width:100%; left:0px;border-bottom: 1px solid white;border-top: 1px solid white !important;} nav li:hover > ul{display:none;} nav li:hover > ul a{display:block; color:white;background-color:#f26B35; z-index:99;} nav li ul li{ display:block; background-color: #f26B35; border-top: 1px solid white; margin:0px -8px;} nav > ul > li > ul > li > a{ display:block;background-color:#f26B35;font-size:15px;color:#fff;position:relative;padding:3px 10px; text-align:center;} nav > ul > li > ul > li:hover > a{color:white; background-color:#43478E; } .barracontacto{padding:0 90px;} .tamañotexto {width:290px;} #contactenos .callout-1 .row textarea{height:150px; width:650px;} .tamañotexto2 {width:650px;} #contactenos .callout-1 .row form{ margin:0 60px;} .tamañodiv {margin-right:19px;} .derecha {float:left;} .oculw{display:block;} } @media only screen and (max-width: 40em){ #portada .callout h1{ font-size:31px !important;padding:280px 30px 5px !important;} #portada .callout p{ font-size:17px; padding:0 40px;} #portada .callout-1 .row h1{ font-size:30px !important; } #portada .callout-1 .row h1 span{ display:block; } #portada .callout-1 .row p{ padding: 20px; text-align:justify;} #portada .callout-2 .row h1 {font-size:46px; line-height:49px;} #portada .callout-2 .row img {width:auto;} #portada .callout-2 .row p{ font-size:14px !important;} #portada .callout-3 .row h1{ font-size: 31px !important; padding: 0 50px !important;} #portada .callout-3 .row h2{ font-size:21px;} .separar{padding-bottom:30px;} #piepag .row h1 {font-size:20px;} #piepag .row h2 {text-align:center; padding-top:10px;} #piepag .row p {font-size:14px; padding: 10px 0;} .blog-1{ height: 450px !important;} #blog .callout-1 .row h3 {font-size:20px;} #servicio .callout-1 .row h2{ font-size:21px !important;} #servicio .callout-1 .row p{ padding: 20px; text-align:justify;} #contactenos .callout-1 .row form{ margin:0 30px;} .tamañotexto {width:350px !important;} #contactenos .callout-1 .row textarea{height:150px; width:350px !important;} .tamañotexto2 {width:350px !important;} .derecha {float:left !important;} } @media screen and (max-width: 32em) { .tamañotexto {width:250px !important;} #contactenos .callout-1 .row textarea{height:150px; width:250px !important;} .tamañotexto2 {width:250px !important;} .derecha {float:left !important;} #contactenos .callout-1 .row form{ margin:0;} } @media screen and (max-width: 28em) { header .logo{width:80%;} nav { padding-top: 38px;} #portada .callout h1{ padding:280px 0 5px !important;} #portada .callout p{ font-size:20px;} #portada .callout-1 .row h1{ font-size:26px !important;} #portada .callout-1 .row p{ font-size:16px !important; padding: 15px !important; line-height:20px !important;} #portada .callout-3 .row h1{ font-size:29px !important;} #portada .callout-3 .row h2{ font-size:21px !important;} #portada .callout-3 .row p{ padding: 0 60px 30px !important; } .logo60{width:70%;} .menu_bar{margin: 70px 20px 0px 0px;} .fondoblog{width:320px !important;} #piepag .row h1 {font-size:17px !important;} #piepag .row h2 {text-align:center; padding-top:10px;} #piepag .row p {font-size:13px !important;} #blog .callout-1 .row h5 {font-size:39px; padding:20px 0 0;} #servicio .callout-1 .row h1{font-size:30px !important; padding-bottom:30px !important;} #servicio .callout-1 .row p{font-size:14px !important; padding:0 15px;} #servicio .callout-1 .row h2{font-size:20px !important;} #servicio .callout-2 .row h1{font-size:30px !important; line-height:35px !important;} #servicio .callout-2 .row h2{font-size:16px !important; padding:20px 0 10px 40px !important;} #servicio .callout-2 .row p{font-size:14px !important; padding:0 15px 0 50px ;} #servicio .callout-2 .row p span{margin:7px 0 0 -17px !important;} #servicio .callout-3 .row .imgser3 { height: 214px !important; } #servicio .callout-3 .row h4 {font-size:28px !important;padding:40px 0 0;} } @media screen and (max-width: 60em) { #portada .callout h1{ font-size:40px;padding:260px 30px 5px;} #portada .callout p{ font-size:20px; padding:0 40px;} #portada .callout-1 .row h1{ font-size:35px;} #portada .callout-1 .row p{ font-size:17px; padding: 25px; line-height:21px;} #portada .callout-2 .row p{ font-size:16px; padding: 0 0 0 30px; } #portada .callout-2 .row p span{top:6px;} #portada .callout-2 .row h1 {font-size:36px !important;line-height:40px !important;} #portada .callout-3 .row h1{ font-size:35px;} #portada .callout-3 .row h2{ font-size:23px;} #portada .callout-3 .row p{ font-size:14px; padding-bottom: 60px; line-height:19px; padding:0;} #piepag .row h1 {font-size:20px;} #piepag .row p {font-size:14px; padding: 10px 0;} .blog-1{ height: 500px;} #blog .callout-1 .row h4 {font-size:14px; padding-left:0; margin-left: -10px;} .compartir{margin-left: 90px;} #blog .callout-1 .row h5 {font-size:34px; padding:20px 0 5px;} #blog .callout-1 .row h6 {font-size:21px;} #servicio .callout-1 .row h2{ font-size:23px;} #servicio .callout-1 .row p{ font-size:15px; line-height:22px; padding:0;} #servicio .callout-2 .row h1{font-size:33px; line-height:35px } #contactenos .callout-1 .row p{font-size:17px;} .tamañotexto {width:280px;} #contactenos .callout-1 .row textarea{height:150px; width:615px;} .tamañotexto2 {width:615px;} .derecha {float:left;} #contactenos .callout-1 .row form{ margin:0;} .barracontacto{padding:0 80px;} } @media screen and (max-width: 72em) { #portada .callout-2 .row h1 {font-size:46px; line-height:49px;} .lSAction > .lSPrev{ margin-left:5px;} .lSAction > .lSNext{ margin-right:5px;} } @media screen and (max-width: 50em) { .barracontacto{padding:0 50px;} .tamañotexto {width:230px;} #contactenos .callout-1 .row textarea{height:150px; width:510px;} .tamañotexto2 {width:510px;} #contactenos .callout-1 .row form{ margin:0 5px;} .tamañodiv {margin-right:19px;} .derecha {float:left;} } @media screen and (max-width: 24em) { .barracontacto{padding:0 20px;} .menu_bar{margin: 50px 20px 0px 0px;} .fondoblog{width:280px !important;} } @media screen and (max-width: 45.4em) { #portada .callout-2 .row a{ font-size:13px !important;} #portada .callout-2 .row img {width:auto;} } @media screen and (max-width: 55em) { #portada .callout-2 .row a{ font-size:15px;} } @media screen and (max-width: 39.9em) { #portada .callout-3 .row p{padding: 0 100px 30px;} .fondoblog{width:361px;} .xleft {padding-left:0; padding-right:0;} #blog .callout-1 .row .bordeboton2 {margin: 5px 0 0;} #blog .callout-1 .row h4 { padding-left:0; margin:0;} .top{margin-top:10px !important;} #blog .callout-1 .row h5 {font-size:32px; padding:20px 0 0;} #blog .callout-1 .row h6 {font-size:20px;} .normal {display:none;} .movil {display:block;} .sepa{padding-bottom:40px !important;} .apartar{margin-top:55px !important;} .textocentro{text-align:center !important;} .sepa2{padding-bottom:30px !important;} #servicio .callout-3 .row p{font-size:15px !important; padding:30px 0 40px !important; line-height:20px !important;} #servicio .callout-3 .row .imgser3 { height: 265px; width:100% !important; margin:20px 0; float:left !important;} #contactenos .callout-1 .row p{font-size:20px;padding:0 0 20px;} } /* min widt*/ @media only screen and (min-width: 53.100em) { } @media only screen and (min-width: 61em){ } @media only screen and (min-width: 70em) { nav.hide{ display:block !important;} } @media only screen and (min-width: 76em){ }