| Server IP : 89.248.107.232 / Your IP : 216.73.217.70 Web Server : Apache System : Linux host2.kasilh.com 5.14.0-687.36.1.el9_8.x86_64 #1 SMP PREEMPT_DYNAMIC Fri Aug 7 05:40:49 EDT 2026 x86_64 User : seg ( 10005) PHP Version : 7.4.33 Disable Function : opcache_get_status MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/vhosts/seg-sa.es/peyco.es/wp-content/themes/StoreFront/less/ |
Upload File : |
/*
Created on : 17-mar-2015, 10:20:26
Author : Oscar Bravo Sarro
*/
//---------------------------------------Parte primera
@toplogo: 30px;//alto de la franja del logo
@altofranja1: 30px;//alto de la franja del logo
@colocacionlogo: 10px 0 5px;//colocacion superior del logo
@colocacionredes: 35px;//margen superior de las redes sociales
@margenlogomasmenu: 0px;//margen superior para el menu para cuando el logo este al lado del menu
@colocacioncuerpo: 98px 0 0 0;//padding separacion cuerpo y slide con menu
@topmenu: 30px;
@altomenu: 0px;
@alineadomenu: right;
@mayusculasmenu: uppercase;
@sizemenu: 14px;
@colormenu: #fff;
@bordemenu: none;
@anchoitemmenu: 0px;
@separacionitmmenu: 0 10px;
@colorletramenu: #222;
@colorletramenuhover: #fff;
@fontwemenu: 400;
@fontwemenuact: 400;
@alturalimenu: 110px;
@fondolimenu: #fff;
@fondolimenuhover: #aeda00;
@anchopadlimenu: 13px;
//---------------------------------------Pie
@piefondo: #4b4b4b;//color de fondo del pie
@piecolorenlaces: #d1d1d1;//color de los enlaces del pie y del texto
@piecolorenlaceshover: #d1d1d1;//color de hover de los enlaces del pie
@colorpie: #fff;//Color de letra pie
//---------------------------------------Legales
@legalesfondo: #ebebeb;//color de fondo de contenedor de las politicas
@legalescolor: #151616;//color de letra de contenedor de las politicas
@legalescolorenlaces: #151616;//color de letra enlaces de contenedor de las politicas
//---------------------------------------Parallax modulo portada
@paddingparallax: 100px 0px!important;//padding superior e inferior del modulo de parallax de la portada
//---------------------------------------Tipografias
@colorprincipal: #aeda00;
@colorsecundario: #e36b86;
@h1cabecerasize: 35px;
@h1cabecerafw: 400;
@h1cabeceratexttransform: none;
@h1cabeceratextpadding: 25px 30px;
@h1cabeceratextfondo: rgba( 0, 0, 0, 0.52 );
@h1cabeceratextcolor: #fff;
@h1introducion: 30px;
@h1introduccioncolor: #222222;
@h1introduccionfw: 500;
@textointroduccion: 20px;
@h2size: 20px;
@h2color: #222222;
@h2fw: 100;
@h2line: 1.3;
@introducionessize: 20px;
@introducionesline: 25px;
@introduccioncolor: #000;
@introduccionfontwestro: 600;
@cuerpocolor: #4b4b4b;
@cuerposize: 16px;
@cuerpoline: 20px;
@cuerpoweg: 400;
@cuerpoancho: 1064px;
//-------------------------- VARIABLES CUSTOM
@fondogrisfranjas: #e8e8e8;
@fondogris2franjas: #d3d3d3;
@imagenytextoimg: 36%;
@imagenytextotexto: 58.5%;
@imagenytextomargen: 5.5%;
@tituloneg: -12px;//para juntar los titulos con el texto
//---------------
.transiciones{-webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
article .content ul li{list-style: square; color: @colorprincipal; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline!important; margin-left: 18px; border: none;
padding-left: 0px; padding: 5px 0 5px 5px;
& span {color: @cuerpocolor; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline;}
&:before{content: "";}
}
.tipcuerpo{color: @cuerpocolor; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline;
& strong{font-weight: @cuerpoweg+200;}
& ul{
li{list-style: square; color: @colorprincipal; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline; margin-left: 18px; border: none;
& span {color: @cuerpocolor; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline;}
}
&.colorblanco li span{color: #fff;}
&.mgtop{margin-top: 25px;}
&.mgtopneg{margin-top: -12px;}
&.mgbot{margin-bottom: 15px;}
}
}
ol{margin-left: 24px;
&.text20{font-size: @h2size; color: @h2color; font-weight: @h2fw; line-height: 1.3;
& li{line-height: @h2line!important; margin-bottom: 10px;}
&.text20 li{margin-bottom: 10px;}
}
}
.arregloh2{font-size: @h2size; font-weight: @h2fw; line-height: @h2line; color: @h2color;
p&{margin-top: 0;}
}
.arregloh1{font-size: @h1introducion; font-weight: @h1introduccionfw; color: @h1introduccioncolor;}
.centrarcont{text-align: center!important;}
.font18{font-size: 18px!important; line-height: 22px!important; font-weight: @cuerpoweg;}
.font17{font-size: 17px!important; line-height: 21px!important; font-weight: @cuerpoweg;}
.play{width: 16px; height: 16px; background: url('rec-im/spra-ico.png'); position: relative; display: inline-block; vertical-align: middle; margin-right: 7px;}
.down{width: 16px; height: 16px; background: url('rec-im/spra-ico.png'); position: relative; display: inline-block; vertical-align: middle; background-position: -17px 0px;
background-repeat: no-repeat; margin-right: 7px;}
.galy{width: 16px; height: 16px; background: url('rec-im/spra-ico.png'); position: relative; display: inline-block; vertical-align: -2px; background-position: -132px 0px;
background-repeat: no-repeat; margin-right: 7px;}
.prob{width: 23px; height: 23px; background: url('rec-im/spra-ico.png'); position: relative; display: inline-block; vertical-align: middle; margin-right: 7px; background-position: -50px 0px;
background-repeat: no-repeat;
.colorblanco &{background: url('rec-im/spra-ico.png'); background-position: -91px 0px;}
}
.solc{width: 17px; height: 23px; background: url('rec-im/spra-ico.png'); position: relative; display: inline-block; vertical-align: middle; margin-right: 7px; background-position: -73px 0px;
background-repeat: no-repeat;
.colorblanco &{background: url('rec-im/spra-ico.png'); background-position: -114px 0px;}
}
.downr{.down; margin-right: 0px; margin-left: 7px; background-position: -33px 0px; margin-bottom: 3px;}
a.botoncm:hover .downr, a.botoncm:focus .downr{background-position: -18px -16px;}
.redesocieales{margin-top: -40px; margin-bottom: -52px; padding-bottom: 60px; min-height: 67px;}
//---------------------------------------Blog
#gk-mainbody{color: @cuerpocolor; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline;}
a, #gk-mainbody a:active, #gk-mainbody a:focus, #gk-mainbody a:hover, #gk-mainbody footer a, #gk-mainbody #comments a, #gk-mainbody header h1 a:active, #gk-mainbody header h1 a:focus,
#gk-mainbody header h1 a:hover, #gk-mainbody header h2 a:active, #gk-mainbody header h2 a:focus, #gk-mainbody header h2 a:hover, #gk-mainbody .content a, #gk-footer a:active,
#gk-footer a:focus, #gk-footer a:hover {color: @colorprincipal;}
a:hover, a:active, a:focus, #gk-mainbody a, #gk-mainbody header h1 a, #gk-mainbody header h2 a, #gk-mainbody footer a:hover, #gk-mainbody #comments a:hover, #gk-sidebar .box a:hover,
#gk-mainbody .content a:hover, #gk-mainbody .content a:active, #gk-mainbody .content a:focus{color: @colorprincipal;}
.btn, button, .button, .readon, .nav-btn a, .more-link, a.gk-button, input[type="button"], input[type="submit"], .shipping-calculator-button{.formatoboton; color: @colorprincipal!important; display: initial!important;
&:hover, &:focus{.formatoboton; color: @colorprincipal!important; display: initial!important;}
}
//---------------------------------------Boton
.formatoboton, .formatoboton:focus{background: @colorprincipal; color: #fff; font-weight: 400; padding: 10px 30px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; line-height: 3em;
border: solid 1px @colorprincipal; font-size: 16px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
&:hover{color: @colorprincipal!important; background: transparent; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
&.full{height: 44px; width: 96%; padding: 0px 2%; display: block; text-align: center;}
}
.formatoboton2, .formatoboton2:focus{background: @colorsecundario; border-color: @colorsecundario;
&:hover{color: #fff!important; background: transparent; border-color: #fff; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
}
//---------------------------
//---------------------------
.logo{float: left; width: 20%;
& + #gk-main-menu{float: right; width: 79%; margin-left: 0%; margin-top: @margenlogomasmenu;}
}
.arreglo_logo{float: left; width: 60%; margin-left: 5%;}
.imageLogo {margin: @colocacionlogo;}
#gk-head.no-breadcrumb{padding: @colocacioncuerpo;}
#gk-head > div:first-child{background: #a1a0a0;}
.admin-bar #gk-header-top {top: @toplogo;
& .gk-page{height: @altofranja1;}
}
.widgetredes{position: absolute; right: 15px; top: 10px; width: 100%; text-align: right; min-width: 222px;
& a{color: #555; font-weight: 600; font-size: 15px;
//&:first-child{margin-right: 15px;}
&.active{color: @colorprincipal;}
}
& p{margin: 0px;}
&:after{clear: both; content: ""; display: table;}
.rdtelema{float: left; text-align: right; margin-right: 7%; line-height: 22px; margin-top: -6px;
& span{display: block; color: @cuerpocolor; font-size: 20px;}
}
.rdrd{float: left;}
a{font-weight: 100; color: @colorprincipal; padding: 0; margin: 0;}
& .contactop{
& span{display: inline-block; margin-left: 30px; font-size: @cuerposize; font-weight: @cuerpoweg;
&:first-child{margin-left: 0px;}
& strong{font-weight: 700;}
&.redes{vertical-align: middle;
& a{margin-left: 7px;
& a:first-child{margin-left: 0px;}
}
}
}
}
}
#gk-header-top {height: @altofranja1;}
#gk-header-nav {top: @topmenu;}
#gk-main-menu {width: 100%;}
.current_page_ancestor a, .current-menu-parent a, #main-menu, #main-menu > li, #main-menu > li > a {height: @altomenu; line-height: @altomenu; text-align: @alineadomenu; text-transform: @mayusculasmenu; font-size: @sizemenu;}
.current_page_ancestor a, .current-menu-parent a, #main-menu > li > a {padding: @anchoitemmenu; color: @colorletramenu; margin: @separacionitmmenu; font-weight: @fontwemenu; -webkit-transition: border .3s; -moz-transition: border .3s; -o-transition: border .3s; transition: border .3s;}
.current_page_ancestor a, .current-menu-parent a, #main-menu > li.current_page_item > a, #main-menu > li.current_page_item > a, #main-menu > li > a:hover{border-bottom: @bordemenu; margin-top: 0px!important; line-height: @alturalimenu!important; color: @colorletramenuhover!important; background: @fondolimenuhover;}
.current_page_ancestor a, .current-menu-parent a, #main-menu > li.current_page_item > a, #main-menu > li.current_page_item > a{font-weight: @fontwemenuact;}
.current-menu-parent a{background: @colorprincipal!important;}
#main-menu > li:first-child > a{margin-left: 0px; margin-right: 2%;}
#main-menu > li:last-child > a{margin-right: 0px;}
#main-menu > li{margin: 0 -1px!important;}
#gk-header-nav{background: @colormenu;}
//menu
#main-menu > li > a{background: @fondolimenu; line-height: @alturalimenu; height: @alturalimenu; padding-left: @anchopadlimenu; padding-right: @anchopadlimenu; .transiciones; margin: 0 2px;
&:first-child{margin-left: 0px;}
&:last-child{margin-right: 0px;}
&:hover{background: @fondolimenuhover; margin-top: initial!important; line-height: @alturalimenu!important;}
}
//----------------------------Introduccion
.introduccion{min-height: 214px;}
h1.introduccionportada{text-align: center; font-size: @h1introducion; color: @h1introduccioncolor; font-weight: @h1introduccionfw;
&.colorblanco{color: #fff;}
}
p.introduccionportada{color: @introduccioncolor; text-align: center; font-size: @introducionessize; line-height: @introducionesline;
&.colorblanco{color: #fff;}
& strong{font-weight: @introduccionfontwestro;}
}
a.botoncm{.formatoboton; text-decoration: none!important;
&.btn2{.formatoboton2;}
}
//----------------------------Tipografias
h2{font-size: @h2size; color: @h2color; font-weight: @h2fw;}
.cuerpo{margin: 0 auto; max-width: @cuerpoancho;}
.cuerpo.box, .entry .box{clear: both; padding: 60px 0; margin-bottom: 0;}
//----------------------------Pie
.separadorpie{display: block; width: 100%; border-top: solid 1px #fff; margin-top: 25px;
&:after{content: " "; display: block; border: solid 4px #fff; width: 145px; margin: 0 auto; position: relative;}
}
#gk-bottom{background: @piefondo;
& .last3{width: 30%; margin: 0; padding: 0;
&.nth2{margin-left: 5%; margin-right: 5%;}
}
& .textwidget{color: @colorpie;
& h5{color: #fff; text-transform: none; font-size: 16px; font-weight: 100; margin-bottom: 10px;}
& p, & ul{margin: 0; font-size: 14px;}
& ul li{padding: 0; list-style: square; color: #e36b86; margin-left: 17px;
a{color: #fff;}
}
& .contactopie{
& a{color: @colorsecundario;}
& .telefonopie{font-size: 18px;}
& h5 + p + h5{margin-top: 10px;
& + p{margin-bottom: 5px;
& + p{margin-bottom: 7px;}
}
}
}
}
& .redespie{text-align: center;
& p {font-size: @cuerposize; margin-top: 4px;
&:first-child{margin-top: 0px;}
& a, & a:hover{color: #fff;}
& strong{font-weight: 600;}
}
}
& .newsletter{
input[type="text"]{width: 60%; float: none; margin: 0; border-color: #fff; background: @colorprincipal; color: #fff; margin-right: 3%; height: 48px;}
input[type="button"]{width: 50%; float: none; background: #fff; margin: 0; width: 37%; padding: 0; height: auto; margin-bottom: 10px;
&:hover{background: @colorprincipal; border-color: #fff; color: #fff!important;}
}
input[type="checkbox"]{vertical-align: middle;}
label{color: #fff; font-weight: 100; font-size: 14px;
& a, & a:hover{color: #fff;}
}
}
}
._4s7c{border: none!important;}
//---------------------------Parallax
.box.parallax {padding: @paddingparallax;
& h3.box-title{display: none;}
}
//---------------------------Modulo portada botton
.backartdes{background: #e8e8e8; padding: 30px 0; margin-bottom: 0px;
& h1{color: @cuerpocolor; font-size: @h1introducion; font-weight: @h1introduccionfw; text-align: center; line-height: @h1introducion; margin-bottom: 40px;}
& ul{color: @cuerpocolor;
& li{border: none!important; background: #fff; display: inline-block; border: solid 1px #d1d1d1!important;
&:first-child{width: 50%; margin-right: 5%; vertical-align: top; padding: 5%;}
&:last-child{width: 34%; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline; padding: 0;
& .boton{margin-top: 60px; padding-left: 15%;}
}
}
}
}
//----------------------------Pie
.widgetlogopie{padding-bottom: 0px!important; margin-bottom: 0px; text-align: center;}
.redespie a:first-of-type{margin-right: 15px;}
#gk-bottom {
& .box{ color: @piecolorenlaces; font-size: @cuerposize;
& a {color: @piecolorenlaces;
&:hover, &:focus{color: @piecolorenlaceshover;}
}
&.last5{//redimension de las 4 columnas del pie
& ul li{padding: 1px 0;}
& ul li:first-child {text-transform: uppercase; color: #fff; font-weight: 600; border-bottom: solid 1px #d1d1d1; margin-bottom: 7px;}
}
&.last5{
&.nth1, &.nth2, &.nth3, &.nth4{ width: 25%;}
&.nth5{clear: both; width: 100%;}
}
& .final_pie{text-align: center;
& p:first-child{margin-bottom: 0px;}
& p:last-of-type{margin-top: 7px;}
& ul li{display: inline-block; color: #d1d1d1; font-weight: 400;
&:first-child{border: none; font-weight: 400; text-transform: none;}
}
& a{color: @colorsecundario;}
}
}
}
//--------------------------------- Blog
.box-title.cmbt{font-size: @h1introducion; color: @introduccioncolor; font-weight: 100; text-align: center; text-transform: none;
& + p{text-align: center; font-size: 16px; color: #4b4b4b; margin-top: -10px; margin-bottom: 50px;}
}
.gk-nsp-info{text-align: left; padding: 0 40px!important; margin: 0; background: #e8e8e8; margin: 0!important;
& .gk-nsp-date{color: #555555; text-transform: uppercase; font-weight: 500; font-size: @cuerposize;}
&:before{.bordexelios; margin-bottom: 35px; margin-left: -40px; margin-right: -40px; margin-top: 0px;}
}
div.cont-nsp{margin-top: 0px; background: #e8e8e8; padding: 0 40px; padding-bottom: 40px; text-align: left;
& h3{font-size: @h2size; color: @h2color; font-weight: @h2fw; text-transform: none;}
& p.gk-nsp-text{font-size: @cuerposize; line-height: @cuerpoline; color: @cuerpocolor; font-weight: @cuerpoweg;
+ a{padding: 0; text-transform: none; color: @colorprincipal; background: none; border: none; text-decoration: underline; font-weight: @cuerpoweg; font-size: @cuerposize;
float: right!important;
&:hover{color: @colorprincipal!important;}
}
}
}
.gk-page.nspcm{
& .gk-image-link{border: solid 1px #d3d3d3; border-bottom: none;}
& .gk-nsp-art.gk-nsp-cols-3{width: 31.6%;
&:nth-child(3n-1){margin-left: 2.5%; margin-right: 2.5%;}
}
& .gk-responsive.gk-image-link.gk-image-wrapper-overlay-wrap{
& + div {margin-top: -3px; background: #fff; padding: 0 40px; padding-bottom: 40px; text-align: left; border: solid 1px #d3d3d3; border-top: none;
& p.fecha{color: #555555; text-transform: uppercase; font-weight: 600; font-size: 15px;; margin-top: 15px;}
& p.seguirleyendo{font-size: @cuerposize; line-height: @cuerpoline; color: @cuerpocolor; font-weight: @cuerpoweg; text-align: right; margin-bottom: 0px;
& a{padding: 0; text-transform: none; color: #82c600; background: none; border: none; text-decoration: none; font-weight: 600; font-size: 14px;
&:hover{color: @colorprincipal;}
}
}
& p.contenido{font-size: @cuerposize; line-height: @cuerpoline; color: @cuerpocolor; font-weight: @cuerpoweg; min-height: 80px;}
& h3{font-size: @h2size; color: @colorprincipal; font-weight: 600; text-transform: none; padding-top: 40px; min-height: 72px;
& a{color: @cuerpocolor;
&:hover{color: @cuerpocolor;}
}
}
}
}
}
.box #searchform #searchsubmit {display: none!important;}
//--------------
#gk-mainbody article > header h1, #gk-mainbody article > header h2{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: @h1introduccionfw;}
.single article figure.featured-image, .page article figure.featured-image {margin: 0 0 0px;}
#searchform {
input{background: #e8e8e8; color: #727272; border: none;}
&:after{display: none;}
}
.box.widget_recent_entries h3.box-title{color: @h2color; font-size: @h2size; font-weight: @h2fw; text-transform: none; padding-bottom: 10px;}
#gk-sidebar .box{padding: 20px;}
.box.widget_recent_entries ul li{border: none; font-size: @cuerposize; font-weight: @cuerpoweg; line-height: @cuerpoline;}
.box #wp-calendar caption{font-size: @h2size; color: @h2color; font-weight: @h2fw; margin: 0px 0px 15px; border: none;}
.box #wp-calendar th, .box #wp-calendar td{border: none; font-size: 13px; color: @cuerpocolor; font-weight: @cuerpoweg; background: none;}
.box #wp-calendar td#today {background-color: @colorprincipal;
& a{color: #fff;}
}
#wp-calendar td#prev{text-align: left;
& a{font-size: @cuerposize; font-weight: @cuerpoweg;}
}
#wp-calendar td#next{text-align: right;
& a{font-size: @cuerposize; font-weight: @cuerpoweg;}
}
#calendar_wrap{border: 1px solid #eee; padding: 8px;}
.page-template-template-latest-php article{ padding-top: 30px; margin: 0 0 20px 0;}
//---------------- Recursos xelios
.textalignright, .textright{text-align: right;}
.textleft{text-align: left!important;}
.textcenter{text-align: center!important;}
.text20{font-size: @h2size; text-align: center; margin-bottom: 0px; font-weight: @cuerpoweg; line-height: 25px;}
.colorblanco{color: #fff;}
.tituloneg{margin-bottom: @tituloneg;}
.solprodside{margin: -21px; margin-bottom: -25px; background: #fff;
& a img{margin-bottom: 12px;}
}
.tituloprod{
& h2, & h3{font-size: @h1introducion; font-weight: @h1introduccionfw; color: @h1introduccioncolor; text-align: center;
&:after{.bordexelios; max-width: 90px; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; background-image: -webkit-linear-gradient(0deg, #ff1737 25px, #9b0101 20px);}
& span{font-size: @h2size; color: @h2color; display: block; margin-bottom: -24px;
& + span{margin-top: 25px;}
}
& hr{border: none; border-bottom: solid 1px #c5c5c5; margin-bottom: 0px; margin-top: 40px; max-width: 770px;}
& strong{font-weight: @h1introduccionfw+200;}
}
}
.prod{
& ul{margin: 1em 0 1em;
& ul{margin-left: 0px; margin: 1em 0 1em; margin-top: 5px; margin-bottom: 0px;
& li {padding-left: 0px!important; color: #727272;}
}
}
& h3 + ul{margin-top: 20px;}
}
.arregloh3{
h3{margin-bottom: 0px!important;}
}
//----------------------------Legales
#gk-footer{color: @legalescolor; background: @legalesfondo; font-size: @cuerposize;
& ul li {display: inline-block;
& a{color: @legalescolorenlaces;
&:hover{color: @legalescolorenlaces;}
}
}
& ul{
&:first-child {float: left; width: 48%; margin-right: 2%; text-align: left;}
&:last-child {float: right; width: 48%; margin-left: 2%; text-align: right;}
}
}
//---------------------------
//----------------------------Cabeceras
.cabeceras{background-size: cover!important; background-position: center center!important; height: 247px; margin-top: 20px; margin-bottom: 0px; position: relative; padding-top: 0px;
& h1{font-size: @h1cabecerasize; font-weight: @h1cabecerafw; text-transform: @h1cabeceratexttransform; padding: @h1cabeceratextpadding; background: @h1cabeceratextfondo;
color: @h1cabeceratextcolor; max-width: 467px; margin: 0 auto!important; text-align: left; position: absolute; bottom: 0px; border-left: solid 7px @colorprincipal;
& > span{display: block; color: #fff; font-size: 30px; text-align: left; font-weight: 100; margin-top: 8px;
&:after{.bordexelios; max-width: 70px; margin: 0 auto; margin-top: 40px; margin-bottom: 10px; background-image: -webkit-linear-gradient(0deg, #ff1737 20px, @colorprincipal 20px);}
}
& > strong{font-weight: 600; text-transform: uppercase;}
}
&.fondo_contacto{background: url('cabeceras/cabecera_contacto.jpg');}
&.fondo_nosotros{background: url('cabeceras/cabecera_nosotros.jpg');}
&.fondo_soluciones{background: url('cabeceras/cabecera_soluciones.jpg');}
&.fondo_productos{background: url('cabeceras/cabecera_productos.jpg');}
&.fondo_novedades{background: url('cabeceras/cabecera_novedades.jpg');}
&.fondo_sol_bio_deporte{background: url('cabeceras/cabecera_soluciones_biometricas_para_el_deporte.jpg');}
&.fondo_soluciones_empresarial{background: url('cabeceras/cabecera_sol_empresarial.jpg');}
&.fondo_sol_sanidad{background: url('cabeceras/cabecera_sol_sanidad.jpg');}
&.fondo_sol_integral{background: url('cabeceras/cabecera_sol_integral.jpg');}
&.fondo_comunicacion{background: url('cabeceras/cabecera_comunicacion.jpg');}
&.fondo_sectores_farmacia{background: url('cabeceras/fondo_sectores_farmacia.jpg');}
&.fondo_sectores{background: url('cabeceras/fondo_sectores.jpg');}
}
.fondosolibis{background: url('cabeceras/tarjetateclado.jpg'); background-size: cover!important; background-position: center center!important; background-attachment: fixed;}
.fondoprotsis{background: url('cabeceras/fondoprotsis.jpg'); background-size: cover!important; background-position: center center!important; background-attachment: fixed;}
.fondofarmaciaint{background: url('cabeceras/fondofarmaciaint.jpg'); background-size: cover!important; background-position: center center!important; background-attachment: fixed;}
.fondoengines{background: url('cabeceras/fondoengines.jpg'); background-size: cover!important; background-position: center center!important; background-attachment: fixed;}
.fondohafis{background: url('cabeceras/fondohafis.jpg'); background-size: cover!important; background-position: center center!important; background-attachment: fixed;}
.fondoisis{background: url('cabeceras/fondoisis.jpg'); background-size: cover!important; background-position: center center!important; background-attachment: fixed;}
.fondointegral{background: url('cabeceras/fondointegral.jpg'); background-size: cover!important; background-position: center center!important; background-attachment: fixed;}
.widgetsliderportada{height: 500px; margin-bottom: 40px;}
.slideportada{background-size: cover!important; background-position: center center!important; height: 360px; position: relative; padding-top: 140px;
& div{padding: 3% 5%; color: #fff; background: rgba( 0, 0, 0, 0.60 );
& h1{text-align: center; color: #fff; font-size: 48px; font-weight: 600; margin-bottom: 7px!important;}
& p{margin: 0; padding: 0; font-size: 30px; line-height: 35px; text-align: center;}
}
&.slide1{background: url('cabeceras/slide1portada.jpg');}
}
.wk-slideshow.wk-slideshow-default{margin-top: 35px;}
.listanum{margin-top: 10px;
& li{margin-bottom: 10px;}
}
//---------------------------
//---------------------------------Borde Xelios
.bordexelios{content: ""; position: relative; height: 10px; background: @colorprincipal; background-image: -webkit-linear-gradient(0deg, #ff1737 46px, @colorprincipal 20px);
background-image: -ms-linear-gradient(0deg, #ff1737 46px, @colorprincipal 20px); background-size: 100%; display: block;}
//---------------------------
//---------------------------- Cajas portada
.titcajasportada{font-size: @h1introducion; color: #fff; font-weight: @h1introduccionfw; line-height: @h1introducion; text-align: center; margin-bottom: 45px; margin-top: -25px;}
ul.cajas_portada{margin: 0;
& li.caja{padding: 0; border: none; background: rgba(0, 0, 0, 0.45); float: left; width: 47.5%; text-align: center;
a.botoncm{background: #e36b86; border-color: #e36b86;
&:hover{background: transparent; color: #fff!important; border-color: #fff;}
}
//&:before{.bordexelios;}
& img{width: 100%; height: auto;}
& .texto{padding: 9%; font-size: @cuerposize; line-height: @cuerpoline; color: #fff;
& h2{margin-bottom: 17px; color: #fff;
&:after{content: " "; border: none; border-bottom: solid 1px #fff; display: block; max-width: 300px; margin: 0 auto; margin-top: 20px;}
& + div{margin-bottom: 17px; font-weight: 400;
& + div{text-align: center;}
}
& a{display: block; text-align: center; padding: 0px 15px;
}
}
}
}
& li.caja:nth-child(even){margin: 0 0% 0 5%;}
}
ul.cajas_portada3{margin: 0;
& li.caja{padding: 0; border: none; background: #fff; float: left; width: 31.7%;
& img{width: 100%; height: auto;}
& .texto{padding: 9% 15%; font-size: @cuerposize; line-height: @cuerpoline; color: @cuerpocolor;
& h2{margin-bottom: 17px;}
div{margin-bottom: 17px; font-weight: 400;}
& h2{margin-bottom: 17px;
& + div{margin-bottom: 17px; font-weight: 400;}
& a{display: block; text-align: center; padding: 0px 15px;}
}
}
}
& li.caja:nth-child(even){margin: 0 2.4%;}
&.nuestros_catalogo{margin-top: 60px; text-align: center;}
& .intr{background: @colorprincipal; color: #fff; font-size: @h2size; text-align: center; padding: 20px 10px; line-height: @h2line;}
}
//---------------------------- Imagenes y textos colocacion CAJAS
section.box.primera{padding-top: 10px;}
.fondogris1{background: @fondogrisfranjas;}
.fondogris2{background: @fondogris2franjas;}
.fondorojo{background: #b44141;
& div p.text1{color: #fff!important; font-weight: 100!important;}
}
#gk-mainbody-bottom .fondogris2{margin: -20px 0 -54px; padding: 60px 0px!important;}
i.separador{.bordexelios; max-width: 80px; margin: 0 auto; background-image: -webkit-linear-gradient(0deg, #ff1737 25px, #9b0101 20px); margin-top: 40px; margin-bottom: 40px;}
.text2{
& h3{font-size: @h2size; color: @h2color; font-weight: @h2fw; text-align: left;}
}
.cuerpo.intro{text-align: center;
& h2{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: @h1introduccionfw;
&.fw100{font-weight: 100;
& strong{font-weight: 600;}
}
}
& p.text1{font-size: @h2size; color: @h2color; font-weight: @h2fw;
& strong{font-weight: 600;}
}
& p.text2{font-size: @cuerposize; color: @cuerpocolor; font-weight: @cuerpoweg; line-height: @cuerpoline;}
& p:last-of-type{margin-bottom: 0px;}
& ul {margin-left: 17px;
& li{list-style-type: square; border: none; text-align: left; .tipcuerpo; color: @colorprincipal;
& span{color: @cuerpocolor;}
& ul{border-top: none; margin-top: 7px;
li{color: #727272; padding-left: 0px!important;}
}
}
}
}
.imagenmastexto{
&.mgtop{margin-top: 40px;}
& > h2{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: 100; text-align: center; margin-bottom: 50px;}
& div:first-of-type{float: left; width: @imagenytextoimg; margin-right: @imagenytextomargen;}
& div:last-of-type{float: left; width: @imagenytextotexto;
& h3{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: 600;
&.arregloh2{.arregloh2;}
}
& h4{font-size: @h2size; color: @h2color; font-weight: 600;}
& p{font-size: @cuerposize; color: @cuerpocolor; font-weight: @cuerpoweg; line-height: @cuerpoline;}
& p.enlace{text-align: right; margin-bottom: 0px;
& a{text-decoration: underline;}
}
& ul li{.tipcuerpo; border: none; list-style: square; margin-left: 17px; color: @colorprincipal;
& span{color: @cuerpocolor;}
}
}
&.productos{
& h3 {font-size: @h2size!important; color: @h2color!important; font-weight: 600!important;}
& h4 {font-size: 18px!important; color: @h2color!important; font-weight: 400!important; margin-bottom: 7px!important;}
}
div&:after{ clear: both; content: ""; display: table;}
}
.textomasimagen{
&.mgtop{margin-top: 40px;}
& > h2{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: 100; text-align: center; margin-bottom: 50px;}
& div:first-of-type{float: right; width: @imagenytextoimg; margin-left: @imagenytextomargen;}
& div:last-of-type{float: right; width: @imagenytextotexto;
& h3{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: 600; text-align: right;
&.arregloh2{.arregloh2;}
}
& h4{font-size: @h2size; color: @h2color; font-weight: 600; text-align: right;}
& p{font-size: @cuerposize; color: @cuerpocolor; font-weight: @cuerpoweg; line-height: @cuerpoline; text-align: right;}
& p.enlace{text-align: right; margin-bottom: 0px;
& a{text-decoration: underline;}
}
& ul li{.tipcuerpo; border: none; list-style: square; margin-left: 17px; color: @colorprincipal;
& span{color: @cuerpocolor;}
}
}
&.productos{
& h3 {font-size: @h2size!important; color: @h2color!important; font-weight: 600!important;}
& h4 {font-size: 18px!important; color: @h2color!important; font-weight: 400!important; margin-bottom: 7px!important;}
}
div&:after{ clear: both; content: ""; display: table;}
}
.imagencentrada{text-align: center;
& p.text1{margin-bottom: 0px;}
}
.cajas50{
& div{width: 47.5%; float: left; .tipcuerpo;
&:first-child{margin-right: 2.5%;}
&:last-child{margin-left: 2.5%;}
}
& + article.imagencentrada{margin-top: 40px;
& i.separador{margin-bottom: 0px;}
}
}
.fullnorm{.tipcuerpo;
h2{font-size: @h1introducion; font-weight: @h1introduccionfw; color: @h1introduccioncolor; margin-bottom: 30px;
&.nobot{margin-bottom: -10px;}
&.mgtop{margin-top: 30px;}
}
h3{font-size: @h2size; font-weight: @h2fw; color: @h2color;}
& ul{
& ul, & li{border: none;}
}
&.margtop{margin-top: 25px;}
&.margtop{margin-bottom: 25px;}
}
.fullnorm.prod h3{margin-bottom: -17px; margin-top: 20px;}
.formatocaja{background: #fff; border: solid 1px #a9a9a9; text-align: center; .tipcuerpo; padding: 9%;
& h3{font-size: 27px; font-weight: 100; margin-bottom: 25px;
& hr{margin-top: 25px;}
}
}
.col1{width: 100%; margin-bottom: 25px; margin-top: 25px;
&.nobot{margin-bottom: 0;}
&.notop{margin-top: 0;}
}
.col2{width: 48.7%; float: left; margin-bottom: 25px; margin-top: 25px; .tipcuerpo;
&.nobot{margin-bottom: 0;}
&.notop{margin-top: 0;}
&:first-child{margin-right: 2.5%;}
// &:first-child{margin-left: 2.5%;}
&:nth-child(odd) .formatocaja{margin-right: 7%;}
&:nth-child(even) .formatocaja{margin-left: 7%;}
&.dobcol{width: 45%;
&:first-child{margin-right: 10%;}
}
}
.col2x2{width: 40%; float: left; margin-bottom: 25px; margin-top: 25px; .tipcuerpo;
&.nobot{margin-bottom: 0;}
&.notop{margin-top: 0;}
&:first-child{margin-right: 10%;}
&:nth-child(3){margin-left: 20%;}
&.arreglo1port{width: 54%; margin-right: 16%; margin-bottom: 0px;}
&.arreglo2port{width: 30%; margin-bottom: 0px;
& p:last-child{margin-bottom: 0px;}
}
}
.contenedorcol3{margin-top: 40px;
.col3{width: 30%; float: left;
&:nth-child(2){margin-left: 5%; margin-right: 5%;}
}
}
.contenedorcol3_2-1{
& .col3_2-1{.tipcuerpo; float: left; width: 40%;
&:nth-child(2){margin-left: 3%; margin-right: 3%; width: 14%; text-align: center; margin-top: 11%;}
&.v2{
&:nth-child(1){width: 29%;}
&:nth-child(2){width: 12%; margin-top: 0%;
& p{margin: 0px;}
}
&:nth-child(3){width: 53%;}
}
& h3{font-size: @h2size; font-weight: @h2fw; color: @h2color;}
}
&.colorblanco .col3_2-1{.tipcuerpo; .colorblanco;
& h3{.colorblanco;}
}
}
h3 + .enlaces{margin-top: 25px;}
.enlaces{
& > div:after{clear: both; content: ""; display: table;}
& > div + div {margin-top: 0px;}
}
.colipf:first-child{float: right; width: 55%; margin-left: 7%;}
.colipf:nth-child(2){float: left; width: 38%;}
.coleild:first-child{float: left; width: 55%; margin-right: 7%; margin-top: 45px; text-align: right;}
.coleild:nth-child(2){float: left; width: 38%; margin-top: 25px;}
.colafi:first-child{float: right; width: 55%; margin-left: 7%;}
.colafi:nth-child(2){float: left; width: 38%;}
//--------------------------------------- Formulario antes del pie
.formsolinf{color:#fff; font-size: @cuerposize; font-weight: @cuerpoweg;
& h2{font-size: @h1introducion; color: #fff; font-weight: 100; text-align: center; margin-bottom: 40px;}
& div:first-of-type{float: left; width: 52%; margin-right: 3%;
& p:nth-child(1), & p:nth-child(4){float: left; margin-right: 5%; width: 40%;}
& p:nth-child(2), & p:nth-child(5){float: left; width: 55%;}
}
& div:last-of-type{float: left; width: 45%;
& p:last-of-type{text-align: right;}
}
& span{display: block; margin-bottom: 5px;}
& input[type="text"]{background: @fondogris2franjas; border: none; border: solid 1px #fff!important; color: #fff; height: 30px; width: 100%;
&:focus{background: @fondogris2franjas; border: none; border: solid 1px #fff!important; color: #fff; height: 30px; width: 100%;}
}
& textarea{background: @fondogris2franjas; border: none; border: solid 1px #fff!important; color: #fff; height: 157px; width: 100%;}
& label{font-size: @cuerposize; color: #fff; line-height: @cuerpoline; font-weight: @cuerpoweg;
& a{color: #3e3e3e; font-weight: @cuerpoweg;}
}
& input[type="button"]{height: auto; line-height: normal; float: none; color: #fff!important; background: @fondogris2franjas; border-color: #fff; margin: 0;}
}
//------------------------------- Contacto
.cont-cont-cajas{
& h2{text-align: center; font-size: @h1introducion; color: @h1introduccioncolor; font-weight: 100; margin-bottom: 50px;}
& article{width: 33.333333333333336%; float: left;
& div:last-of-type{padding: 0 7%;
&:before{.bordexelios; margin-bottom: 30px; margin-top: -4px; max-width: 80px; background-image: -webkit-linear-gradient(0deg, #ff1737 27px, #9b0101 20px);}
& h3{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: @h1introduccionfw+100;}
& h4{font-size: @h2size; color: @h2color; font-weight: @h2fw+100;}
& p{font-size: @h2size; color: @h2color; font-weight: @h2fw;}
& ul li{font-size: @cuerposize; color: @cuerpocolor; line-height: @cuerpoline; font-weight: @cuerpoweg; padding: 0;}
}
}
}
.formcontact{color:@cuerpocolor; font-size: @cuerposize; font-weight: @cuerpoweg;
br{display: none;}
& h2{font-size: @h1introducion; color:@cuerpocolor; font-weight: @h1introduccionfw; text-align: center; margin-bottom: 40px;}
& div:first-of-type{float: left; width: 52%; margin-right: 3%;
& p:nth-child(1), & p:nth-child(4){float: left; margin-right: 5%; width: 40%;}
& p:nth-child(2), & p:nth-child(5){float: left; width: 55%;}
}
& div:nth-child(2){float: left; width: 45%;
& p:last-of-type{text-align: right;}
}
& div:nth-child(3){
& textarea{height: 150px;}
& p{text-align: right;}
}
& span{display: block; margin-bottom: 5px;}
& input[type="text"]{background: #fff; border: none; border: solid 1px #909090!important; color:@cuerpocolor; height: 30px; width: 100%;
&:focus{background: #fff; border: none; border: solid 1px #909090!important; color:@cuerpocolor; height: 30px; width: 100%;}
}
& textarea{background: #fff; border: none; border: solid 1px #909090!important; color:@cuerpocolor; height: 89px; width: 100%;}
& label{font-size: @cuerposize; color:@cuerpocolor; line-height: @cuerpoline; font-weight: @cuerpoweg;
& a{color: @colorprincipal; font-weight: @cuerpoweg;}
}
& input[type="button"]{height: auto; line-height: normal; float: none; margin: 0;}
& select{width: 100%;}
}
//-------------------------------------------- Comunicacion
.contcomunicacion{text-align: left; margin-bottom: 60px;
&:last-child{margin-bottom: 0px;}
&:after{clear: both; content: ""; display: table;}
& h2{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: @h1introduccionfw;}
& .enlaces{margin-top: 30px;}
& .fechacom{font-weight: 700;}
& .contenedorvideos{
& .video{.col2; margin-right: 0px; margin-left: 0px;
& h2{margin-bottom: 20px; font-size: @h2size; color: @h2color; font-weight: 100; min-height: 48px;}
&:nth-child(even){margin-right: 2.6%;}
& iframe{width: 100%; height: 245px;}
&:nth-child(1){width: 100%;
& h2{font-size: @h1introducion; color: @h1introduccioncolor; font-weight: 100; margin-top: -20px; min-height: 0;}
& iframe{width: 100%; height: 495px; margin-right: 0px;}
}
}
}
}
#gk-footer a:focus{color: #ff2d4a;}
.arreglo389{max-width: 389px;}
//--------------------------------------------------------------------------------------------------------------
//-----------------------------------------------------BRIN-----------------------------------------------------
//--------------------------------------------------------------------------------------------------------------
.contredbrin{
& ul{width: 47%; float: left; margin-top: -3px;
&:first-child{margin-right: 4%; margin-top: -5px; text-align: left; margin-left: 16px;
& li{display: inline-block; color: #fff;
& a{color: #fff;}
}
}
&:last-child{margin-right: 0%; text-align: right; margin-right: -15px; float: right;
& li{display: inline-block; margin-left: 1px;
&:first-child{margin-left: 0px;}
& a{background: #4b4b4b; padding: 7px 14px 3px 14px; .transiciones;
&:hover{background: #aeda00;}
}
}
}
}
}
#gk-bg > div.gk-bottom.portadacont:nth-child(4){background: #ebebeb; margin-top: -60px;}
#gk-bg > div.gk-bottom.portadacont:nth-child(6){background: url('cabeceras/fondoportdeg.jpg'); background-repeat: no-repeat; background-size: cover!important; background-position: center center;}
.sectoresportada{text-align: center; margin-top: 40px!important;
& li{display: inline-block; width: 15.90%; margin-left: 0.5%; text-align: center; .transiciones; border-top: none!important;
&:first-child{margin-left: 0px;}
& a{.transiciones;}
& a:hover .icono img:first-child{opacity: 0;}
& a:hover .icono img:last-child{opacity: 1;}
& a:hover span{color: @colorprincipal;}
& p{position: relative; height: 118px; max-width: 118px; margin: 0 auto; margin-bottom: 17px;
& img:first-child{opacity: 1; position: absolute; left: 0px; top: 0px; .transiciones;}
& img:last-child{opacity: 0; position: absolute; left: 0px; top: 0px; .transiciones;}
}
& span{color: #222; font-size: 20px; font-weight: 400; .transiciones;}
}
&.arregloinit{margin-top: 0px!important;
& li{width: 14.9%;
& a + p{height: auto;}
}
& li:nth-child(2){
& a p:first-child{display: none;}
}
}
}
.sectoresportada li a.activo p img:last-child{opacity: 1;}
.cajaserviciosportada{margin-top: 40px!important;
& li{float: left; width: 23%; background: rgba(0, 0, 0, 0.5); vertical-align: top; margin-left: 2.5%; height: 209px; outline: solid 3px #fff!important; border-top: none!important;
position: relative; .transiciones;
&:hover{background: @colorprincipal;}
&:nth-child(1){clear: both; margin-left: 0%; margin-bottom: 2.5%;}
&:nth-child(5){clear: both; margin-left: 0%;}
& a{position: absolute; width: 100%; height: 100%; top: 0px; left: 0px;
& h3{font-size: 20px; line-height: 24px; color: #fff; font-weight: 600; text-align: center; margin-top: 87px;}
}
}
&.arreglofarmacia{margin-top: 0px!important;
& li {
&:last-child:after{clear: both; content: ""; display: table;}
& a h3{margin-top: 67px;}
}
}
}
.contenedorcashlogyportada{
& div.texto{width: 40%; margin-right: 3%; float: left; font-size: 20px; line-height: 24px; color: #4b4b4b;
& h3{font-size: 30px; font-weight: 100; margin-top: 20px; margin-bottom: 20px;}
& a{font-weight: 600; font-size: 14px; color: #76b400;}
}
& div.imagen{width: 57%; float: left;}
}
div.contbripie{
& ul{float: left; width: 21.3%; margin-left: 2%!important;
& li{list-style: none!important; margin-left: 0px!important; padding-left: 0px!important;
& a{color: #fff!important; font-size: 15px!important;
& h3{font-size: 16px!important; font-weight: 600!important; color: #fff!important; text-transform: uppercase!important; padding-bottom: 15px!important;}
}
& ul{width: 100%!important; padding-left: 0px; text-align: center; max-width: 167px; border-top: none!important; padding-top: 27px;
&:after{clear: both; content: ""; display: table;}
& li{float: left; width: 19%; border-top: none!important; margin-left: 1%!important;
& a{display: block; background: #222; .transiciones; line-height: 0px!important; padding-top: 9px;
&:hover{background: #aeda00;}
}
&:first-child{margin-left: 0px!important;}
}
}
}
}
& ul:nth-child(1){width: 30%; margin-left: 0px!important;
& li{color: #fff!important; font-size: 15px!important;
& a{color: @colorprincipal!important; font-size: 15px!important; font-weight: 400; line-height: 31px;
& img{margin-bottom: 10px;}
}
}
}
& div{clear: both; text-align: center; font-size: 15px; font-weight: 100; padding-top: 45px;}
}
h2.h2cabizq{font-size: 20px; font-weight: 600; color: #4b4b4b; text-align: left; text-transform: uppercase;}
.contenedordest{
& > div{float: left; width: 23.8%; outline: solid 1px #d0cfcf!important; margin-left: 1.6%;
&:first-child{margin-left: 0px; margin-bottom: 15px;}
& > div.imagen:after{content: ""; display: block; border-bottom: solid 1px @colorprincipal; margin: 9% 8% 7%; max-width: 58px;}
& > div.texto{padding: 0 8%;
& h4{min-height: 42px;
& a{font-size: 16; font-weight: 400; color: #222;}
}
& p{font-weight: 100; color: #222; font-size: 15px; margin-top: 10px;}
}
& > div.boton{text-align: center;
& a{font-size: 16px; font-weight: 400; color: #222; display: block; background: #f2f2f2; border-top: solid 1px #d9d9d9; padding: 14px 5px;}
& + p{display: none;}
}
}
&.colsl3{margin-top: -20px;
& > div{width: 30%; margin-left: 3%; margin-bottom: 3%;
& > div.imagen{text-align: center; padding-top: 12%;
&:after{display: none;}
}
& > div.texto{text-align: center; padding-top: 7%; padding-bottom: 7%;
& h4{font-size: 30px; color: #222;
:after{content: ""; display: block; border-bottom: solid 1px @colorprincipal; margin: 0 auto; max-width: 58px; padding-top: 8%; margin-bottom: 8%;}
& a{font-weight: 100!important;}
}
}
}
& > div:nth-child(3):after{clear: both; content: ""; display: table;}
& > div:nth-child(4), & > div:nth-child(1){margin-left: 0%;}
}
}
//--------------------------------------------
//--------------------------------------------
//--------------- RESPONSIVE -----------------
//--------------------------------------------
//--------------------------------------------
#main-menu-mobile i{color: #222;}
/*-----------------------------------------------------------------*/
@media (max-width: 1180px) {
.gk-page.nspcm .gk-responsive.gk-image-link.gk-image-wrapper-overlay-wrap + i + div p.contenido{height: 120px; overflow: hidden;}
.gk-page.nspcm .gk-responsive.gk-image-link.gk-image-wrapper-overlay-wrap + i + div h3{height: 48px; overflow: hidden;}
}
@media (max-width: 1020px) {.cuerpo{padding-left: 15px!important; padding-right: 15px!important;}}
@media (max-width: 1005px) {ul.cajas_portada li.caja .texto h2 + div{min-height: 135px;}}
@media (max-width: 940px) {#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row1cm > div > div h3 + p{min-height: 80px;}}
@media (max-width: 960px) {#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row2cm > div > div h3 + p{min-height: 80px;}}
@media (max-width: 910px) {#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row1cm > div:nth-child(2) > div > h3 > hr{margin-top: 57px;}}
@media (max-width: 892px) {#gk-bg > div > div.entry > section.box.fondogris1 > .arreglo_banca > div:nth-child(1) > div > h3 > hr{margin-top: 57px;}}
@media (max-width: 845px) {#gk-bg > div > div.entry > section.box.fondogris1 > .arreglo_banca > div > div > h3 + p{min-height: 80px;}}
@media (max-width: 780px) {ul.cajas_portada li.caja .texto h2 + div{min-height: 180px;}}
@media (max-width: 783px) {#gk-bg > div > div.entry > section.box.fondogris1 > .arreglo_banca > div:nth-child(1) > div > h3 > hr{margin-top: 89px;}}
@media (max-width: 777px) {#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row2cm > div > div h3 + p{min-height: 100px;}}
@media (max-width: 719px) {
#gk-bg > div > div.entry > section.box.fondogris1 > .arreglo_banca > div:nth-child(1) > div > h3 > hr{margin-top: 57px;}
#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row1cm > div > div h3 + p{min-height: 100px;}
}
/*-----------------------------------------------------------------*/
@media (max-width: 900px) {
.cont-cont-cajas article{width: 100%; float: none;
& img{width: 100%;}
&:nth-child(3){margin: 60px 0px;}
}
}
@media (max-width: 890px) {
.current_page_ancestor a, .current-menu-parent a, #main-menu > li > a{ padding: 0 4px; margin: 0 3px;}
.gk-page.nspcm .gk-responsive.gk-image-link.gk-image-wrapper-overlay-wrap + i + div p.contenido{height: 160px; overflow: hidden;}
.gk-page.nspcm .gk-responsive.gk-image-link.gk-image-wrapper-overlay-wrap + i + div p.fecha{font-size: 13px;}
}
@media (max-width: 800px) {
.slideportada {height: 230px; padding-top: 130px;
& div{
& h1{font-size: 30px;}
& p{font-size: 20px; line-height: 25px;}
}
}
.gk-page.nspcm .gk-responsive.gk-image-link.gk-image-wrapper-overlay-wrap + i + div p.contenido{height: auto; overflow: hidden;}
.gk-page.nspcm .gk-responsive.gk-image-link.gk-image-wrapper-overlay-wrap + i + div h3{height: auto; overflow: hidden;}
.gk-page.nspcm .gk-nsp-art.gk-nsp-cols-3{float: none; width: 100%; max-width: 500px; margin: 0 auto;
&:nth-child(3n-1){margin: 0 auto; margin-bottom: 50px; margin-top: 50px}
}
#gk-footer ul{
&:first-child{width: 66%;}
&:last-child{width: 30%;}
}
.formsolinf, .formcontact{max-width: 600px; margin: 0 auto;
& div{
&:first-of-type{float: none; width: 100%; margin-right: 0%;}
&:last-of-type{float: none; width: 100%;}
& input[type="button"]{width: 100%;}
& label {display: initial;}
}
}
.formcontact{
& div:nth-child(2){width: 100%;}
& div:nth-child(3){clear: both;}
}
.contenedorcol3 .col3{width: 100%; float: none;
& h3 br{display: none;}
}
.contenedorcol3 .col3:nth-child(2){margin-left: 0%; margin-right: 0%; margin-top: 40px; margin-bottom: 40px;}
}
@media (max-width: 710px) {
#gk-bottom .box.last5.nth1, #gk-bottom .box.last5.nth2, #gk-bottom .box.last5.nth3, #gk-bottom .box.last5.nth4{width: 50%;}
#gk-bottom .box.last5.nth3{clear: both;}
}
@media (max-width: 700px) {
.imagenmastexto{max-width: 353px; margin: 0 auto;
& div:first-of-type{float: none; width: 100%; margin-right: 0%; margin-bottom: 15px;}
& div:last-of-type {float: none; width: 100%;}
}
.textomasimagen{max-width: 353px; margin: 0 auto;
& div:first-of-type{float: none; width: 100%; margin-left: 0%; text-align: left; margin-bottom: 15px;}
& div:last-of-type {float: none; width: 100%; margin-left: 0%; text-align: left;
& h3, & h4, & p{text-align: left;}
}
}
p.enlace a{display: block; text-align: center; padding: 0;}
.col2:nth-child(odd) .formatocaja{margin-right: 0px; margin: 0 auto;}
.col2:nth-child(even) .formatocaja {margin-left: 0%; margin: 0 auto;}
.col2{width: 100%; float: none;
& .formatocaja{max-width: 300px; margin: 0 auto;
& .botoncm{display: block; text-align: center; padding: 0;}
}
}
#gk-bg > div > div.entry > section.box.fondogris1 > .arreglo_banca > div:nth-child(1) > div > h3 > hr{margin-top: 25px;}
.col2.dobcol{width: 100%;}
.colafi:nth-child(2), .coleild:nth-child(2), .colipf:nth-child(2){float: none; width: 100%;}
.colafi:first-child, .coleild:first-child, .colipf:first-child{float: none; width: 100%; margin-left: 0; text-align: center;}
.enlaces{text-align: left;
& .textright{text-align: left;}
& > div .col1 {margin-top: 0px;}
& > div .col2 + .col2 {margin-top: 15px;}
}
.cajas50 div{width: 100%; float: none;
&:first-child{margin-right: 0%;}
&:last-child{margin-left: 0%;}
}
.col2.dobcol:first-child{margin-left: 0;}
.arreglo389{margin: 0 auto!important;
& + .arreglo389{margin-top: 40px!important;}
}
.contenedorcol3_2-1.colorblanco .col3_2-1{width: 100%;}
.contenedorcol3_2-1 .col3_2-1:nth-child(2){width: 100%; margin-left: 0%; margin-right: 0%; margin-top: 30px; margin-bottom: 30px;
& img{-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); transform: rotate(90deg);}
}
.contenedorcol3_2-1 .col3_2-1.v2:nth-child(1), .contenedorcol3_2-1 .col3_2-1.v2:nth-child(2), .contenedorcol3_2-1 .col3_2-1.v2:nth-child(3){width: 100%;}
.contenedorcol3_2-1 .col3_2-1.v2:nth-child(2) img{-webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); transform: rotate(360deg);}
#gk-bg > div > div.entry > section.box.fondogris1 > .arreglo_banca > div:nth-child(1) > div > h3 > hr{margin-top: 57px;}
#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row1cm > div > div h3 + p,
#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row1cm > div > div h3 + p{min-height: 0;}
#gk-bg > div > div.entry > section.box.fondogris1 > article.arregloisiscaja > div.row1cm > div:nth-child(2) > div > h3 > hr{margin-top: 25px;}
}
@media (max-width: 600px) {
.widgetredes{left: 15px; top: 115px; max-width: 100px;}
ul.cajas_portada{text-align: center;
& li.caja{float: none; width: 100%; margin: 0; margin-bottom: 25px; text-align: left;
&:nth-child(even) {margin: 0 0% 0 0%;}
.texto h2 + div{min-height: 0;}
}
}
.col2x2{width: 100%;
&:nth-child(3){margin-left: 0;} margin-bottom: 0;
}
}
@media (max-width: 640px) {
.cabeceras h1{font-size: 30px;}
.cabeceras h1 > span{font-size: 20px;}
.cabeceras h1 > span:after{margin-top: 15px;}
.cabeceras{height: 240px;}
}
@media (max-width: 520px) {
#gk-footer ul{display: block;
&:first-child{width: 100%; margin: 0; text-align: center; margin-bottom: 15px;
& li{display: block;}
& li:nth-child(2){display: none;}
}
&:last-child{width: 100%; text-align: center;}
}
}
@media (max-width: 500px) {
.slideportada {height: 170px; padding-top: 70px;
& div{
& h1{font-size: 20px;}
& p{font-size: 16px; line-height: 20px;}
}
}
}
@media (max-width: 460px) {
#gk-header-top{width: 100%;
& .gk-page{max-width: 300px; margin: 0;}
.imageLogo{margin: 30px 0 15px;}
}
}
@media (max-width: 450px) {
#gk-mainbody-bottom .fondogris2{margin-bottom: -75px;}
}