/* 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: 'open_sanslight';src: url('../fonts/light/OpenSans-Light.eot');src: url('../fonts/light/OpenSans-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/light/OpenSans-Light.woff') format('woff'),url('../fonts/light/OpenSans-Light.ttf') format('truetype'),url('../fonts/light/OpenSans-Light.svg#open_sanslight') format('svg');font-weight: normal;font-style: normal;} @font-face {font-family:"Lato Regular";src:url("../fonts/Lato/Lato-Regular.eot?") format("eot"),url("../fonts/Lato/Lato-Regular.woff") format("woff"),url("../fonts/Lato/Lato-Regular.ttf") format("truetype"),url("../fonts/Lato/Lato-Regular.svg#Lato-Regular") format("svg");font-weight:normal;font-style:normal;} body{ font-family:'OpenSans';color:#444;background:#fff;font-weight:400; } h1,h3,h4,h5,h6,body{ font-family:'OpenSans';font-weight:400;} h1,h3,h4,h5,h6, figure, blockquote{ margin:0 !important;padding:0; } blockquote{ border:0; } h1{ font-size:38px !important;letter-spacing:-1px;line-height:42px; } h2{ font-size:20px !important;letter-spacing:0px;margin-bottom:7px;line-height:23px;} h3{ font-size:20px !important;line-height:25px;padding-left:15px; } h4{ font-size:50px !important;line-height:55px; } h5{ font-size:30px !important;line-height:55px; } label, li{ font-size:17px;letter-spacing:0.3px; } p{ font-size:17px ;line-height:23px;margin:0 !important; } a { color:currentColor; } a:hover, a:focus{ color:#8D0303; } header{ width:100%;z-index:3;background:#8D0303;position:absolute;padding:20px 0 10px;} header .logo{position:absolute;} header .trayec{padding-top:35%;margin-left:106%;} header .siguenos{padding-bottom:12px;} header .siguenos p{font-size:14px;display:flow-root;} header .siguenos p img{position:absolute;left:0;bottom:0;} header .siguenos p .ona{display:block;width:285px;float:right;position:relative;padding-left:34px;} header .siguenos p .span{display:block;font-size:11px;line-height:15px;padding-left:10px;} header .siguenos p .span span{display:block;font-size:16px;line-height:15px;color:#8D0303;background:white;padding:5px 10px;border-radius:5px;margin-left:-10px;margin-top:3px;} header .siguenos p .span a:hover{color:#c2a34e;} nav ul {margin: 0;} nav > ul > li{ position:relative;display:inline-block;vertical-align:top;} nav > ul > li > a{display:inline-block;font-size:22px;color:#fff;position:relative;letter-spacing:0px;text-align:center;} /*Sub Menu*/ nav li ul{display:none;position:absolute;} nav > ul > li > ul{margin:0;} nav li:hover > ul, nav li:hover > ul a{display:block;border:0px;min-width:100%;} nav li > ul a{background:#212E3A;} nav li > ul a:hover{color:#fff;background:#8D0303;} nav > ul > li > ul > li > a{ font-size:20px;color:#fff;position:relative;padding:0; letter-spacing:1px;text-transform:initial;padding:8px 23px ;white-space:nowrap;border-left:none;} .cola1{color:#212E3A;} /*From*/ form label{ margin:12px 0 6px;color:#4A4A4A;font-size:14px !important;line-height:1.2; } form label.error{ float:none;font-size:12px !important;margin:9px 0 0 !important;padding:5px 10px;width:auto;min-height:auto;background:#ff0000;color:#fff; } form label.error.valid{ display:none !important; } form input[type="file"]{font-size:15px;} form input[type="text"], form input[type="password"], form input[type="email"], form textarea, form select{ background:#EFF0F1;border:0 ;box-shadow:none !important;height:36px;padding:0;margin:0 ;color:#333;font-size:16px;outline:0; padding-left:15px;}/*se cambia todo el texbox , fondo , tamañao etc*/ form textarea{height:140px !important; padding:10px 8px;font-size:16px;} form button{ width:139px;font-size:20px !important;background:#8D0303;padding:10px 30px !important;margin:22px 0 0 !important;text-align:center;color:#fff; } form .control{ border:0;background:#E9E9E9;padding:9px 9px 8px; } form .control.lleva-select{ padding:0; } form .control.lleva-select label.error{ margin:0 10px 9px !important; } form .control.lleva-select select{ padding:8px 25px 9px 10px; } form .callout{ font-size:13px; } iframe{ display:block; } /* Fuentes */ .arial{ font-family:Arial,Helvetica,sans-serif;font-weight:normal;font-style:normal; } .osans{ font-family: 'Open Sans', sans-serif !important;font-weight:400; } .osansb{ font-family: 'Open Sans', sans-serif !important;font-weight:600; } .osanb{ font-family: 'Open Sans', sans-serif !important;font-weight:700; } .aconddb{ font-family:'akzentconddb' !important; } .olig{ font-family: 'Open Sans', sans-serif !important;font-weight:300; } .lato{font-family:"Lato Regular" !important; } /* Config */ .color-1{ color:#212E3A !important;} .color-2{ color:#8D0303 !important;} .texto{color:#454545 !important;} .blanco{color:#fff !important;} .bold{font-weight:bold;line-height:inherit;} .em {font-style:italic;} .inlineb {display:inline-block;} .active{color:#FF0000 !important;} .padibuton{padding-top:10px;} .cero{padding:0 !important;} .block-line{ display:inline-block; }/*para generales desaperece en movil*/ .block-b{ display:block; }/*para generales desaperece en movil*/ .block-n{ display:none; }/*para mostrar el correo en movil*/ .wow{visibility:hidden;}/*efects*/ .row{ max-width:70.625em; } .rel{ position:relative; } .abs{ position:absolute;top:0;left:0; } .columns{ padding-left:15px;padding-right:15px; } .callout{ padding:0;margin:0;border:0; } .banners{ border:0;margin:0;padding:0; } .mascara{ width:100%;height:100%;background:transparent;zoom:1 !important; } .verticalalignmiddle{ position:absolute;top:0;left:0;bottom:0;right:0;margin:auto; } .en-linea > *{ display:inline-block;vertical-align:middle; } .fullwidth{ width:100%; } .fondo{ background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center; } .fondo-int{ background-repeat:no-repeat;background-attachment:scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center; } .tbl{ display:table;} .tbl > *{ display:table-cell;vertical-align:middle; } .pagination > *{display:inline-block!important;} .pagination a:hover, .pagination .current{ background:#E5E5E5 !important;color:#333; } .banners .fondo{ height:650px;} .banners .fondo2{ height:350px;} .banners .fondo3{ height:550px;} .banners .fondo4{ height:auto !important;} .banners .texto{margin-top:280px;} .banners .titulo-1{font-size:42px!important;line-height:45px;} .banners p{font-size:20px;line-height:24px;padding:30px 80px 40px;} .banners .mascara{ background:rgba(0,101,186,0.20);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1, StartColorStr='#0065BA',EndColorStr='#0065BA')";filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='#0065BA',EndColorStr='#0065BA');z-index:1; } /* Menu */ .menu_bar{ display:none; } .float-movi{float:left!important;} /* Botones */ .btn{display:inline-block;max-width:195px;width:100%;background:#8D0303;color:#fff;font-size:22px;letter-spacing:0.5px;text-align:center;border-radius:9px;line-height:25px;padding:8px 0;font-family:'akzentconddb'} .btn-flecha{padding:0px 7px 5px 15px; } .botones:hover{background-color:#212E3A;color:#fff;}/*cambia el aspecto o color al pasar lel cursor*/ /* efectos */ @-webkit-keyframes hvr-pop {50% {-webkit-transform: scale(1.2);transform: scale(1.2);}} @keyframes hvr-pop {50% {-webkit-transform: scale(1.2);transform: scale(1.2);}} .hvr-pop { display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;} .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {-webkit-animation-name: hvr-pop;animation-name: hvr-pop;-webkit-animation-duration: 0.3s; animation-duration: 0.3s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-iteration-count: 1;animation-iteration-count: 1;} /* Bounce In */ .hvr-bounce-in {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;} .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {-webkit-transform: scale(1.2);transform: scale(1.2);-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);} /* end eefctos */ /* Banners*/ .banner-1{ background-image:url(../img/banners/portada1.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada1.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada1.jpg',sizingMethod='scale')"; } .banner-2{ background-image:url(../img/banners/portada2.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portada2.jpg',sizingMethod='scale')"; } .banner-3{ 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-porta{ background-image:url(../img/banners/portadaactual.png);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portadaactual.png',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/portadaactual.png',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')"; } .banner-contacto2{ background-image:url(../img/banners/conta.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/conta.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/conta.jpg',sizingMethod='scale')"; } .banner-nosotros{ 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-72h{ background-image:url(../img/banners/72h.jpg);filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/72h.jpg',sizingMethod='scale');-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/banners/72h.jpg',sizingMethod='scale')"; } /* Back-top */ #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: #666666;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} #back-top span {width: 32px;height: 32px;display: block;margin-bottom: 0;background-color:#333;background-image: url(../img/iconos/up-arrow.png);background-repeat:no-repeat;background-position:center;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;margin-top:-75px;} #back-top a:hover span {background-color:#FABB14;} .lSAction > a {display:block; position:absolute; top:50%;width:19px; height:31px;z-index:1;} .lSAction > .lSPrev{ background:url(../img/iconos/prev.png) no-repeat;left:0;} .lSAction > .lSNext {background:url(../img/iconos/next.png) no-repeat;right:0;} .banners .lSAction > a {display:block; position:absolute; top:50%;z-index:1;width:38px; height:39px;} .banners .lSAction > .lSPrev{ background:url(../img/iconos/prev-banner.png) no-repeat;left:30px;} .banners .lSAction > .lSNext {background:url(../img/iconos/next-banner.png) no-repeat;right:30px;} .map-height{height:448px;} #portada .banners .cuadro{margin-top:-275px;padding:0 40px;background:url(../img/iconos/lineai.png) no-repeat;position:relative;} #portada .banners blockquote{font-size:42px;line-height:47px;color:white;position:relative;padding-bottom:30px;} #portada .banners .boton{border:1px solid #C2A34E;font-size:22px;line-height:22px;display:block;max-width:195px;text-align:center;width:100%;color:white;border-radius:10px;padding:10px;transition:all .5s ease-in-out;} #portada .banners .boton:hover{background:#C2A34E;} #portada .callout-1{padding:120px 0;} #portada .callout-1 span{display:block;font-size:60px;line-height:65px;color:#212E3A;letter-spacing:-3px;padding-bottom:15px;} #portada .callout-1 p{padding-top:30px;padding-bottom:35px;} #portada .callout-1 .boton{font-size:22px;line-height:22px;display:block;max-width:195px;text-align:center;width:100%;color:white;border-radius:10px;padding:10px;transition:all .5s ease-in-out;background:#8D0303;} #portada .callout-1 .boton:hover{background:#212E3A;} #portada .callout-2{padding:100px 0;background:#F2F4F4;} #portada .callout-2 .span{display:block;font-size:60px;line-height:65px;color:#212E3A;letter-spacing:-3px;padding-bottom:40px;} #portada .callout-2 p{font-size:15px;line-height:19px;} #portada .callout-2 p{position:relative;color:#333!important;padding:1px 0;padding-left:22px;text-align:left;margin-left:25px!important;} #portada .callout-2 p.desc{padding:15px 0 30px;} #portada .callout-2 p span{background:url(../img/iconos/vi.png) no-repeat;height:8px;width:8px;top:7px;} #portada .callout-2 .lSAction > a {top:30%;} #portada .callout-2 .aa{text-align: left!important;display: block;padding-left: 40px;font-size:16px;margin-top:10px;} #portada .callout-2 .cuad{font-size:20px;line-height:25px;color:white;width:250px;background:#8D0303;display:block;position:absolute;right:0;top:50px;padding:15px 5px;} #portada .callout-2 .boton{font-size:22px;line-height:22px;display:block;max-width:195px;text-align:center;width:100%;color:white;border-radius:10px;padding:10px;transition:all .5s ease-in-out;background:#8D0303;margin:30px 0 0 25px;} #portada .callout-2 .boton:hover{background:#212E3A;} #portada .callout-3{padding:85px 0;background:url(../img/lineab.jpg) no-repeat;background-position:center bottom;} #portada .callout-3 h2{padding:20px 0 10px;color:#212E3A;} #portada .callout-3 p{color:#333;} #portada .callout-3 .btn{margin-top:23px;} #portada .callout-3 .columns{min-height:320px;} #portada .callout-3 .columns + .columns{border-left:1px solid #949AA0;} #portada .callout-4{padding:105px 0;} #portada .callout-4 h4{font-size:60px;line-height:65px;color:#212E3A;} #portada .callout-4 p{color:#34495E;} #portada .callout-4 p.ohe{padding-bottom:90px;} #portada .callout-4 .llama{padding-top:45px;} #portada .callout-4 .llama blockquote{padding:15px 0 12px;font-size:27px;line-height:35px;color:#333;font-weight:bold;} #portada .callout-4 .llama p{font-size:25px;line-height:12px;padding-bottom:8px;} #portada .callout-4 .llama span{font-size:15px;line-height:15px;} #portada .callout-4 .data blockquote{max-width:235px;font-size:16px;line-height:16px;width:100%;margin:0 auto 5px !important;color:white;background:#212E3A;border-radius:5px;padding:5px;text-align:center;} #portada .callout-4 .data p{font-size:16px;line-height:16px;color:#333;padding:0 0 10px;} #portada .callout-4 .data p.fono{color:#212E3A;max-width:165px;width:100%;margin:0 auto 30px !important;} #portada .callout-4 .data p img{width:28px;margin-top:-5px;} #portada .callout-4 .rel img{height:100%;padding-right:8px;} #portada .callout-5 {background:url(../img/f-pie.jpg) no-repeat;padding:90px 0 175px;background-attachment: fixed;z-index:1;} #portada .callout-5 h1{font-size:42px!important;line-height:47px;} #portada .callout-5 .mask{background:rgba(0,0,0,.5);height: 100%;width: 100%;} #portada .callout-extra .fondo{padding: 30px 0 60px;} #portada .callout-extra h5{padding-bottom: 30px;letter-spacing: -1px;text-align:center;color:white;} #portada .callout-extra figure{max-width:160px;margin:0 auto !important;} #portada .callout-extra figure:hover img{opacity:.85;} #portada .callout-extra figure a{position:absolute;left:0;top:0;width:100%;height:100%;} #portada .callout-extra a:hover > p{opacity:.85;} #portada .callout-extra p{padding:20px 0;color:white;font-size:20px;} /*Nosotros*/ #nos .callout-1{padding:140px 0 110px;} #nos .callout-1 h1{padding-bottom:30px;color:#212E3A;padding-top:130px;max-width:520px;margin:0 auto !important;} #nos .callout-1 p{max-width:520px;margin:0 auto !important;} #nos .callout-2{padding-bottom:75px} #nos .callout-2 blockquote{font-size: 24px;line-height: 1.3;max-width: 315px;margin: 0 auto !important;} #nos .callout-2 blockquote span{font-size:20px;display:block;background:#990100;color:white;padding:2px 10px;} #nos .callout-2 p.li{position:relative;line-height:1.5;padding-left:20px;margin:0;} #nos .callout-2 p span{line-height:1.5;background:url(../img/iconos/li.png);height:6px;width:6px;top:10px;} #nos .callout-3 {padding:0 0 20px;} #nos .callout-3 h2{font-size:40px !important;line-height:45px !important;padding:0 0 20px;color:#8D0303;margin-top:-20px;} #nos .callout-3 p{padding:0 25px;text-align:justify;} #nos .callout-3 figure{width:200px;height:200px;background:white;border-radius:50%;margin:-100px auto 0 !important;} #nos .callout-4{padding:95px 0 115px} #nos .callout-4 h1{font-size:30px;line-height:32px;color:#212E3A;} #nos .callout-4 h1 span{font-size:40px;line-height:42px;} #nos .callout-4 p{padding:20px 140px 0;} /*Servicios*/ #ser .callout-1{background:#EFF0F1;padding:20px 0 15px;} #ser .callout-1 h1{font-size:25px !important;line-height:18px;color:#333;padding-top:8px} #ser .callout-2 {padding-bottom:140px;} #ser .callout-2 .categ ,#ser .callout-2 .data {padding-top:40px;} #ser .callout-2 .categ p{font-size:15px;line-height:18px;color:#333;border-bottom:1px dotted #999;padding:9px 0;} #ser .callout-2 .categ a p span{ display: block; padding: 5px 10px; border-radius: 5px;transition:all .5s ease-in-out;} #ser .callout-2 .categ a:hover p span{background: #8D0303; color: white; display: block; padding: 5px 10px; border-radius: 5px;} #ser .callout-2 .data{padding-left:60px;} #ser .callout-2 .data h1{font-size:35px!important;line-height:40px;padding:30px 0 20px;} #ser .callout-2 .data blockquote{font-size:16px;line-height:18px;padding-bottom:25px;} #ser .callout-2 .data p,#ser .callout-2 .data li{color:#454545;font-size:16px;} #ser .callout-2 .data blockquote.bor{border-bottom:1px dotted #999;padding-bottom:10px;margin-bottom: 20px!important;} #ser .normas {padding-top:30px;} #ser .normas p{font-size:15px;color:#666;} #ser .normas .texto{padding-bottom:10px;} #ser .normas .fondo{padding:13px;min-height:72px;} #ser .normas .columns{padding:0;} #ser .callout-2.kardex .data{padding:0;padding-left:15px;} #ser .callout-2.kardex p{font-size:15px;line-height:21px;} #ser .callout-2.kardex .pd1{padding-top:150px;} #ser .callout-2.kardex .pd2{padding-top:100px;} /*antes de inicia sesion*/ #ser .callout-2 form.sesion {background:#EFF0F1;padding:20px 45px;border-radius:10px;margin-top:40px;} #ser .callout-2 form.sesion input[type="text"], #ser .callout-2 form.sesion input[type="password"]{background:#fff;} #ser .callout-2 .sesion .btn{max-width:140px;} #ser .callout-2 .btn{padding:6px 0!important;border-radius:6px;font-size:20px;} #ser .recuperar {padding-bottom:30px;} #ser .recuperar blockquote{font-size:14px!important;} #ser .recuperar .btn{max-width:256px;} /*result kardex */ #ser .result h4{font-size:15px!important;line-height:18px;color:#333;padding:15px 0!important;} #ser .result p{font-size:15px;} #ser .result .detalle p{background:#990100;color:#fff;padding:6.5px 15px;margin-bottom:6px!important;} #ser .result .rpta p{border:1px solid #A8A8A8;padding:6px 15px;margin-bottom:5.5px !important;min-height:35px;} #ser .result .nombre .cli{background:#333;color:#fff;padding:6.5px 15px;margin-bottom:6px!important;} #ser .result .nombre p{border:1px solid #A8A8A8;padding:6px 15px;margin-bottom:5.5px !important;min-height:35px;} #ser .result .nombre .titu{background:#990100;color:#fff;padding:6.5px 15px;margin-bottom:6px!important;} #ser .result .tit{padding:0 3px;padding-left:15px;} #ser .result .tit + .tit{padding:0 3px;} #ser .result .tit .titu{background:#990100;color:#fff;padding:6.5px 15px;margin-bottom:6px!important;} #ser .result .tit .rpta{border:1px solid #A8A8A8;padding:6px 15px;margin-bottom:5.5px !important;min-height:35px;} #ser .pdx{padding-top:30px;} #ser .wsp{width:222px;height:95px;background:url(../img/iconos/btn1.png);display:block;transition:all .5s ease-in-out;margin-bottom:5px;margin-top: 40px;} #ser .wsp:hover{background:url(../img/iconos/btn1-1.png);} #ser .form{width:222px;height:95px;background:url(../img/iconos/btn2.png);display:block;transition:all .5s ease-in-out;margin-bottom:10px;} #ser .form:hover{background:url(../img/iconos/btn2-1.png);} #ser .cuad{width:222px;height:148px;background:#212E3A;border-radius:5px;} #ser .callout-4 .fondo{padding: 60px 0;} #ser .callout-4 .flex-interexter{display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;} #ser .callout-4 .flex-interexter blockquote{font-size:20px;line-height:25px;color:white;padding-top:10px;} #ser .callout-4 .flex-interexter span{font-size:30px;line-height:35px;color:white;padding-top:10px;text-align:right;display:block;} #ser .callout-4 .flex-interexter .img-exter{border-radius:50%;} #ser .callout-4 .flex-interexter .img-exter:hover{opacity:0.8;} /*72H*/ #nhoras .callout-1{padding:45px 0 20px;} #nhoras .callout-1 p{padding:25px 0 55px;} #nhoras .callout-1 .calen{min-height:340px;} #nhoras .callout-1 .calen.pd{padding:0 150px;} #nhoras .callout-1 .calen p{padding-top:20px;font-size:15px;color:#333;line-height:1.3;text-align:justify;color:#0E0E0E;} #nhoras .callout-2{background:#EFF0F1;padding:95px 0 80px;} #nhoras .callout-2 p.tit{padding:20px 0 25px;} #nhoras .callout-2 h1{font-size:35px;line-height:37px;color:#333;} #nhoras .callout-2 h2{font-size:35px!important;line-height:37px;color:#8D0303;padding-top:48px;} #nhoras .callout-2 h3{font-size:18px!important;line-height:21px;color:#333;padding:18px 0;font-weight:bold;} #nhoras .callout-2 h3 span{display:inline-block;background:#8D0303;color:#FFF;padding:5px 15px;border-radius:5px;} #nhoras .callout-2 .content-tipo + .content-tipo{border-top:1px dotted #666;} #nhoras .callout-2 .tipo{min-height:165px;} #nhoras .callout-2 .tipo p{font-size:15px;line-height:1.3;} #nhoras .callout-2 .tipo a{text-decoration:underline;font-weight:bold;} /*Contacto*/ #contacto .callout-2{padding:50px 0 85px;} #contacto .callout-2 h1{padding-bottom:30px;} #contacto .callout-2 blockquote{padding-left:80px;font-size:24px;line-height:30px;color:#3C3C3C;} #contacto .callout-2 .mas{padding:35px 0;background:#F2F4F4;margin-top:75px;} #contacto .callout-2 .data{padding:50px 0 0 80px;} #contacto .callout-2 .pat1{padding-bottom:30px;} #contacto .callout-2 .pat2{padding:44px 0 30px;} #contacto .callout-2 .tit{font-size:24px;line-height:29px;position:relative;padding-left:40px;color:#990100;margin-bottom:15px !important;} #contacto .callout-2 .tit img{position:absolute;left:0;bottom:3px;} #contacto .callout-2 .desc{font-size:15px;line-height:20px;} #contacto .callout-2 .desc b{font-size:17px;line-height:22px;} #contacto .callout-3{padding-bottom:95px;} #contacto .callout-3 p{font-size:16px;line-height:21px;color:#3C3C3C;padding-bottom:20px;} #contacto .callout-3 span{font-size:24px;line-height:29px;padding-bottom:10px;display:block;} #contacto .callout-3 form{max-width:652px;margin:0 auto;} #contacto .botones{border-radius:6px;} /*Seccion Prensa */ #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 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:#8D0303;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;} /*Footer */ footer{ background:#EFF0F1;color:#525252;padding:70px 0 15px; } footer li {padding-top:15px;list-style:none;} footer li.ole{border-top:1px solid #BDC0C4;font-size:15px;} footer li + li{padding-top:10px;} footer li img{padding-right:10px;} footer p,footer span{font-size:15px;word-wrap:break-word;line-height:19px;} footer p.titu{font-size:30px;line-height:35px;color:#212E3A;padding-bottom:15px;} footer .kd{max-width:300px;width:100%;margin:0 auto !important;} footer p.ubica{max-width:300px;width:100%;margin:0 auto 30px !important;text-align:left;position:relative;padding-left:20px;} footer p.ubica img{position:absolute;left:0;top:2px;} footer .columns{padding:0 10px; } footer .dire span{font-size:16px;word-wrap:break-word; } footer .sociales div{max-width:135px;width:100%;margin:0 auto 10px !important;} footer .sociales li {display:inline-block;padding-top:0;} footer .creditos{font-size:14px !important;word-wrap:break-word; padding:0 !important;padding-top:20px !important;} footer a.anexo{color:#8D0303;margin-left:30px;} footer .p-top{ padding-top:30px;} footer .row > div{ padding-bottom:15px; } .mi-altura{min-height:150px;} /* el max se ordena de mayor a menor y el min-with de menor a mayor*/ @media only screen and (max-width:75em){#ser .chau{display:none;}#ser .normas{width:100%;}} @media only screen and (max-width: 64em){ footer .p-top{ padding-top:20px;} } @media only screen and (max-width: 60em){/*tableta-movil*/ .menu_bar{ display:block;text-align:right;padding:11px 0;} .menu_bar span{ font-size:15px;color:#fff;margin-right:10px; } .block-b{ display: none; }/*para generales desaperece en movil*/ .block-line{ display: none; }/*para generales desaperece en movil*/ .block-n{ display:block; }/*para mostrar el correo en movil*/ h1{ font-size:33px !important;line-height:35px; } h2{ font-size:20px !important;margin-bottom:7px!important;line-height:24px;} h3{ font-size:23px !important;line-height:26px; } header .logo{ margin-left:0; padding-top: 5px;} header .logo img{width:70%;} header .search { background-color: transparent;} header .search h3{color:#124212 ;} nav{ width:100%;height:calc(100% - 80px);position:absolute;left:0;margin:0;overflow:inherit; } nav ul{border-bottom:1px solid #fff; }/*SUB MENU tañamo*/ nav ul li{ display:block;border-top:1px solid #fff;z-index:99;} nav ul li a{display:block;font-size: 20px; padding:8px 30px;color:#fff;text-align:center;border-radius:0;background-color:#333;z-index:99;}/*color responsi */ nav ul li a:hover{ background:#333;color:#fff;} nav > ul> li > ul > li > a {background:#8D0303;} nav li:hover > ul{display:none;} nav li ul{position:relative;} .lSAction > .lSNext { right: 0;} .lSAction > .lSPrev { left: 0;} #ser .normas .fondo { padding:10px;min-height:95px;} #ser .result .nombre .cli {margin-top:45px!important;} #nhoras .callout-1 .calen p {padding:10px 0px;} #nhoras .callout-1 .calen {min-height:235px;padding:0 150px;} #nhoras .callout-2 .tipo {min-height: 105px;} #nhoras .callout-2 h3 { padding: 10px 0 5px;} .mi-altura{min-height:55px;} /*para acomodar los iconos en pie de pagina*/ footer .p-top {padding-top: 20px;} footer .row > div{ padding-bottom:20px; } header .trayec, header .siguenos{display:none;} #portada .banners .cuadro {margin-top: -220px;} #portada .banners blockquote{font-size: 20px;line-height: 30px;} #portada .callout-1 span { font-size: 40px; line-height: 50px; } } @media only screen and (max-width: 40em){ /*small*/ h2 {font-size:19px !important;line-height:23px;} p {font-size:16px;line-height:21px;} .banners .titulo-1 {margin-top: 23px !important;font-size:24px !important; line-height:28px;margin-bottom:20px!important;} .banners p {display:none;} .banners .lSAction > .lSNext {right:8px;} .banners .lSAction > .lSPrev {left:8px;} #portada .callout-1 {padding:40px 0;} #portada .callout-2 {padding-bottom:50px;} #portada .callout-2 h2,#portada .callout-2 p {margin-left:20px!important;} #portada .callout-2 .lSAction > a {top:60%;} #portada .callout-3 {padding:40px 0;} #portada .callout-3 .btn {margin-top:10px;} #portada .callout-4 {padding:55px 0 45px;} #portada .callout-4 .data{padding-top:70px;} #portada .callout-5 .mask {background: rgba(0,0,0,.2);} #portada .callout-5 {padding: 90px 0 100px;} #nos .callout-1 {padding: 50px 0;} #nos .callout-1 p {padding: 0;} #nos .callout-2 blockquote {padding-bottom:25px;} #nos .callout-3 {padding:50px 0 20px;} #nos .callout-3 h2 { padding: 7px 0; } #nos .callout-3 .columns{min-height:350px;} #nos .callout-3 .fond {background-image: none;} #nos .callout-4 {padding:50px 0 ;} #nos .callout-4 h1 {font-size:24px!important;line-height: 28px;} #nos .callout-4 h1 span {font-size: 30px!important;line-height:34px;} #nos .callout-4 p {padding: 20px 10px 0;} #ser .callout-2 .categ {padding-top: 20px;} #ser .callout-2 .data {padding-left:15px;} #ser .callout-2 .normas .publicado {display:none;} #ser .callout-2.kardex .pd1{padding-top:0px;} #ser .callout-2 form.sesion {padding:20px;margin-top:30px;} #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;} #back-top a:hover span {z-index:100000;} footer .row > div{ padding-bottom:0; } .mi-altura {min-height: 95px;} #portada .callout-extra p {display:block;} } @media screen and (max-width: 39.950em){ #back-top {margin-left: 400px;} .banners .texto {margin-top: 150px;} .banners .fondo {height: 350px;} .banners .fondo2 {height: 250px;} #prensa figure {max-height: 293px;} #prensa figure img {height: 293px;} #prensa .pd {padding: 20px 15px;} #prensa .fondo {padding: 15px ;top: 60%;min-height: 51px;} #prensa-cont .callout-2 .pad {padding: 0 15px ;} #prensa-cont blockquote {font-size: 25px;padding: 15px 0;background:#eee;} #prensa-cont h2 {font-size: 21px !important;line-height:24px; } #prensa-cont h3 {font-size: 22px !important;line-height:26px; } #prensa-cont h4 {font-size: 23px !important;line-height:27px; } #prensa-cont h5 {font-size: 24px !important; line-height:28px;} #prensa-cont .titulo {font-size: 22px !important; padding-top: 18px;line-height: 30px;padding-right: 15px;margin:0 !important;} #twete {padding:10px 25px 0 0;} #ser .normas .fondo { padding:8px;min-height:105px;} #ser .callout-2 .data h1 {font-size: 20px!important;line-height: 23px;} #contacto .callout-1 blockquote {font-size: 38px;} #contacto .callout-1 {padding-top:10px;} #contacto .callout-1 p {padding: 10px 0 20px;} #contacto .callout-1 .pd {padding: 10px;} #contacto .map-height{height:250px;} } @media only screen and (max-width: 36.750em){ .banners .texto {margin-top: 125px;} #nhoras .callout-2 h2 {font-size:28px!important;line-height:33px;} } @media only screen and (max-width: 33em){/*movil*/ #portada .callout-4 h3 {font-size: 20px !important;line-height: 23px;} #prensa figure img {width: 100%;} } @media only screen and (max-width: 30em){ header {padding:8px 0;} header .logo img {width: 70%;} } @media only screen and (max-width: 28em){ h2 {font-size:18px !important;line-height:22px;} p {font-size:15px;line-height:20px;} #ser .normas .fondo { padding:5px;min-height:110px;} #ser .normas p { font-size:14.3px;} } @media only screen and (max-width: 25em){ .small-6{ width:100% !important; } header .franja li + li {padding-right: 10px;} } /* min widt*/ @media only screen and (min-width: 54em) { .active-menu a{color:#D62A17;} nav.hide{ display:block !important;} nav > ul > li > a{ padding:5px 11px;} /* nav > ul > li > a:hover{background:#333;color:#fff;} */ nav > ul > li:hover > a{background:#212E3A;color:#fff;} } @media only screen and (min-width: 57em) { nav > ul > li > a{ padding:5px 16px;} #contacto .callout-2 .datos .data{margin-left:45px!important;} #contacto .callout-2 .datos blockquote{margin-left:45px!important;} } @media only screen and (min-width: 64em) { footer .large-4 + .large-4{ width:30.33333%; } } .ie .row{ max-width:1100px; } @media print, screen and (min-width: 40em){ .reveal { width: 900px !important; max-width: 900px !important; outline: none; } } .reveal-overlay{ background-color: rgba(10, 10, 10, 0.85); } @media screen and (max-width: 39.9375em){ .reveal { height: auto !important; min-height: auto !important; }}