/****************VARIABLES******************/ /*******CONSULTAR VALORES EN LA PLANTILLA HELIX PARA ASIGNAR VALROES**********/ :root{ /*menu*/ --fuente-menu: 'Raleway', sans-serif; --tamano-menu: 12px; /*letter-spacing*/ --letter-spacing-body: 1px; --letter-spacing-menu: 1px; --letter-spacing-titulos: 2px; /*body*/ --color-body: #777; --fuente-body: 'Montserrat', sans-serif; --tamano-body: 14px; /*enlaces*/ --color-enlace: #e30613; --color-enlace-hover: #e30613; /*estilos botones*/ --fuente-btn: 'Raleway', sans-serif; --color-btn: #fff; --background-color-btn: #e30613; --color-btn-hover: #fff; --background-color-btn-hover: #1b1b1b; --border-radius-btn: 0px; --tamano-btn: 12px; /*estilos para casos concretos*/ --color-personalizado-1: #333; --color-personalizado-2: #e30613; --color-personalizado-3: #777; --color-personalizado-4: #f9f9f9; --fuente-personalizada-1: 'Lato', sans-serif; --fuente-personalizado: 16px; /*estilos formulario*/ --color-error: red; --color-label: #aaa; --background-input: #f9f9f9; /*border raidus general, en el caso de que haya*/ --border-radius-btn: 0px; --border-radius-personalizado: 10px; } /****************************************/ /********************PALETA DE COLORES************************ color-1:#01009a color-2:#ffffff color-3:#cccccc color-4:#e9e8f7 /**********************************************************/ /*KIT DIGITAL*/ #sp-kit-digital{background: #1b1b1b;} #sp-kit-digital .sppb-column-addons{display: flex; justify-content: center;} #sp-kit-digital .sppb-column-addons .clearfix{display: inline-bock} #sp-kit-digital .sppb-column-addons .clearfix img.sppb-img-responsive{max-width: 200px; margin: auto;} @media screen and (max-width: 450px){ #sp-kit-digital .sppb-column-addons .clearfix img.sppb-img-responsive{max-width: 150px;} } /*SLIDER*/ .slider-contenido{} .n2-ss-layers-container.n2-ow{margin: auto !important; height: 100% !important} .slider-texto.titulo{z-index: 100 !important} /*IMPORTACIONES*/ /*FUENTES*/ /*@font-face{font-family: 'bnkgothm_0';src: url('../fonts/bnkgothm_0.ttf');}*/ /*MENSAJES DE ALERTA*/ .alert.alert-message {background-color: #ffffff;border-color: #eeeeee; color: var(--color-error)} .alert.alert-message h4 {color: #000;} /*BODY*/ body{background-color: #FFFFFF; color: var(--color-body); letter-spacing: var(--letter-spacing-body); font-family: var(--fuente-personalizada-1); font-size:var(--tamano-body)} /*HIPERVINCULOS*/ a, .sp-module ul > li > a {color: var(--color-enlace)} a:hover,.sp-module ul > li > a:hover{background:none; color: var(--color-enlace-hover); text-decoration:underline;} /*DIRECCION*/ address{font-style:italic;} /*NEGRITA*/ strong{font-weight:bold;} /*ENCABEZADOS*/ h1,h2,h3,h4,h5,h6{} h1{} h2{} h3{} h4{} h5{} h6{} /*SCROLLBAR / solo del body en este caso*/ body::-webkit-scrollbar{width: 15px} /*fondo*/ body::-webkit-scrollbar-track{background: #000000;} body::-webkit-scrollbar-track:hover{background: #000000} /*barra*/ body::-webkit-scrollbar-thumb{background: var(--background-color-btn); border-radius: 0px;} body::-webkit-scrollbar-thumb:hover{background: var(--background-color-btn) } /*SCROLLUP*/ .sp-scroll-up{background: none;border-radius:0%;border:none;} .sp-scroll-up:hover{background: none;} .sp-scroll-up .fa{color: var(--color-estilo-1);} .sp-scroll-up .fa:hover{color: var(--color-estilo-1);} .sp-scroll-up .fa:before{content: "\f176"; color: var(--color-estilo-1); font-size: 24px; transition: all 500ms ease} .sp-scroll-up:hover .fa:before{font-size: 27px} /*BOTON*/ .btn, button, .btn-flat, button:not(.vpau-btn-facebook):not(.vpau-btn-google):not(.vpau-modal-close):not(.slick-arrow){font-family: var(--fuente-btn); font-size: 14px; padding: 10px 20px 10px 20px !important; text-decoration: none !important; text-shadow: none !important; text-transform:uppercase !important; -webkit-border-radius: var(--border-radius-btn); border-radius: var(--border-radius-btn); -moz-border-radius: var(--border-radius-btn); background-color: var(--background-color-btn); border:0px solid #a97144 !important; color: var(--color-btn); /*-moz-background-image: linear-gradient(#a97144,#a97144); -ms-background-image: linear-gradient(#a97144, #a97144); -webkit-background-image: linear-gradient(#a97144,#a97144);*/ background-image: none !important; background-repeat: repeat-x !important; -webkit-box-shadow: none!important; -moz-box-shadow: none; box-shadow: none !important;} .btn:hover, .btn-flat:hover, button:hover:not(.vpau-btn-facebook):not(.vpau-btn-google):not(.vpau-modal-close):not(.slick-arrow){background: var(--background-color-btn-hover); border-color:#fff; color: var(--color-btn-hover); text-decoration: none;} /*LABEL*/ label{font-family: var(--fuente-body); letter-spacing: var(--letter-spacing-body); color: var(--color-label)!important; padding: 0px!important; font-size: var(--fuetne-body)} label:not(#pwebcontact115_newsletter-lbl):not(#pwebcontact115_field-privacidad-lbl){text-transform: capitalize;} /*INPUTS, SELECTS Y TEXTAREAS*/ input, input:focus, select, select:focus, textarea, textarea:focus{background: var(--background-input); color: var(--color-body) !important; box-shadow:none !important; border-radius: var(--border-radius-btn); font-family: var(--fuente-body); letter-spacing: var(--letter-spacing-body); } /*MENU PRINCIPAL*/ ul.sp-megamenu-parent{float: left !important} /*estilo general de los enalces del menu*/ #sp-menu ul > li > a {color: var(--color-personalizado-1); border-top:0px solid #ffffff; padding:0px 10px; text-transform:capitalize; letter-spacing: var(--letter-spacing-menu); text-transform: uppercase} /*barra efecto hover - Gareta*/ .sp-megamenu-parent > li > a:after{content: '';width: 90%;height: 3px;background: #ffffff;left: 5%;bottom: 0;position: absolute;opacity: 0;transition: all 500ms ease;transform: translateY(-50px);border-radius: 0%} .sp-megamenu-parent > li:hover > a:after{opacity: 0.4;transform: translateY(0px);} /*fuente menu padre hover y activo (menos para el elemento casita)*/ .sp-megamenu-parent >li.active > a:not(.inicio), .sp-megamenu-parent >li.active:hover > a:not(.inicio), .sp-megamenu-parent >li:hover >a:not(.inicio){color: var(--background-color-btn) !important; text-decoration: none} /*ocultar los que incluimos en otros menus*/ .sp-megamenu-parent > li > a.no-visible{display:none;} /*Submenus*/ .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{background: #ffffff;opacity:1;padding: 0px;} /*items submenus*/ /*item general*/ .sp-megamenu-parent .menu-drop-in .sp-has-child .sp-menu-item{padding: 0px 0px 0px;} /*primer item*/ .sp-megamenu-parent .menu-drop-in .sp-has-child .sp-menu-item:first-child{} /*ultimo item*/ .sp-megamenu-parent .menu-drop-in .sp-has-child .sp-menu-item:last-child {} /*item*/ .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a{color: var(--color-personalizado-1)!important;padding: 8px 5px !important;} /*item hover*/ .sp-megamenu-parent .sp-dropdown li.sp-menu-item >a:hover {color: var(--color-personalizado-2) !important;text-decoration: initial} /*item activo*/ .sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {color: var(--color-personalizado-2) !important;text-decoration: initial} /*logo en modo movil*/ @media screen and (max-width: 550px){ img.logo-image-phone{width: 70%; padding-bottom: 15px} } /*****MENU OFFCANVAS*****/ /*icono bocadillo*/ #offcanvas-toggler{display: none; text-decoration: none !important} #offcanvas-toggler > .fa{color: var(--background-color-btn); font-size: 32px} #offcanvas-toggler > .fa:hover, #offcanvas-toggler > .fa:focus{ color: var(--background-color-btn-hover); text-decoration: none !important} #offcanvas-toggler > .fa:active{color: var(--background-color-btn-hover); text-decoration: none !important} /*fondo*/ .offcanvas-menu{background-color:#f9f9f9;} /*circulo cerrar*/ .offcanvas-menu .close-offcanvas{background-color: var(--color-personalizado-1);border:1px solid #ffffff; top: 10px; right: 10px} .offcanvas-menu .close-offcanvas:hover{background-color: var(--color-personalizado-1);} /*x cerrar*/ .offcanvas-menu .close-offcanvas .fa{color:#ffffff; position: relative; top: -1px;} .offcanvas-menu .close-offcanvas .fa:before{} /*titulo modulo busqueda*/ .offcanvas-menu .offcanvas-inner .sp-module .sp-module-title{font-size: 26px;font-weight: normal;text-transform: uppercase;color:#5d7496; font-family: var(--fuente-personalizada-1)} /*modulo busqueda*****/ .offcanvas-menu .offcanvas-inner .sp-module .search{margin:20px auto 0;} /*Modulo de busqueda*/ .offcanvas-menu .offcanvas-inner .search input {background-color: #eceaec;border: none; color:#2F2235; height: 41px; border: 1px solid #ccc} /*Modulo de menu****/ .offcanvas-menu .offcanvas-inner .sp-module{margin-top: 30px;} .offcanvas-menu .offcanvas-inner .sp-module:first-child{margin-top: 20px} /*logotipo*/ .offcanvas-menu .offcanvas-inner .sp-module ul.menu > li:nth-child(5){} /*elementos de menu*/ .offcanvas-menu .offcanvas-inner .sp-module ul li{border-bottom:0px solid #ffffff;overflow: hidden !important;} /*Elementos de menu*****/ .offcanvas-menu .offcanvas-inner .sp-module ul li a{color: var(--color-personalizado-1); padding:5px 0px; text-transform:uppercase; font-family: 'Allerta', sans-serif; letter-spacing: 1px; font-size: 16px !important; font-weight: 400} .offcanvas-menu .offcanvas-inner .sp-module ul li a:hover{background:none!important; color: var(--color-personalizado-2);} /*desplegable submenus*/ .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler{color: var(--color-personalizado-1);} /*hover menu*/ .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler:hover, .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler:hover{color: var(--color-personalizado-2);} /*datos de contacto*/ .offcanvas-menu .offcanvas-inner .contacto-info{background: var(--color-personalizado-1); color: #fff; border-radius: var(--border-radius-personalizado); padding-bottom: 5px; padding-top: 8px; line-height: 20px} .offcanvas-menu .offcanvas-inner .contacto-info li{padding: 0px 10px; text-transform: initial !important; margin: 5px 0px !important} .offcanvas-menu .offcanvas-inner .contacto-info li i{margin-right: 5px; width: 14px; text-align: center} .offcanvas-menu .offcanvas-inner .contacto-info span{display: inline-block !important; color: #fff !important; letter-spacing: var(--letter-spacing-body); text-transform: initial !important; padding: 0px !important} .offcanvas-menu .offcanvas-inner .contacto-info > ul > li:nth-child(2) i{font-size: 15px} .offcanvas-menu .offcanvas-inner .contacto-info > p{text-align: left; margin-bottom: 5px; font-size: 14px; padding-left: 10px; letter-spacing: var(--letter-spacing-body)} .offcanvas-menu .offcanvas-inner .contacto-info ul > li{margin: 2px 0px !important; text-transform: uppercase; text-align: left; padding-left: 10px;} .offcanvas-menu .offcanvas-inner .contacto-info ul > li > ul{display: block !important; margin-left: 0px !important; font-style: italic; line-height: 16px} .offcanvas-menu .offcanvas-inner .contacto-info ul > li > ul > li:first-child{padding-left: 0px !important} .offcanvas-menu .offcanvas-inner .contacto-info ul > li > ul > li:not(:first-child){padding-left: 19px !important} /*datos de contacto - email protector*/ .offcanvas-menu .offcanvas-inner .contacto-info ul li a{display: inline-block !important; padding: 0px} .offcanvas-menu .offcanvas-inner .contacto-info ul li a > span:last-child{display: none !important} .offcanvas-menu .offcanvas-inner .contacto-info ul li a span{font-size: 12px !important; font-family: 'Open Sans', sans-serif !important} /*logotipo*/ .offcanvas-menu .offcanvas-inner .offcanvas-logo{margin-top: 20px} .offcanvas-menu .offcanvas-inner .offcanvas-logo img{margin: auto; width: 140px} /*************************************************************************/ /******************POSICIONES TEMPLATE HELIX-ULTIMATE********************/ /*TOP-BAR*/ #sp-top-bar {background-color: #fff;color: var(--color-personalizado-2); padding: 5px 0px;} #sp-top-bar ul{margin: 0px; padding:0px;} #sp-top-bar li {display: inline-block; margin:0 10px; font-size: 90%; cursor: context-menu} #sp-top-bar #sp-top1 ul li:first-child{margin-left: 0px} #sp-top-bar li a {color: var(--color-personalizado-1); cursor: context-menu} #sp-top-bar li a:hover{color: var(--color-personalizado-1);text-decoration:none;} @media screen and (max-width: 992px){ #sp-top-bar #sp-logo, #sp-top-bar #sp-top1{flex: 0 0 50%; max-width: 50%} #sp-top-bar #sp-top1 .sp-column{text-align: right !important} } @media screen and (max-width: 550px){ #sp-top-bar #sp-logo, #sp-top-bar #sp-top1{flex: 0 0 100%; max-width: 100%} #sp-top-bar #sp-logo img{margin: auto} #sp-top-bar #sp-top1{justify-content: center} #sp-top-bar #sp-top1 .sp-column{text-align: center !important} } /*TOP 1*/ #sp-top1{display: flex; justify-content: flex-end; align-items: center} /*TOP 2*/ #sp-top2{display: flex; align-items: center; justify-content: flex-end} #sp-top2 p{margin-bottom: 0px} #sp-top2 a{background: var(--background-color-btn); color: #fff; text-transform: uppercase; font-family: var(--fuente-menu); padding: 10px 30px; font-size: var(--tamano-menu)} #sp-top2 a:hover{background: var(--background-color-btn-hover); text-decoration: none} @media screen and (max-width: 476px){ #sp-top2 a{padding: 10px; font-size: 8px} } @media screen and (max-width: 338px){ #sp-top2 a{padding: 10px; font-size: 8px} #sp-header{padding: 0px 40px !important} } /*HEADER*/ /*header standard*/ #sp-header {background: #ffffff;padding: 0px 135px; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.10)} #sp-header .row{border-top: 1px solid #eee} /*Desplazamiento hacia abajo y se mantiene fijo cambiamos color(araweb). Por defecto comentado.*/ #sp-header.header-sticky{background-color: #fff;} /*TITULO*/ /*Posicion titulo por debajo del logo y header(araweb). Por defecto comentado.*/ /*#sp-page-title{margin-top:-120px;}*/ /* #sp-page-title #sp-title {text-align:center;} #sp-page-title #sp-title .sp-page-title{background-color:#fff;height: 200px;padding:50px 0px;margin-bottom: 50px;} /*Titulo-H1*//* #sp-page-title #sp-title h1{font-size:50px;color:#000000;text-transform:uppercase;letter-spacing:2px;font-weight:300;} /*Subttitulo H2*//* #sp-page-title #sp-title h2{font-size:38px;color:#000000;text-transform:uppercase;letter-spacing:2px;font-weight:300;} /*POSICION 404 - SELECCION IDIOMA*/ #sp-404 .chzn-container.chzn-container-single.chzn-container-single-nosearch{width: 115px !important} #sp-404{height: 120px; display: flex;align-items: center;} #sp-404 a.chzn-single{border: 0; border-left: 1px solid rgba(255, 255, 255, 0.6); border-radius: 0;background: #9A7536;color: #000;display: flex;align-items: center;} #sp-404 a.chzn-single span{font-family: 'Montserrat', sans-serif;font-size: 12px; text-transform: uppercase;color: #fff; opacity: 0.6} #sp-404 a.chzn-single div b:after{content: "\f107"} #sp-404 select option, #sp-404 .chzn-drop ul li{font-family: 'Montserrat', sans-serif;font-weight: 300;color: #fff;padding: 10px 6px;font-size: 12px;text-transform: uppercase} #sp-404 .chzn-drop ul li.highlighted{background-color: #9A7536 !important; opacity: 1} #sp-404 select{ border: 0;border-left: 1px solid #8d8690; border-radius: 0;align-items: flex-end; width: 115px} .chzn-container-active.chzn-with-drop .chzn-single{background-image:none!important;} #sp-404 .chzn-container.chzn-container-single.chzn-container-single-nosearch b{color: rgba(255, 255, 255, 0.6)} #sp-404 .chzn-container.chzn-container-single.chzn-container-single-nosearch:hover b:after, .chzn-container-active.chzn-with-drop .chzn-single:hover b:after{color: rgba(255, 255, 255, 1)} #sp-404 .chzn-container.chzn-container-single.chzn-container-single-nosearch:hover .chzn-single{border-left: 1px solid #fff} #sp-404 .chzn-container.chzn-container-single.chzn-container-single-nosearch:hover .chzn-single span{opacity: 1} #sp-404 .chzn-container.chzn-container-single.chzn-container-single-nosearch .chzn-drop{background: #9A7536; border: none;border-radius: 0;} /*****Responsive Menu*****/ @media screen and (max-width: 1140px){ #sp-header #sp-menu .sp-megamenu-parent{display: none !important} #sp-header #sp-menu #offcanvas-toggler{display: flex !important; align-items: center} #sp-header{padding: 0 80px 0 40px} #sp-header #sp-menu{display: flex; justify-content: flex-start; flex: 0 0 25%; max-width: 25%} #sp-top2{flex: 0 0 75%; max-width: 75%} #offcanvas-toggler.offcanvas-toggler-right{margin-left: 0px} } @media screen and (max-width: 992px){ #sp-top2{padding-right: 0px !important} } /*BREADCRUMB (TITULO PAGINA)*/ #sp-page-title #sp-title .sp-page-title .breadcrumb{display: block;text-align: center;} #sp-page-title #sp-title .sp-page-title .breadcrumb .breadcrumb-item{text-align: center;display: inline;} #sp-page-title #sp-title .sp-page-title ol.breadcrumb li.float-left{float: none !important;display: inline-block;} /*texto que no es enlace*/ #sp-page-title #sp-title .sp-page-title .breadcrumb > li{color:#3d449a;} /*separador*/ #sp-page-title #sp-title .sp-page-title .breadcrumb > li + li:before{color:#3d449a;} /*enlace*/ #sp-page-title #sp-title .sp-page-title .breadcrumb > li > a{color: var(--color-body);} #sp-page-title #sp-title .sp-page-title .breadcrumb > li > a:hover{color:var(--color-body); text-decoration: underline} /*BREADCRUMB (BUILDER)*/ #sp-page-title .sppb-section.breadcrumb{margin-bottom: 0px !important} #sp-page-title .sppb-section.breadcrumb > .sppb-container-inner{max-width: 1140px; width: 100%; margin: auto;} .sppb-section.breadcrumb{ background: transparent; padding: 20px 0px !important; background: var(--background-color-btn)/*var(--color-personalizado-4)*/; margin-bottom: 50px !important; color: #fff; border-radius: 0px} .sppb-section.breadcrumb > .sppb-row-container{width: 100%} .sppb-section.breadcrumb ol.breadcrumb{padding: 0px; background: transparent; margin-bottom: 0px} .sppb-section.breadcrumb h1{font-family: 'Montserrat', sans-serif; font-size: 24px; text-transform: uppercase !important; font-weight: 400; margin-bottom: 0px;} /*texto que no es enlace*/ .sppb-section.breadcrumb .breadcrumb > li{color: #fff/*var(--color-body)*/; font-size: 12px} /*separador*/ .sppb-section.breadcrumb .breadcrumb > li + li:before{color:#fff; padding: 0px 5px 0px 5px;} .sppb-section.breadcrumb .breadcrumb > li:nth-child(2):before{display: none} .sppb-section.breadcrumb .breadcrumb-item+.breadcrumb-item:before{} /*enlace*/ .sppb-section.breadcrumb .breadcrumb > li > a{color: #fff/*var(--color-body)*/; text-decoration: initial} .sppb-section.breadcrumb .breadcrumb > li > a:hover{color: #fff/*var(--color-body)*/; text-decoration: underline} /*"estas aqui"*/ .sppb-section.breadcrumb .breadcrumb > li:first-child{color: #fff /*var(--color-body)*/} body.contacto .sppb-section.breadcrumb{margin-bottom: 50px !important} /*RIGHT*/ #sp-right{background-color:#dadada;} /*Modulo*/ #sp-right .sp-module{padding:10px 10px 30px;border: none} /*titulo*/ #sp-right .sp-module-title{text-align:center;color:#3d449a;font-size:24px;font-weight:500;padding:5px 0px;} /*Modulo Menu*/ #sp-right .sp-module ul >li{border-bottom:0px solid #3d449a;} /*elementos de menu*/ #sp-right .sp-module ul >li >a{color:#01009a;} /*hover*/ #sp-right .sp-module ul >li >a:hover{color:#3d449a;} /*eliminacion flecha izda*/ /*BOTTOM*/ #sp-bottom {background-color: #1b1b1b /*var(--color-personalizado-1)*/; color: var(--color-personalizado-4); padding: 60px 0px 0px !important; font-size: 12px} /*titulos*/ #sp-bottom .sp-module .sp-module-title{color: #fff !important; font-size: 20px!important;letter-spacing: var(--letter-spacing-titulos); font-weight:300 !important; text-transform: uppercase; font-family: var(--fuente-menu)} /*borde inferior*/ #sp-bottom .sp-module ul > li{margin-bottom:5px;} /*enlaces*/ #sp-bottom .sp-module a{color: #fff;} #sp-bottom .sp-module a:hover{color:#fff; text-decoration: underline} /*responsive*/ @media screen and (max-width: 1200px){ #sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4{flex: 0 0 50%; max-width: 50%;} #sp-bottom1, #sp-bottom2{margin-bottom: 30px !important} #sp-bottom3 .sp-module{padding-left: 0px} #sp-bottom{padding: 60px 0px 20px!important} } @media screen and (max-width: 578px){ #sp-bottom1, #sp-bottom2, #sp-bottom3, #sp-bottom4{flex: 0 0 100%; max-width: 100%;} #sp-bottom1, #sp-bottom2, #sp-bottom3{margin-bottom: 30px} #sp-bottom4{margin-bottom: 0px} } /*BOTTOM 1*/ #sp-bottom1 img{max-width: 210px !important;} /*BOTTOM 2*/ #sp-bottom2 li{background-image: url(../../../images/iconos/arrow.png); background-repeat: no-repeat; background-position: 0 center; list-style: none; padding-left: 15px;} /*BOTTOM 3*/ #sp-bottom3 .sp-module{} #sp-bottom3 .custom span.fa{font-size: 26px; } /*BOTTOM 4*/ #sp-bottom4 .custom p{margin-bottom: 5px} #sp-bottom4 .custom p i{margin-right: 5px; font-size: 16px; width: 20px; text-align: center} #sp-bottom4 .custom p span:not(.cloaked_email){padding-left: 25px} #sp-bottom4 .custom p span.cloaked_email span{padding-left: 0px} /*FOOTER GENERAL*/ #sp-footer{background-color: #1b1b1b /*var(--color-personalizado-1)*/;padding: 0px; color: #fff; font-size: 12px} #sp-footer .row{max-width: 1140px; margin: auto; padding: 10px 0px; border-top: 1px solid #fff} /*FOOTER 2*/ #sp-footer2 a{color: #fff; font-weight: bolder} @media screen and (max-width: 768px){ #sp-footer1, #sp-footer2, #sp-position8{text-align: center !important} } /************************************************************/ /****** /*FLICKR SUITE*/ /*Colecciones*/ .flickr-colecciones .custom .flickrsuite.fsWidget{box-shadow: none} /*contenedor general con los albumes de una coleccion*/ .flickr-colecciones .custom .flickrsuite.fsWidget .fsGrid .fsThumb.fsPolaroid{box-shadow: 0 1px 2px rgba(0,0,0,0.5)} /*un album*/ .flickr-colecciones .custom .flickrsuite.fsWidget .fsContainerDescr{display:none} /*descripcion de un album*/ .flickr-colecciones .custom .flickrsuite.fsWidget .fsWidgetToolbar{border-bottom: none} .flickr-colecciones .custom .flickrsuite.fsWidget .fsWidgetToolbar a.brand.fsContainerTitle{cursor: initial} /*boton/enlace desplegagle para ver la descripcion de un album*/ .flickr-colecciones .custom .flickrsuite.fsWidget .fsGrid > div{margin-top: 20px; margin-bottom: 20px !important} /* contenedor con los albumes de una coleccion */ .flickr-colecciones .custom .flickrsuite.fsWidget .fsWidgetToolbar .navbar-inner{margin: auto} /* cabecera de cada coleccion, sirve para volver atras */ .flickr-colecciones .custom .flickrsuite.fsWidget .fsWidgetToolbar .navbar-inner ul li{margin: auto;font-size: 25px;} /* flechita de la cabecera */ .flickr-colecciones .custom .flickrsuite.fsWidget .fsWidgetToolbar a.disabled{color: #fff}/* enlace flechita de la cabecera */ .flickr-colecciones .custom .flickrsuite.fsWidget .fsWidgetToolbar a.disabled:hover{text-decoration: initial} .flickr-colecciones .custom .flickrsuite.fsWidget .fsWidgetToolbar a.disabled span{color: #e31e25;}/* flechita de la cabecera */ .flickr-colecciones .custom .flickrsuite.fsWidget .fsPagination{display: none !important} /* paginacion de la una coleccion */ /********PAG IMAGENES - GALERIA FLICKR DE COLECCIONES****************/ body.colecciones #sp-main-body > .container{max-width: 100%} /*todas las colecciones*/ body.colecciones .flickrsuite.fsComponent > .fsGrid{} /*paginacion*/ body.colecciones .flickrsuite.fsComponent > .fsPagination{display: none !important} /*fila con 3 colecciones*/ body.colecciones .flickrsuite.fsComponent > .fsGrid > div{margin-bottom: 30px !important} /*coleccion*/ body.colecciones .fsThumbRow0{display: flex; flex-wrap: wrap; justify-content: flex-start} body.colecciones .flickrsuite.fsComponent .fsThumb{width: 33.3% !important; height: 409px; margin-right: 0 !important; transition: all 500ms ease} /*informacion de la coleccion*/ body.colecciones .fsThumb .fsThumbCanvas{height: 408.7px !important; opacity: 1; transition: all 500ms ease} body.colecciones .flickrsuite.fsComponent .fsThumb .fsThumbInfo{height: 52px; background: #f6f6f6; width: 621px; height: 409px; position: absolute; top: 0px; background: #000; display: flex; justify-content: center; align-items: center;} /*titulo de la coleccion*/ body.colecciones .flickrsuite.fsComponent .fsThumb .fsThumbInfo .fsThumbTitle{font-weight: bold; font-size: 18px; color: #6f95a6; background: transparent; position: initial; color: #fff} /*icono carpeta*/ body.colecciones .flickrsuite.fsComponent .fsThumb .fsThumbInfo .fsThumbTitle span{display: none} /*hover coleccion*/ body.colecciones .fsThumb:hover > .fsThumbCanvas{opacity: 0.3} /*fecha volver atras*/ body.colecciones .fsDocumentToolbar .navbar-inner{margin: auto} body.colecciones .fsDocumentToolbar .navbar-inner ul.fsToolbarLeft li.fsUp a{font-size: 24px; color: #6f95a6; transition: all 500ms ease; position: relative; top: 0; padding: 5px 10px} body.colecciones .fsDocumentToolbar .navbar-inner ul.fsToolbarLeft li.fsUp a:hover{text-decoration: initial; top: -5px} body.colecciones .fsDocumentToolbar .navbar-inner ul.fsToolbarLeft li.fsExpand{display: none !important} body.colecciones .fsDocumentToolbar .navbar-inner ul.fsOptions{display: none} /**********************************************************/ /**************************MODULOS*************************/ /*EMPRESA - CARACTERISTICAS*/ .empresa-caracteristicas > .sppb-container-inner{max-width: 1140px; margin: auto} .empresa-caracteristicas img{width: 40px} /*CONTACTO BOTTOM*/ #sp-contacto{background: var(--background-color-btn)} .seccion-contactar{background-color: var(--background-color-btn) !important; border: 1px solid var(--background-color-btn) ; color: #fff; font-size: 24px; font-weight: lighter; text-transform: uppercase} .seccion-contactar > .sppb-container-inner{max-width: 1140px; margin: auto} .seccion-contactar p{margin-bottom: 0px; } .seccion-contactar a.sppb-btn{background: #fff; border-radius: var(--border-radius-btn); color: var(--background-color-btn); text-transform: uppercase; font-family: var(--fuente-btn); font-size: var(--tamano-btn); border: 3px solid #fff; cursor: pointer; font-size: 20px} .seccion-contactar a.sppb-btn:hover{background: var(--background-color-btn) !important; color: #fff; border: 3px solid #fff} .seccion-contactar .sppb-col-md-8 .sppb-column-addons{display: flex; align-items: center; justify-content: center} /*MODULO DE BUSQUEDA*/ /*titulo modulo busqueda*/ .buscar-offcanvas .sp-module-title{font-size: 22px;font-weight: bold;text-transform: uppercase;color:#000000;letter-spacing:3px;} /*modulo busqueda*****/ .buscar-offcanvas .sp-module-content .search{margin:20px auto 0;} /*Modulo de busqueda*/ .buscar-offcanvas .sp-module-content .search input.form-control{background-color: #ffffff;border-color: #eeeeee;color:#000000;border-radius:0px;letter-spacing:2px; height: auto!important} .buscar-offcanvas .sp-module-content .search input.form-control:focus{box-shadow:none;border-color: #eeeeee;} /*botones*/ .buscar-offcanvas .sp-module-content .search .btn{} .buscar-offcanvas .sp-module-content .search .btn:hover{} /*MODULO DE BUSQUEDA TOP-2(CLASE MODULO .buscar-top)*//* #sp-top2 > .sp-column{display: flex; justify-content: flex-end; align-items: center} #sp-top2 > .sp-column > .sp-module{order: 2; margin-left: 10px} #sp-top2 > .sp-column > .sp-module .search input.form-control{background-color: #f6f6f6 !important; border: none; transition: all 500ms ease; width: 150px} #sp-top2 > .sp-column > .sp-module .search input.form-control:focus{width: 250px} #sp-top2 > .sp-column > .sp-module .search input.btn{background: none !important; border: none !important; padding: 8px 5px !important; position: relative; right: 30px; top: 0px; z-index: 999; width: 30px; opacity: 0.5;} /*NEWSLETTER BASE*/ /*newsletter general*/ .newsletter-base{background-color:#f6f6f6;padding:50px;} /*Texto de introduccion*/ .newsletter-base .acymailing_module_form .acymailing_introtext{max-width: 1140px; width: 100%; padding-bottom:20px!important;text-align:center; margin: auto !important} /*titulo*/ .newsletter-base .acymailing_module_form .acymailing_introtext .titulo{color:#01009a;font-size: 32px;line-height:32px;margin-bottom:40px;} /*texto newsletter*/ .newsletter-base .acymailing_module_form .acymailing_introtext .texto{color:#2e2e2e;font-size: 17px;margin-bottom:30px;} /*iconos*/ .newsletter-base .acymailing_module_form .acymailing_introtext .texto a{color:#2e2e2e; font-size: 17px;} .newsletter-base .acymailing_module_form .acymailing_introtext .texto a:hover{color:#000;} /*texto posterior*/ .newsletter-base .acymailing_module_form .acymailing_finaltext{padding: 10px 0px 0px;} /*formulario*/ .newsletter-base .acymailing_form{max-width: 1140px; width: 100%; } .newsletter-base .acymailing_form tr{display: flex; flex-wrap: wrap; } /*cuadro de texto*/ .newsletter-base .acymailing_form .acyfield_email{width: 61%; order: 1; padding-left: 15%; margin-bottom: 15px} .newsletter-base .acymailing_form .acyfield_email input{width: 100% !important; background-color:#ffffff;color:#2e2e2e;border:1px solid #cccccc;} /*boton suscribirse*/ .newsletter-base .acymailing_form .acysubbuttons{width: 39%; order: 2; padding-right: 15%; color:#ffffff; border:none; font-size:14px;} .newsletter-base .acymailing_form .acysubbuttons input{width: 70%;} /*boton darse de baja*/ .newsletter-base .acymailing_form .acyunsubbuttons{width: 39%; order: 2; padding-right: 15%; background-color:#01009a; color:#ffffff; border:none; font-size:14px;} /*terminos*/ .newsletter-base .acymailing_form .acyterms{order: 3; width: 100%; padding: 0 15%} .newsletter-base .acymailing_form .acyterms input{transform: translateY(2px);} .newsletter-base .acymailing_form .acyterms a:hover{color: #4a4a4a; text-decoration: initial} /*NEWSLETTER GARETA*/ /*newsletter general*/ .newsletter-gareta{background-color:#f6f6f6;padding:50px;} /*Texto de introduccion*/ .newsletter-gareta .acymailing_module_form .acymailing_introtext{max-width: 1140px; margin: auto !important; text-align: center;} /*imagen*/ .newsletter-gareta .acymailing_module_form .acymailing_introtext img{width: 60px; display: inline-block; position: relative; top: -17px;} /*titulo*/ .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo{color:#01009a;font-size: 32px;line-height:32px;margin-bottom:10px!important;} .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo h3{display: inline-block; text-align: left; margin-left: 40px; font-weight: 500; color: #4a4a4a; font-weight: 600} /*texto newsletter*/ .newsletter-gareta .acymailing_module_form .acymailing_introtext .texto{color:#2e2e2e;font-size: 17px;margin-bottom:50px!important;padding: 0 15% !important; font-weight: 400} /*texto posterior*/ .newsletter-gareta .acymailing_module_form .acymailing_finaltext{padding: 10px 0px 0px!important;} /*formulario*/ .newsletter-gareta .acymailing_form{max-width: 1140px; width: 100%; } .newsletter-gareta .acymailing_form tr{display: flex; flex-wrap: wrap; } /*cuadro de texto*/ .newsletter-gareta .acymailing_form .acyfield_email{width: 61%; order: 1; padding-left: 15%; margin-bottom: 15px} .newsletter-gareta .acymailing_form .acyfield_email input{width: 100% !important;} /*boton*/ .newsletter-gareta .acymailing_form .acysubbuttons{width: 39%; order: 2; padding-right: 15%;} /*suscribirte*/ .newsletter-gareta .acymailing_form .acysubbuttons .subbutton{float: right; transition: all 500ms ease; font-weight: 600; letter-spacing: 1px; width: 80%} .newsletter-gareta .acymailing_form .acysubbuttons .subbutton:hover{box-shadow: 0px 0px 10px #4a4a4a !important} /*darse de baja*/ .newsletter-gareta .acymailing_form .acysubbuttons .unsubbutton{float: right; transition: all 500ms ease; width: 80%; font-weight: 600; letter-spacing: 1px;} .newsletter-gareta .acymailing_form .acysubbuttons .unsubbutton:hover{box-shadow: 0px 0px 10px #4a4a4a !important} /*terminos*/ .newsletter-gareta .acymailing_form .acyterms{order: 3; width: 100%; padding: 0 15%} .newsletter-gareta .acymailing_form .acyterms a:hover{color: #4a4a4a; text-decoration: initial} /*responsive*/ @media screen and (max-width: 940px){ #sp-newsletter .newsletter-gareta .acymailing_form .acyfield_email{width: 51%;} #sp-newsletter .newsletter-gareta .acymailing_form .acysubbuttons{width: 49%;} } @media screen and (max-width: 692px){ #sp-newsletter .newsletter-gareta .acymailing_form .acyfield_email{width: 100%; display: flex; justify-content: center; padding-left: 0} #sp-newsletter .newsletter-gareta .acymailing_form .acyfield_email input{width: 70% !important} #sp-newsletter .newsletter-gareta .acymailing_form .acysubbuttons{width: 100%; display: flex; justify-content: center; padding-right: 0} #sp-newsletter .newsletter-gareta .acymailing_form .acysubbuttons input{width: 70% !important;} } @media screen and (max-width: 532px){ #sp-newsletter .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo{} #sp-newsletter .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo h3{text-align: center; margin: 0 25px} #sp-newsletter .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo img{position: inherit; margin-bottom: 15px} #sp-newsletter .newsletter-gareta{padding: 30px 10px 40px} } @media screen and (max-width: 468px){ #sp-newsletter .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo{margin-bottom: 10px !important} } /*NEWSLETTER GARETA FINAL*/ /*newsletter general*/ /*Texto de introduccion*/ .newsletter-gareta-final .acymailing_module_form .acymailing_introtext{max-width: 1140px; margin: auto !important; text-align: center;} /*imagen*/ .newsletter-gareta-final .acymailing_module_form .acymailing_introtext img{width: 50px; display: inline-block; position: relative; top: -18px;} /*titulo*/ .newsletter-gareta-final .acymailing_module_form .acymailing_introtext .titulo{line-height:32px; margin-bottom: 10px !important} .newsletter-gareta-final .acymailing_module_form .acymailing_introtext .titulo h3{display: inline-block; text-align: left; font-weight: 500; color: #fff; text-transform: uppercase; font-size: 22px;} /*texto newsletter*/ .newsletter-gareta-final .acymailing_module_form .acymailing_introtext .texto{color:#fff;font-size: 14px;margin-bottom:30px!important;padding: 0 15% !important; font-weight: 300} /*cuadro de texto*/ .newsletter .acymailing_module_form .acymailing_form .fieldacyemail .inputbox{background-color:#ffffff!important;color:#2e2e2e!important;border:1px solid #cccccc!important;margin-left:auto!important;margin-right:auto!important;} /*Terminos del servicio*/ .newsletter-gareta-final .acymailing_module_form .acymailing_form .fieldacyterms{text-align:center!important;margin-bottom:40px!important;} /*checkbox*/ .newsletter-gareta-final .acymailing_module_form .acymailing_form .fieldacyterms .checkbox{display:inline!important;} /*enlace politicas de privacidad*/ .newsletter-gareta-final .acymailing_module_form .acymailing_form .fieldacyterms a{color:#01009a!important;} .newsletter-gareta-final .acymailing_module_form .acymailing_form .fieldacyterms a:hover{color:#3d449a!important;text-decoration:underline!important;} /*botones*/ /*boton subscribirse*/ .newsletter-gareta-final .acymailing_module_form .acymailing_form .acysubbuttons .subbutton{transition: all 500ms ease; border:none!important; width: 40%;font-weight: 500; letter-spacing: 4px;} .newsletter-gareta-final .acymailing_module_form .acymailing_form .acysubbuttons .subbutton:hover{/*box-shadow: 0px 0px 10px #4a4a4a*/} /*boton darse de baja*/ .newsletter-gareta-final .acymailing_module_form .acymailing_form .acysubbuttons .unsubbutton{background-color:#dadada!important;color:#01009a!important;border:none!important;font-size:14px!important; width: 70%} .newsletter-gareta-final .acymailing_module_form .acymailing_form .acysubbuttons .unsubbutton:hover{background-color:#cacaca!important;color:#01009a!important;} /*texto posterior*/ .newsletter-gareta-final .acymailing_module_form .acymailing_finaltext{padding: 10px 0px 0px!important;} /*formulario*/ .newsletter-gareta-final .acymailing_form{max-width: 1140px; width: 100%; } .newsletter-gareta-final .acymailing_form tr{display: flex; flex-wrap: wrap; } .newsletter-gareta-final .acymailing_form .acyfield_email{width: 100%; order: 1; padding: 0 20%; margin-bottom: 15px} .newsletter-gareta-final .acymailing_form .acyfield_email input{width: 100% !important; font-family: 'Muli', sans-serif; font-size: 14px; letter-spacing: 3px; background: rgba(0,0,0,0); border: 1px dashed #fff; color: #fff} .newsletter-gareta-final .acymailing_form .acyfield_email input:focus{border: 1px dashed #fff !important; } .newsletter-gareta-final .acymailing_form .acysubbuttons{width: 100%; order: 3; padding: 0 20%} .newsletter-gareta-final .acymailing_form .acysubbuttons input:hover{background: #fff !important; color: #e31e25 !important} .newsletter-gareta-final .acymailing_form .acyterms{order: 2; width: 100%; padding: 0 20%; letter-spacing: 1px; font-size: 14px; color: #fff; margin-bottom: 20px} .newsletter-gareta-final .acymailing_form .acyterms a{color: #fff; cursor: pointer; font-weight: bold;} .newsletter-gareta-final .acymailing_form .acyterms a:hover{color: #fff; text-decoration: underline} /*responsive*/ @media screen and (max-width: 940px){ #sp-newsletter .newsletter-gareta-final .acymailing_form .acysubbuttons input{width: 60% !important} } @media screen and (max-width: 646px){ #sp-newsletter .newsletter-gareta-final .acymailing_form .acyfield_email, #sp-newsletter .newsletter-gareta-final .acymailing_form .acysubbuttons, #sp-newsletter .newsletter-gareta-final .acymailing_form .acyterms{padding: 0} } @media screen and (max-width: 420px){ #sp-newsletter .newsletter-gareta-final .acymailing_form .acysubbuttons input{width: 100% !important} #sp-newsletter .newsletter-gareta-final .acymailing_module_form .acymailing_introtext .texto{padding: 0 !important} } /*NEWSLETTER MESEGUER*/ .newsletter-meseguer{background-color:#A6B3B8;padding:50px;} /*Texto de introduccion*/ .newsletter-meseguer .acymailing_module_form .acymailing_introtext{padding-bottom:20px!important;text-align:center;} /*titulo*/ .newsletter-meseguer .acymailing_module_form .acymailing_introtext .titulo{color:#294453;font-size: 22px;line-height:22px;margin-bottom:30px;font-family: 'Montserrat', sans-serif;font-weight: 300;letter-spacing: 5px} /*texto newsletter*/ .newsletter-meseguer .acymailing_module_form .acymailing_introtext .texto{color:#294453;font-size: 17px;margin-bottom:30px;} /*cuadro texto*/ .newsletter-meseguer .acymailing_module_form .acymailing_form .acyfield_email input{background-image: none !important;border: none;font-family: 'per'; font-style: italic;background: #a6b3b8;border-bottom: 1px solid #294453; border-radius: 0;color: #294453;padding: 6px 3px;width: 110% !important;} /*botones*/ /*boton subscribirse*/ .newsletter-meseguer .acymailing_module_form .acymailing_form .acysubbuttons .subbutton{height: 20px; transition: all 500ms ease; background-image: url("../../../images/iconos/long-arrow-right.png") !important; background-size: 30px !important; background-repeat: no-repeat !important; background-position: center center !important; background-color: #a6b3b8 !important; border: none;transform: translate(-15px, 5px);} .newsletter-meseguer .acymailing_module_form .acymailing_form .acysubbuttons .subbutton:hover{transform: translate(-10px, 5px);} /*boton darse de baja*/ .newsletter-meseguer .acymailing_module_form .acymailing_form .acysubbuttons .unsubbutton{background-color:#dadada;color:#01009a;border:none;font-size:14px;} .newsletter-meseguer .acymailing_module_form .acymailing_form .acysubbuttons .unsubbutton:hover{background-color:#cacaca;color:#01009a;} /*texto posterior*/ .newsletter-meseguer .acymailing_module_form .acymailing_finaltext{padding: 10px 0px 0px!important;} /*MODULO AUTO-POPUP NEWSLETTER*//*EN ESTE CASO PARA NEWSLETTER GARETA*/ .ifancybox-skin{border-radius: 0px} .ifancybox-skin .custom p.popup-img{margin-bottom: 0} .ifancybox-skin .newsletter-gareta{padding: 0 0 20px 0!important} .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo span{display: none} .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_introtext .titulo h3{text-align: center; margin-left: 0;} .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_introtext .texto{margin-bottom: 30px !important} .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_form .acyfield_email{width: 85.3%; margin-bottom: 5px} .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_form .acysubbuttons{width: 30%; margin: auto; padding: 0; order: 4; margin-top: 20px;} .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_form .acysubbuttons input.subbutton{width: 100%} /*.ifancybox-skin a.ifancybox-item.ifancybox-close{background: url("../../../modules/mod_onpageload_popup/tmpl/images/ifancybox_sprite(2).png")}*//*imagen/boton para cerrar la ventana*/ /*boton para cerrar terminos*/ #closepop:before{content: none !important} #closepop{top: -20px !important; background: url('http://kioskotemp-cp389.webjoomla.es//modules/mod_onpageload_popup/tmpl/images/close_button_1.png'); background-position: -5px; width: 26px !important; height: 26px !important} /*responsive*/ @media screen and (max-width: 694px){ .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_form .acysubbuttons{width: 100%} .ifancybox-skin .newsletter-gareta .acymailing_module_form .acymailing_form .acysubbuttons .button{width: 70% !important; float: none} } /*FORMULARIOS CONCEPTOS GENERALES*/ /*Datos de contacto superior*/ .form-contacto {margin-bottom:30px;} /*modulo contacto*/ .form-contacto .pwebcontact-container{background:none;padding: 0px 20px 20px;} @media screen and (max-width: 992px){ .form-contacto .pwebcontact-container{padding: 0px} } /*titulo*/ .form-contacto h3{margin-bottom: 15px; text-align: center;} /*texto de introduccion*/ .form-contacto p.intro{font-size: 18px; text-align: center; margin-bottom: 25px; letter-spacing: 2px} /*campo*/ .form-contacto .pwebcontact-container .pweb-field-container{margin-bottom:10px;} /*label textos*/ .form-contacto .pwebcontact-container .pweb-label label{padding: 11px !important; margin-bottom: 0px} .form-contacto .pweb-field-newsletter .pweb-label label{padding: 0px !important; margin-bottom: 0px} /*label textos / estilo 1 - Meseguer*//* .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-label label{color: ;padding: 12px 0px 2px;} /*quitar texto mil caracteres*/ .form-contacto .pweb-chars-counter{display:none!important} /*asterisco*/ .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-asterisk{color: var(--color-label); padding-left: 2px} /*cuadros de texto*/ .form-contacto .pwebcontact-container form.pwebcontact-form input.pweb-input, .form-contacto .pwebcontact-container form.pwebcontact-form select, .form-contacto .pwebcontact-container form.pwebcontact-form textarea, .form-contacto .pwebcontact-container form.pwebcontact-form input.pweb-input:focus, .form-contacto .pwebcontact-container form.pwebcontact-form select:focus, .form-contacto .pwebcontact-container form.pwebcontact-form textarea:focus{height:40px; padding:15px; box-shadow: none !important; border: 1px solid #ddd; border-radius: 0px; background: var(--background-input); color: #000 !important; font-size: 12px} /*cuadros de texto / estilo 1 - Meseguer*//* .form-contacto .pwebcontact-container form.pwebcontact-form input.pweb-input, .form-contacto .pwebcontact-container form.pwebcontact-form select, .form-contacto .pwebcontact-container form.pwebcontact-form textarea, .form-contacto .pwebcontact-container form.pwebcontact-form input.pweb-input:focus, .form-contacto .pwebcontact-container form.pwebcontact-form select:focus{height: 41px;box-shadow: none; border: none; border-bottom: 1px solid #eceaec; text-transform: none; padding: 12px 0px 2px;} /*textarea*/ .form-contacto .pwebcontact-container form.pwebcontact-form textarea, .form-contacto .pwebcontact-container form.pwebcontact-form textarea:focus{height:300px;} /*textarea / estilo 1 - Meseguer*//* .form-contacto .pwebcontact-container form.pwebcontact-form textarea{height: 207px !important; resize: none; background-image: linear-gradient(#eceaec 1px, transparent 1px); background-image: -webkit-linear-gradient(#eceaec 1px, transparent 1px); background-size: 100% 41px; line-height: 34px; border-bottom: 0; background-position-y: 39px; color: #495057;} /*hipervínculos*/ .form-contacto .pwebcontact-container form.pwebcontact-form a{} .form-contacto .pwebcontact-container form.pwebcontact-form a:hover{text-decoration: udnerline; color: var(--background-color-btn)} /*boton*/ .form-contacto .pwebcontact-container form.pwebcontact-form button{width: 25%; padding: 10px 10px; float:right;} .form-contacto .pwebcontact-container form.pwebcontact-form button:hover{} /*orden de los campos*/ .form-contacto .pwebcontact-container .pweb-fields{display: flex; flex-direction: row; flex-wrap: wrap} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-separator-text{order: 1} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-name{order: 2} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-email{order: 3} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-phone{order: 4} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-localidad{order: 5} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-servicios{order: 6} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-asunto{order: 7} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-entrada{order: 8} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-salida{order: 9} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-message{order: 10} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-privacidad{order: 11; margin-bottom: 0px} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-privacidad+.pweb-separator-text{order: 13; text-align: justify} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-newsletter{order: 12;} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-captcha{order: 14} .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-buttons{order: 15} /*textos de la politica de privacidad, terminos y newsletter*/ .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-privacidad label, .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-privacidad+.pweb-separator-text, .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-newsletter label{font-family: ; letter-spacing: 0px; color: #000 !important} /*captcha*/ .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-captcha .pweb-field.pweb-captcha{margin-left: 0px} /*button*/ .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-buttons .btn{position: absolute; top: -53px; right: 0px;} /*inputs + textarea al 100%*/ .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-container{width: 100%;} /*2 inputs 1 fila /* campo1{width: 49%; padding-right: 2%} campo2{width: 49%;} /*3 inputs 1 fila, 1 al 50% 2 al 25%//* campo1{width: 49%; padding-right: 2%} campo2{width:23%; padding-right: 3%} campo3{width:23%} /*3 inputs 1 fila, 3 al 33%//* campo1{width: 32%; padding-right: 2%} campo2{width:32%; padding-right: 2%} campo3{width:32%} /*mensaje de exito en el envio*/ .form-contacto-base .pwebcontact-container form.pwebcontact-form .pweb-msg .pweb-success{color:#ffffff; font-size:16px; padding:20px 0px; color: var(--color-texto-label)} /*color de textos invalidos*/ .form-contacto .pwebcontact-container form.pwebcontact-form .invalid, .form-contacto .pwebcontact-container form.pwebcontact-form .invalid a{color: ;} /*captcha*/ .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-captcha label{display: none;} /*efecto hover de cuadros de texto*/ .form-contacto .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-input:hover, .form-contacto .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-select:hover, .form-contacto .pweb-field-container:not(.pweb-field-captcha) .pweb-field textarea:hover{/*border: 1px outset #a2a2a2*/} /*efecto hover de cuadros de texto / efecto 1 - Meseguer*//* .form-contacto-meseguer .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-input:hover, .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-select:hover{border-bottom: 1px outset #a2a2a2} .form-contacto-meseguer .pweb-field-container:not(.pweb-field-captcha) .pweb-field textarea:hover{background-image: -webkit-linear-gradient(#a2a2a2 1px, transparent 1px)} /*efecto focus de cuadros de texto*/ .form-contacto .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-input:focus, .form-contacto .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-select:focus, .form-contacto .pweb-field-container:not(.pweb-field-captcha) .pweb-field textarea:focus{/*border: 1px outset #a2a2a2*/} /*efecto focus de cuadros de texto / efecto 1 - Meseguer*//* .form-contacto-meseguer .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-input:focus, .pweb-field-container:not(.pweb-field-captcha) .pweb-field .pweb-select:focus{border-bottom: 1px outset #a2a2a2; box-shadow: none !important} .form-contacto-meseguer .pweb-field-container:not(.pweb-field-captcha) .pweb-field textarea:focus{background-image: -webkit-linear-gradient(#a2a2a2 1px, transparent 1px); box-shadow: none !important} /*responsive*/ @media screen and (max-width : 992px) { .section-contacto .sppb-row > .sppb-order-xs-2{order: 2} .section-contacto .sppb-row > .sppb-order-xs-1{order: 1} } @media screen and (max-width : 768px) { .form-contacto .pwebcontact-container form.pwebcontact-form .pweb-field-container{width:100%;} } /*BLOG-ARTICULOS JOOMLA*/ /*BLOG*/ .blog{background-color:#ffffff;} /*titulo*/ .blog > h2{background-color: var(--color-personalizado-3); padding: 20px; margin-bottom: 0px;} /*titulo - mantener el tamano del texto y el tipo de fuente de un h2 de la plantilla*/ .blog > h2 span.subheading-category{color: var(--color-personalizado-1); font-size:40px;} /*descripcion*/ .blog .category-desc{background-color: #ffffff; padding:0px 20px 20px;} /*imagen*/ .blog .category-desc img{margin-bottom:20px;} /*articulos introduccion*/ .blog .articles-leading{background-color:#ffffff;border:0px solid #ffffff;} /*ARTICULOS DESTACADOS*/ .blog .articles-leading .article{background-color:#fafafa; border:1px solid #fafafa; margin-bottom: 50px; padding: 20px;} /*espacio imagen articulo destacado*/ .blog .articles-leading .article .article-intro-image{} /*imagen articulo destacado*/ .blog .articles-leading .article .article-intro-image img{} /*cuerpo articulo*/ .blog .articles-leading .article .article-body{} /*Cabecera*/ .blog .articles-leading .article .article-body .article-header{font-size:40px;} /*Titulo*/ .blog .articles-leading .article .article-body .article-header h2{font-size:40px;} /*enlace titulo*/ .blog .articles-leading .article .article-body .article-header h2 a{color:#c63319;} .blog .articles-leading .article .article-body .article-header h2 a:hover{color:#DD563D;} /*informacion del articulo*/ .blog .articles-leading .article .article-body .article-info{} /*todos los elementos de información*/ .blog .articles-leading .article .article-body .article-info span{} /*separador*/ .blog .articles-leading .article .article-body .article-info span+span:before{} /*autor*/ .blog .articles-leading .article .article-body .article-info .createdby{} /*categoria*/ .blog .articles-leading .article .article-body .article-info .category-name{} /*categoria enlazada*/ .blog .articles-leading .article .article-body .article-info .category-name a{color:#c63319;} .blog .articles-leading .article .article-body .article-info .category-name a:hover{color:#DD563D;} /*fecha publicacion*/ .blog .articles-leading .article .article-body .article-info .published{} /*introtext del articulo*/ .blog .articles-leading .article .article-body .article-introtext{} /*leer mas*/ .blog .articles-leading .article .article-body .readmore a{color:#c63319;} .blog .articles-leading .article .article-body .readmore a:hover{color:#DD563D;text-decoration:underline;} /*LISTA DE ARTICULOS*/ .blog .article-list:not(.articles-leading){background-color:#ffffff;} /*articulos destacados*/ .blog .article-list:not(.articles-leading) .article{background-color:#fafafa;border:1px solid #fafafa;margin-bottom: 50px; padding: 20px;} /*espacio imagen articulo destacado*/ .blog .article-list:not(.articles-leading) .article .article-intro-image{} /*imagen articulo destacado*/ .blog .article-list:not(.articles-leading) .article .article-intro-image img{} /*cuerpo articulo*/ .blog .article-list:not(.articles-leading) .article .article-body{} /*Cabecera*/ .blog .article-list:not(.articles-leading) .article .article-body .article-header{} /*Titulo*/ .blog .article-list:not(.articles-leading) .article .article-body .article-header h2{font-size:30px;} /*enlace titulo*/ .blog .article-list:not(.articles-leading) .article .article-body .article-header h2 a{color:#c63319;} .blog .article-list:not(.articles-leading) .article .article-body .article-header h2 a:hover{color:#DD563D;} /*informacion del articulo*/ .blog .articles-list:not(.articles-leading) .article .article-body .article-info{} /*todos los elementos de información*/ .blog .article-list:not(.articles-leading) .article .article-body .article-info span{} /*separador*/ .blog .article-list:not(.articles-leading) .article .article-body .article-info span+span:before{} /*autor*/ .blog .article-list:not(.articles-leading) .article .article-body .article-info .createdby{} /*categoria*/ .blog .article-list:not(.articles-leading) .article .article-body .article-info .category-name{} /*categoria enlazada*/ .blog .article-list:not(.articles-leading) .article .article-body .article-info .category-name a{color:#c63319;} .blog .article-list:not(.articles-leading) .article .article-body .article-info .category-name a:hover{color:#DD563D;} /*fecha publicacion*/ .blog .article-list:not(.articles-leading) .article .article-body .article-info .published{} /*introtext del articulo*/ .blog .article-list:not(.articles-leading) .article .article-body .article-introtext{} /*leer mas*/ .blog .article-list:not(.articles-leading) .article .article-body .readmore a{color:#c63319;} .blog .article-list:not(.articles-leading) .article .article-body .readmore a:hover{color:#DD563D;text-decoration:underline;} /*LISTA DE ARTICULOS - ENLACES*/ .blog .articles-more{margin-bottom:50px;} /*grupo de enlaces articulos*/ .blog .articles-more .list-group-item{border:none;} /*enlace*/ .blog .articles-more .list-group-item a{color:#c63319;} .blog .articles-more .list-group-item a:hover{color:#DD563D;} /*SUBCATEGORIAS*/ .blog .cat-children{background-color:#ffffff;padding: 10px 20px;} /*Titulo subcategorias*/ .blog .cat-children h3{color:#04101C;} /*zona titulo*/ .blog .cat-children h3.item-title a{background-color:#ffffff;color:#c63319;} .blog .cat-children h3.item-title a:hover{color:#DD563D;} /*numero articulos*/ .blog .cat-children h3.item-title span{background-color:#ffffff;color:#040f1f;} /*texto*/ .blog .cat-children .category-desc{color:#040f1f;padding:0px;} /*LISTA DE ARTICULOS - PAGINACION*/ /*zona de paginacion*/ .blog .pagination-wrapper{} /*contador paginas*/ .blog .pagination-wrapper .pagination-counter{color:#040f1f;} .blog .pagination-wrapper .pagination > li > a, .pagination-wrapper .pagination > li > span{color: #c63319;border-color: #c63319;background-color: #ffffff;} /*paginacion - efecto hover y focus*/ .blog .pagination-wrapper .pagination > li > a:hover, .blog .pagination-wrapper .pagination > li > a:focus, .blog .pagination-wrapper .pagination > li > span:hover, .blog .pagination-wrapper .pagination > li > span:focus{color: #ffffff;border-color: #DD563D;background-color: #DD563D;box-shadow:none;} /*paginacion - pagina actual*/ .blog .pagination-wrapper .pagination > .active > a, .blog .pagination-wrapper .pagination > .active > span {background-color:#DD563D;border-color: #DD563D;color:#ffffff;} /*ARTICULO(cuando esta abierto el articulo)*/ /*Imagen*/ /*contenedor imagen*/ .article-details .article-full-image{} /*imagen*/ .article-details .article-full-image img{} /*titulo del articulo*/ .article-details .article-header h1{color:#040f1f;} /*informacion del articulo*/ .article-details .article-info{} /*todos los elementos de información*/ .article-details .article-info span{} /* separador */ .article-details .article-info span+span:before{} /*autor*/ .article-details .article-info .createdby{color:inherit} /*categoria*/ .article-details .article-info .category-name a{color:#c63319;} .article-details .article-info .category-name a:hover{color:#DD563D;} /*fecha publicacion, creacion, modificacione*/ .article-details .article-info .published,.article-details .article-info .created,.article-details .article-info .modified{} /*visualizaciones*/ .article-details .article-info .hits{} /*Puntuaciones - Redes sociales*/ .article-details .article-ratings-social-share{border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;} /*votaciones*/ .article-details .article-ratings-social-share .article-ratings{} /*label votaciones*/ .article-details .article-ratings-social-share .article-ratings .ratings-label{} /*contador de votaciones*/ .article-details .article-ratings-social-share .article-ratings .ratings-count{} /*redes sociales*/ .article-details .article-ratings-social-share .article-social-share{} /*iconos*/ .article-details .article-ratings-social-share .article-social-share .social-share-icon ul li a{background-color:#6F9FB3;border-color:#6F9FB3;color:#ffffff;} .article-details .article-ratings-social-share .article-social-share .social-share-icon ul li a:hover{background-color:#DD563D;border-color:#DD563D;color:#ffffff;} /*texto del articulo*/ .article-details .articleBody{} /*ARTICULO ABIERTO - ETIQUETAS*/ /*zona*/ .article-details .tags{margin: 15px 0px;} /*etiquetas*/ .article-details .tags > li a{background-color:#c63319;border-color:#c63319;color:#ffffff;} .article-details .tags > li a:hover{background-color:#DD563D;border-color:#DD563D;color:#ffffff;text-decoration:none} /*linea separacion*/ .article-details hr{border-top:1px solid #fafafa;} /*botones imprimir y email*/ .article-details .article-print-email{} .article-details .article-print-email > a:first-child span, .article-details .article-print-email > a:last-child span {background-color:#ffffff!important;border-color:#ffffff!important; color:#c63319!important;font-size:12px!important;} .article-details .article-print-email > a:first-child span:hover, .article-details .article-print-email > a:last-child span:hover{color:#DD563D!important;} /*navegacion*/ .article-details .pagenav{border: 1px solid #ffffff;background-color: #ffffff;color: #040f1f;} /*botones*/ .article-details .pager > li a{border-radius:0px;background-color:#ffffff;border-color:#c63319; color:#c63319;font-size: 14px;letter-spacing: 2px;padding:5px 20px;} .article-details .pager > li a:hover{border-radius:0px;background-color:#DD563D;border-color:#DD563D; color:#ffffff;text-decoration:none;} /*ULTIMA NOTICIAS BLOG - CONFIGURACION ZONA NOTICIAS HOME*/ /*columna*/ .ultimas-noticias .sppb-col-sm-4{margin-bottom:30px;} /*zona articulo completa*/ .ultimas-noticias .sppb-addon-article {background-color:#ffffff;border: 1px solid #dddddd; border-radius: 0px; padding: 10px; height: 100%; } /*titulo articulo*/ .ultimas-noticias .sppb-addon-article h3 a{color: #3d449a;} .ultimas-noticias .sppb-addon-article h3 a:hover{color: #01009a!important;} /*leer mas*/ .ultimas-noticias a.sppb-readmore{ display: block; width: 100%; text-align: left; color: #3d449a; font-size: 90%; } .ultimas-noticias a.sppb-readmore:hover{color: #01009a;} /*CONTACTO BOTTOM TELEFONO GRANDE*/ /*zona redes sociales*/ .contacto .grande {font-size:30px;font-weight:bold;color:#3d449a;font-family: helvetia;line-height: 30px;margin-bottom:12px;} .contacto .grande a{font-size:16px!important;color:#3d449a!important;line-height: 22px!important;} .contacto .grande a:hover{color:#01009a!important;} /*Redes Sociales*/ /*iconos redes sociales*/ .contacto .social .fa{font-size:30px;color: #fff;width:auto;} .contacto .social .fa:hover{color:#fff;} /*MODULO FRASE + FONDO*/ .cuadro-texto .clearfix{max-width: 1500px; border: 3px solid #fff; margin: auto !important;padding: 30px; background: rgba(60, 66, 145, 0.68); letter-spacing: 1px} /*********************************************************************************************/ /**********************PLUGINS****************************/ /*CPNB - COOKIES*/ #cpnb .cpnb-outer{height:auto !important; } #cpnb .cpnb-outer .cpnb-inner{padding: 5px 10px 10px 5px;} /*zona del mensaje-la fuente tiene que ser la del body*/ #cpnb .cpnb-outer .cpnb-inner .cpnb-message{width: 55%; text-align: justify; font-family:'Raleway', sans-serif;font-size:12px;color:#ffffff;} #cpnb .cpnb-outer .cpnb-inner .cpnb-buttons{width: 45%; padding: 4px 8px;display: flex; justify-content: flex-end; flex-wrap: wrap} /*Botones - El tipo de letra tiene que ser la del body*/ #cpnb .cpnb-buttons a.cpnb-button{font-family:'Raleway', sans-serif;text-shadow: none;padding: 10px;} /*boton de aceptar*/ #cpnb .cpnb-buttons a.cpnb-button-ok{background: var(--color-personalizado-2); border-color: var(--color-personalizado-2); color: #ffffff} #cpnb .cpnb-buttons a.cpnb-button-ok:hover{background-color: #DD563D; border-color: #DD563D;color: #ffffff;} /*resto de botones rechazar, configuracion y mas informacion*/ #cpnb .cpnb-buttons a.cpnb-button-decline,#cpnb .cpnb-buttons a.cpnb-button-settings, #cpnb .cpnb-buttons a.cpnb-button-more-default{background: #ffffff; border: 1px var(--color-personalizado-2);color: var(--color-personalizado-2);} #cpnb .cpnb-buttons a.cpnb-button-decline:hover,#cpnb .cpnb-buttons a.cpnb-button-settings:hover, #cpnb .cpnb-buttons a.cpnb-button-more-default:hover{background-color: #DD563D; border-color: #DD563D;color: #ffffff;} /*Formularios modales*/ /*Configuracion comun*/ /*zona exterior*/ .cpnb-modal-wrap .cpnb-modal-outer{} /*zona interior^*/ .cpnb-modal-wrap .cpnb-modal-outer .cpnb-modal-inner{background-color: #ffffff;} /*formulario configuracion*/ /*columna seleccion izda*/ #cpnb_manager_wrap .cpnb-modal-outer .cpnb-modal-inner .cpnb-manager-modal-left{background-color:#F2F2F2;color:#04101C;bottom: 90px; z-index: -1} /*botones laterales*/ #cpnb_manager_wrap .cpnb-modal-outer .cpnb-modal-inner .cpnb-manager-modal-left .cpnb-manager-modal-left-item{background: #ffffff!important; border:1px solid var(--color-personalizado-2)!important;color: var(--color-personalizado-2)!important;} #cpnb_manager_wrap .cpnb-modal-outer .cpnb-modal-inner .cpnb-manager-modal-left .cpnb-manager-modal-left-item:hover, #cpnb_manager_wrap .cpnb-modal-outer .cpnb-modal-inner .cpnb-manager-modal-left .cpnb-manager-modal-left-item-selected{background: #DD563D!important; border-color: #DD563D!important;color: #ffffff!important;} /*titulo*/ #cpnb_manager_wrap .cpnb-modal-outer .cpnb-modal-inner .cpnb-m-header{font-family: 'Kranky', sans-serif;color:var(--color-personalizado-2);font-size: 20px;text-transform: initial;} /*texto cookie seleccionado*/ #cpnb_manager_wrap .cpnb-modal-outer .cpnb-modal-inner .cpnb-manager-modal-right-selected{color:#04101C;} /*checkbox*/ #cpnb_manager_wrap .cpnb-modal-outer .cpnb-modal-inner .cpnb-manager-modal-right-selected .modalCheckBox label{background-color:#ffffff!important;border:1px solid #c63319!important} /*zona botones inferiores*/ #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons{background: #F2F2F2;} /*boton*/ #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-button{padding:10px;font-family:'Raleway', sans-serif; text-transform: initial; margin: 5px} /*botones permitir cookies*/ #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-m-enableAllButton{background: var(--color-personalizado-2)!important; color: #ffffff!important; border: 1px solid #DD563D} #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-m-enableAllButton:hover{background: #DD563D !important; color: #ffffff !important; } /*botones declinar cookies, guardar configuracion^*/ #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-m-DeclineAllButton, #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-m-SaveChangesButton{background: #ffffff; border:1px solid var(--color-personalizado-2);color: var(--color-personalizado-2);} #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-m-DeclineAllButton:hover, #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-m-SaveChangesButton:hover{background-color: #DD563D !important; border-color: #DD563D;color: #ffffff !important;} /*formulario mas informacion*/ #cpnb_modal_wrap .cpnb-modal-inner-text h1{font-size:40px;color:var(--color-personalizado-2); font-size: 20px} #cpnb_modal_wrap .cpnb-modal-inner-text h3{color: var(--color-personalizado-2); font-size: 18px} /*lineas*/ #cpnb_modal_wrap .cpnb-modal-inner hr{border-top:1px solid #F2F2F2;} /*texto*/ #cpnb_modal_wrap .cpnb-modal-inner-text{color:#04101C;} /*zona botones*/ #cpnb_modal_wrap #close_cpnb_modal_footer{background-color:#ffffff;padding:10px;} /*botones*/ #cpnb_modal_wrap #close_cpnb_modal_footer #close_cpnb_modal_actions a{font-family:'Raleway', sans-serif;padding: 10px;text-shadow:none;} /*boton entendido*/ #cpnb_modal_wrap #close_cpnb_modal_footer #close_cpnb_modal_actions a.cpnb-button-ok{background: var(--color-personalizado-2); color: #ffffff; margin-left: 10px; border: 1px solid #DD563D} #cpnb_modal_wrap #close_cpnb_modal_footer #close_cpnb_modal_actions a.cpnb-button-ok:hover{background: #DD563D; color: #ffffff;} /*botones rechaar y configuracion*/ #cpnb_modal_wrap #close_cpnb_modal_footer #close_cpnb_modal_actions a.cpnb-button-decline, #cpnb_modal_wrap #close_cpnb_modal_footer #close_cpnb_modal_actions a.cpnb-button-settings{background: #ffffff; border:1px var(--color-personalizado-2);color: var(--color-personalizado-2);} #cpnb_modal_wrap #close_cpnb_modal_footer #close_cpnb_modal_actions a.cpnb-button-decline:hover, #cpnb_modal_wrap #close_cpnb_modal_footer #close_cpnb_modal_actions a.cpnb-button-settings:hover{background: #DD563D; border-color: #DD563D;color: #ffffff;} /*responsive*/ @media screen and (max-width: 1546px){ #cpnb .cpnb-inner{padding-bottom: 0px} #cpnb .cpnb-buttons a.cpnb-button{margin-bottom: 10px} } @media screen and (max-width: 1192px){ #cpnb .cpnb-message, #cpnb .cpnb-buttons{width:100% !important} #cpnb .cpnb-buttons{justify-content: center !important; margin-top: 10px;} #cpnb .cpnb-buttons a.cpnb-button{margin-top: 0px} } @media only screen and (max-width: 600px){ .cpnb-left-menu-toggle-button {background-color: #ffffff!important;color:var(--color-personalizado-2);margin-left:-20px!important;} .cpnb-left-menu-toggle::after{background-color: #ffffff!important;color:var(--color-personalizado-2);content: "Tipos de Cookies"!important;font-weight:normal!important;} #cpnb_manager_wrap .cpnb-modal-inner .cpnb-m-bottom-buttons .cpnb-button{margin: 5px auto} } @media screen and (max-width: 492px){ #cpnb .cpnb-buttons a.cpnb-button{margin-left: 10px} } /********************************************************/ /****************************PAGINAS***************************/ /*PAGINA DE "MOTORES ELECTRICOS" Y "BOMBAS DE AGUA"*/ body.servicio .servicio-descripcion h2{color: #000000; font-size: 20px; line-height: 26px; text-transform: uppercase; font-weight: 500; margin-bottom: 10px !important} body.servicio .servicio-descripcion h2:not(:first-child){margin-top: 30px} /*PAGINA POLITICAS*/ body.politicas #sp-main-body{padding: 50px 0px !important} body.politicas #sp-main-body h3{color: #000000; font-size: 20px; line-height: 26px; text-transform: uppercase; font-weight: 500; margin-top: 30px} /*PAGINA HOME*/ /*row servicios 2*/ .home-servicios .sppb-addon-single-image-container:before{content: ''; position: absolute; width: 0; height: 0; border-top: 15px solid rgba(0, 0, 0, 0); border-left: 25px solid #f6f6f6; border-bottom: 15px solid rgba(0, 0, 0, 0); top: 130px;} .home-servicios.uno .sppb-addon-single-image-container:before{left: 0px} .home-servicios.dos .sppb-addon-single-image-container:before{right: 0px; transform: rotate(180deg)} .home-servicios.uno .sppb-col-md-6:first-child .sppb-column-addons{background: var(--color-personalizado-4); padding: 20px} .home-servicios.dos .sppb-col-md-6:last-child .sppb-column-addons{background: var(--color-personalizado-4); padding: 20px} .home-servicios.uno .sppb-col-md-6:first-child .clearfix:last-child, .home-servicios.dos .sppb-col-md-6:last-child .clearfix:last-child{position: absolute} .home-servicios.dos .sppb-col-md-6:last-child .clearfix:last-child{right: 20px !important} .home-servicios.uno .sppb-col-md-6:first-child .clearfix:last-child a.sppb-btn{background: var(--background-color-btn); border-radius: 0px; color: #fff;} .home-servicios.dos .sppb-col-md-6:last-child .clearfix:last-child a.sppb-btn{background: var(--background-color-btn); border-radius: 0px; color: #fff;} .home-servicios .sppb-col-md-6 .clearfix a.sppb-btn{cursor: pointer} .home-servicios .sppb-col-md-6 .clearfix a.sppb-btn:hover{background: var(--background-color-btn-hover) !important} @media screen and (max-width: 992px){ .home-servicios .sppb-addon-single-image-container:before{display: none} .home-servicios.uno .sppb-row{display: flex} .home-servicios.uno .sppb-row > .sppb-order-xs-2{order: 2} .home-servicios.uno .sppb-row > .sppb-order-xs-1{order: 1} } /*row servicios*/ .servicios .titulo-hr .sppb-addon-title:after{content: ""; height: 3px; position: absolute; width: 5%; background: var(--color-personalizado-2); top: 50px; left: 47%;} .servicios .sppb-section .sppb-col-md-3{padding: 0px 5px} .servicios .sppb-section .sppb-column{background: #fff;} .servicios .sppb-section .sppb-addon-text-block{padding: 10px 20px} .servicios .sppb-section .clearfix .sppb-addon-title{font-size: 18px; text-transform: uppercase; color: #333; margin-bottom: 30px} .servicios .sppb-section .clearfix .sppb-addon-title:after{content: ""; height: 2px; position: absolute; width: 15%; background: var(--color-personalizado-2); bottom: 150px; left: 7%;} .servicios .sppb-section .clearfix .sppb-addon-content{text-align: left; font-size: 12px} .servicios .sppb-section .clearfix .leer-mas{position: absolute; top: 189px; border-radius: 0px; text-transform: uppercase; font-size: 10px; background: var(--color-personalizado-1); border: none; color: #fff; right: 0px; padding: 0px 0px 0px 10px; cursor: pointer} .servicios .sppb-section .clearfix .leer-mas i{padding: 10px; background: var(--color-personalizado-3); margin-left: 15px !important; position: relative; right: -1px; transition: all 500ms ease} .servicios .sppb-section .clearfix .leer-mas:hover i{background: var(--color-personalizado-2)} /*row cualidades*/ .cualidades .clearfix img{width: 150px} /*PAGINA CONTACTO*/ .contacto-datos .sppb-addon-text-block p span{color: var(--color-body)} .contacto-datos .sppb-addon-text-block p span#como_llegar{color: var(--color-enlace)} .contacto-datos .sppb-addon-text-block p span#como_llegar:hover{color: var(--color-enlace-hover)} /*como llegar*/ #como_llegar{color: #e31e25; cursor: pointer} #como_llegar:hover{text-decoration: underline} .contacto-datos-general .clearfix{height: 180px} @media screen and (max-width: 768px){ .contacto-datos-general .clearfix{margin: auto; max-width: 300px} } /*PAGINA DE UN SERVICIO*/ /*modulo lateral right*/ .queremos-ayudarte{background: var(--color-personalizado-4); padding: 30px} .queremos-ayudarte a.btn{text-transform: uppercase; font-size: 10px; border: none; color: #fff; right: 0px; padding: 0px 0px 0px 10px; cursor: pointer; margin-top: 10px} .queremos-ayudarte a.btn i{margin-left: 10px; transition: all 500ms ease} .queremos-ayudarte a.btn:hover i{transform: translateX(5px)} /*descripcion*/ /* .servicio-descripcion .sppb-addon-title{margin-bottom: 25px} .servicio-descripcion ul{list-style: none; display: flex; flex-direction: column; flex-wrap: wrap; line-height: 34px; height: 75px} .servicio-descripcion ul li{width: 50%} .servicio-descripcion ul li i{margin-right: 8px; color: var(--background-color-btn)} */