/* Cabecera */
#gkTopMenu {float: right; margin-top: 20px; transition: all 300ms linear; display: block!important;}
#gkTopMenu p { margin: 0; font-size: 19px; font-weight: bold; line-height: 1.5em;}
#gkTopMenu a {color: #fff!important;}
#gkTopMenu a strong {margin-left: 8px; font-weight: normal;}
#gkTopMenu a:hover {color: #ccc!important;}
#gkTopMenu a::before {display: block; font-family: FontAwesome; content: '\f098'; float: left; font-size: 1em;}
#gkHeader {margin: 0!important; padding-top: 0; transition: all 300ms linear;}
#gkPageContent  {padding-top: 25px; background: #fff;} 
#gkLogo.cssLogo {background: url("../images/logo.png") no-repeat!important; height: 80px; width: 342px; margin: 10px 0!important; background-size: contain!important; 
	transition: all 300ms linear;}
#gkHeaderTop {height: 0;}
#gkHeaderNav {background: rgba(243,90,39,1); box-shadow: none; top: 0; padding-top:0; border: none; transition: all 300ms linear;}
.gkMenu > ul > li {height: 45px; line-height: 45px; padding: 0 15px;}
.gkMenu > ul > li:last-child {padding-right: 0;}
.gkMenu > ul > li.active > a {color: #000;}
.gkMenu > ul > li > a {color: #fff; height: 45px; line-height: 45px; text-transform: none; font-size: 18px; padding: 0;}
.gkMenu > ul > li > a:hover {color: #ccc;}
.gkMenu > ul > li > a.oculto {display: none;}
.gkMenu > ul > li.haschild > a::after {color: #fff; font-size: 16px; right: calc(50% - 8px); top: 18px;}
.gkMenu > ul li div.childcontent a {font-size: 16px;}
#gkMainMenu {margin-top: 65px; transition: all 300ms linear; }
.cabecera {width: 100%; display: block; height: calc(100vh); margin-top: 0; background: url('../images/home.jpg') 50% 50%; background-size: cover!important; transition: all 300ms linear;}
.cabecera a {display: block; width: 100%; height: 100%; font-size: 0.1px;}
.textocabecera {height: 100px; background: #ccc; text-align: center; }
.textocabecera h2 {line-height: 100px; color: #fff; font-size: calc(15px + 0.45vh + 0.45vw);}
.cabeceraresto img {width: 100%; display: block; max-height: 400px; min-height: 300px; object-fit: cover; transition: all 300ms linear; padding-top: 0;}
#gkMobileMenu {top: 55px; transition: all 300ms linear; margin: 0!important; padding: 0!important; width: auto;}
#gkMobileMenu i {color: #fff; height: 35px; transition: all 300ms linear; font-size: 20px; width: auto; right: 0;}
.pequeno #gkLogo.cssLogo {background: url("../images/logo.png") no-repeat!important; background-size: contain!important; height: 75px; width: 282px; margin: 10px 0;}
.pequeno #gkHeaderNav {background: rgba(0,0,0,0.95);; box-shadow: 0 0 8px 1px #000;}
.pequeno #gkMainMenu {margin-top: 43px;}
.pequeno #gkTopMenu {margin-top: 10px;}
.pequeno .cabecera  {height: 50vh; margin-top: 90px;}
.pequeno #gkMobileMenu {top: 35px;}
.pequeno #gkMobileMenu i {color: #fff;}
.pequeno .gkMenu > ul > li > a {color: #fff;}
.pequeno .gkMenu > ul > li.active > a, .pequeno .gkMenu > ul > li > a:hover  {color: #f35a27;}
.pequeno #gkTopMenu a {color: #fff!important;}
.pequeno #gkTopMenu a:hover {color: #ccc!important;}
#gkTop1 {background: #f35a27; text-align: center; padding: 25px 0 60px; transition: all 300ms linear;}
#gkTop1 > div {max-width: 1170px; margin: 0 auto;}
#gkTop1 .box {margin: 0;}
#gkTop1 h3 {margin: 0; color: #fff; font-size: calc(15px + 0.45vh + 0.45vw);}
#direccion {position: absolute; z-index: 100; background: rgba(100,100,100,0.5); height: 100vh; width: calc(50vw - 160px); min-width: 430px; max-width: 100%!important;}
#direccion .custom {position: absolute; bottom: 50px; right: 0; width: 376px; margin-right: 38px; color: #fff; border-top: 3px solid #fff; padding-top: 30px;}


/* General */
body {font-size: calc(12px + 0.2vh + 0.2vw); line-height: 1.5;}
p {margin: 0 0 1em;}
.itemBody h2 {font-size: calc(15px + 0.3vh + 0.3vw); padding: 0.7em 0 0.3em; margin-bottom: 0.6em; border-bottom: 1px solid #000; color: #444;}
.itemBody h3 {font-size: calc(14px + 0.3vh + 0.3vw); margin: 1em 0;}
.gkPage {padding: 0 20px!important;}
#gkSocialAPI {display: none;}
#gkMainbody {margin: 0!important;}
.box h3.header {font-size: calc(15px + 0.3vh + 0.3vw); color: #fff; line-height: 2; padding-bottom: 20px; text-transform: none;}
article header h1, article header h2 {font-size: calc(15px + 0.3vh + 0.3vw); padding: 0.7em 0 0.3em; margin: 0 0 0.6em; border-bottom: 1px solid #000; color: #444;}
.frontpage article header h1, .frontpage article header h2 {padding-top: 125px;}
a.enlacetfno {font-size: calc(15px + 0.5vh + 0.5vw); font-weight: bold; line-height: 1.5em; display: block; color: #D82042;}
a.enlacetfno::before {display: block; font-family: FontAwesome; content: '\f098'; float: left; font-size: 1.5em; margin-right: 15px;}
.itemBody ul li::before {font-family: FontAwesome; content: '\f0c8'; font-size: 0.8em; margin-right: 15px; position:relative; top:0!important; color: #f35a27;}
section.blog .items-more h3 {display: none;}
.itemBody > ul li::before, .itemBody > div > ul li::before, ul.gkBullet1 li::before, #product-tabs-content dd::before {top: 17px;}
.itemBody > ul, .itemBody > div > ul, ul.gkBullet1, ul.gkBullet2, ul.gkBullet3, ul.gkBullet4 {margin: 1em 0;}
p.intro {margin: 30px 0 0;}
p.intro a {padding: 10px 30px; border: 2px solid #1F1600; transition: all 0.5s ease 0s; border-radius: 5px;}
p.intro a:hover {background: #1F1600; color: #fff; }
#gkMainbody .centrar {text-align: center;}
#gkMainbody .centrar h4 {margin-bottom: 12px; font-size: calc(14px + 0.3vh + 0.3vw); }
#gkMainbody .centrar ul {padding: 0; margin: 0 auto 2em; width: 40%;}
#gkMainbody .centrar ul li{background: #f0f0f0; padding: 5px 2.5vw; line-height: 1.3; margin-bottom: 8px; border-radius: 5px;}
#gkMainbody .centrar ul li::before {content: '';}
#gkMainbody .centrar ul li:last-child{border-bottom: none;}
#gkMainbody .centrar ul li b, #gkMainbody .centrar ul li strong{font-size: 1.15em;}
#gkMainbodyBottom, #gkMainbodyBottom .box {padding-top: 0;}
#gkMainbodyBottom .bcfjdatepicker {padding: 0!important;}
#gkMainbodyBottom .bcfj-calendar-month .date-text {color: #fff; width: 33px; height: 33px;}
#gkMainbodyBottom  .bcfj-calendar-navigation, #gkMainbodyBottom .bcfj-calendar-month {width: 250px!important;}
#gkMainbodyBottom .bcfj-calendar-month {height: 235px!important;}
#gkMainbodyBottom .bcfj-calendar-month td {line-height: 33px!important;}
#gkMainbodyBottom .bcfj-calendar .change-over-1 {border-width: 33px 33px 0 0!important;}
#gkMainbodyBottom .bcfj-calendar .change-over-2 {border-width: 0 0 33px 33px!important;}
#com-login-form  input {font-family: "Arsenal",Arial,sans-serif; width: 180px; padding: 10px 14px!important; margin-bottom: 10px; border: none; background: #fff; font-size: 18px;
	border-radius: 10px;}
#com-login-form .button {float: none; background: #000; color: #fff!important; font-size: 18px; padding: 2px 30px!important; margin: 0; height: auto; text-transform: none;
	border-radius: 10px;}
#com-login-form .login-fields {padding: 0;}
#com-login-form .button:hover {background: #f35a27; border-color: #f35a27;}	
#gkContentWrap {margin: 0;}
.bubble-2 {background: #f35a27; color: #fff;}
.bubble-2::after {border-color: #f35a27 #f35a27 #f35a27 transparent;}
.columnas3 {display: flex; overflow: hidden; margin-bottom: 25px;}
.columnas3 .columna {flex: 1; background: #f0f0f0; padding: 25px;}
.columnas3 .columna:nth-child(2n) {background: #ddd;}
.trabajo {margin: 25px 0;}
.trabajo > div {width: 49%; text-align: center; float: left;}
.trabajo .equipo {margin-right: 1%;}
.trabajo .bolsa {margin-left: 1%;}
.trabajo a {background: #f0f0f0; border: 1px solid #ccc; color: #333; font-size: 1.3em; padding: 50px 30px; display: block; margin-bottom: 30px; transition: all 300ms linear; }
.trabajo a:hover {background: #f35a27; color: #fff; }
.trabajo a i {font-style: normal;}
.trabajo a i::before {display: block; font-family: FontAwesome; font-size: 4em; padding: 0;}
.trabajo .equipo a i::before {content: '\f2be';}
.trabajo .bolsa a i::before {content: '\f2bb';}
.blog article, .blog-featured article {padding-top: 0!important;}
.cols-2 .column-1, .cols-3 .column-1 {padding-right: 20px!important;}
.cols-2 .column-2, .cols-3 .column-3 {padding-left: 20px!important;}
.blog article p.readmore, .blog-featured article p.readmore {margin-top: 0;}
.blog article p.readmore a, .blog-featured article p.readmore a {margin: 0!important; border: none!important;}
.blog article p.readmore a:hover, .blog-featured article p.readmore a:hover {background: #f35a27!important;}
.cabeceraresto {padding-top: 70px;}

/* Galeria */
div.sigplus-gallery ul > li > a > img {display: block; border: 1px solid #f35a27!important; margin:0!important;}
.sigplus-gallery ul li {display: inline-block !important; margin: 0 !important; padding: 0 !important; width: 33.33% !important;}
.sigplus-gallery ul li a {display: block !important; margin: 0 20px 20px 0 !important; transition: all 0.5s ease 0s;}
#boxplus .boxplus-dialog {z-index: 999999; margin: 5vh 5vw;}
#boxplus .boxplus-viewer > .boxplus-resizer > .boxplus-enlarge {display: none;}
#boxplus .boxplus-bottom > .boxplus-thumbs, #boxplus .boxplus-sideways > .boxplus-thumbs {display: none;}
.boxplus-caption {display: none;}


/* Mapa del sitio*/ 
#osmap h1 {font-size: calc(15px + 0.3vh + 0.3vw); padding: 0.7em 0 0.3em; margin-bottom: 0.6em; border-bottom: 1px solid #f35a27; color: #444;}
#osmap #osmap-menu-uid-mainmenu {display: none;}
#osmap ul {margin: 1em;}
#osmap ul ul {margin: 0 2em;}
#osmap ul li::before {font-family: FontAwesome; content: '\f0c8'; font-size: 0.8em; margin-right: 15px; position:relative; top:0!important; color: #f35a27;}

/* Pie */
#gkBottom2, #gkBottom2 .box {padding: 0!important; margin: 0!important; background: #f0f0f0;}
#gkBottom2 .gkPage {max-width: 100%; padding: 0;}
#gkBottom2 .sigplus-gallery {margin: 0 2vw 3vh; overflow: hidden; }
#gkBottom2 .sigplus-gallery a {display: table-cell; width: 15%;}
#gkBottom2 .sigplus-gallery a:last-child {margin-right: 0%!important; }
#gkBottom2 .sigplus-gallery img {width: 98%; display: block; padding: 1%;}
#gkBottom3 {background: #f35a27; text-align: center; padding: 50px 0;}
#gkBottom3 .serviciosgrupo {text-align: center; max-width: 1170px; margin: 0 auto; padding: 0; box-sizing: border-box; float: none;}
#gkBottom3 .serviciosgrupo h2 {margin: 0; color: #fff; font-size: calc(15px + 0.5vh + 0.5vw);}
#gkBottom3 .serviciosgrupo h3 {margin: 0 0 12px; font-size: calc(14px + 0.4vh + 0.4vw);}
#gkBottom3 .serviciosgrupo h3 a {color: #fff;}
#gkBottom3 .serviciosgrupo h3 a:hover {color: #1F1600;}
#gkBottom3 .serviciosgrupo h3 a::before {display: block; font-family: FontAwesome; font-size: 3em; padding: 0.5em 0 0;}
#gkBottom3 .serviciosgrupo h3.c1 a::before {content: '\f017';}
#gkBottom3 .serviciosgrupo h3.c2 a::before {content: '\f0c0';}
#gkBottom3 .serviciosgrupo h3.c3 a::before {content: '\f1cd';}
#gkBottom3 .serviciosgrupo p {line-height: 1.3; color: #fff;}
#gkBottom3 .serviciosgrupo .intros {width: 33.33%; padding: 14px 30px; box-sizing: border-box; float: left;}
#gkBottom4 {text-align: center; padding: 35px 0 0; background: #fff;}
#gkBottom4 h3.header {color: #f35a27;}
#gkBottom4 p {color: #333; margin: 0; font-size: calc(12px + 0.25vh + 0.25vw);}
#gkBottom4 .bubble-1 {font-size: calc(12px + 0.45vh + 0.45vw); font-style: italic;}
#gkBottom4 .imagenpie {float: right; width: 25%; text-align: center;}
#gkBottom4 .imagenpie img {display: block; width: 100%; margin: 0 auto;}
#gkBottom4 .infopie {float: left; width: 74%; margin-bottom: 20px;}
#gkBottom5, #gkBottom5 .box {padding: 0!important; margin: 0!important;}
#gkBottom5 .gkPage {max-width: 100%; padding: 0!important;}
#gkFooter {background: #000; padding: 30px 0 15px; color: #ccc;}
#gkFooter a {color: #FFF;}
#gkFooterNav {margin:  0 15px; color: #ccc;}
#gkFooterNav a {color: #FFF;}
#gkFooterNav a:hover, #gkFooterNav .current a, #gkFooter a:hover {color: #f35a27!important;}

/* Formularios */
#gkSidebar {padding-left: 40px;}
#gkSidebar .box {padding: 0!important;}
#gkSidebar #contacto input {font-family: "Oxygen",Arial,sans-serif; width: 100%; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px;}
#gkSidebar #contacto textarea {width: 100%; height: 145px; resize: none; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px;}
#gkSidebar .avisolegal {font-size: 18px!important;}
#gkSidebar .avisolegal input {float: left; margin: 9px 12px 0 5px !important;}
#gkSidebar .submit input {float: none; width: 100%; background: #f35a27; color: #f0f0f0!important; font-size: 24px; padding: 9px 0!important; margin: 18px 0; height: auto; text-transform: none;}
#gkSidebar .submit input:hover {background: #212121; border-color: #212121;}
#gkMainbodyBottom #datos1 {width: 49%; margin-right: 2%; float: left;}
#gkMainbodyBottom #datos1 input {font-family: "Oxygen",Arial,sans-serif; width: 100%; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px;}
#gkMainbodyBottom #datos2 {width: 49%; margin-right: 0; float: left;}
#gkMainbodyBottom #datos2 input {font-family: "Oxygen",Arial,sans-serif; width: 100%; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px;}
#gkMainbodyBottom #datos3 .control-group {width: 32%; margin-right: 2%; float: left;}
#gkMainbodyBottom #datos3 .control-group:last-child {margin-right: 0;}
#gkMainbodyBottom #datos3 input {font-family: "Oxygen",Arial,sans-serif; width: 100%; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px;}
#gkMainbodyBottom #carta textarea {width: 100%; height: 145px; resize: none; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px;}
#gkMainbodyBottom #cv {width: 49%; margin-right: 2%; float: left; margin-bottom: 20px;}
#gkMainbodyBottom .avisolegal {font-size: 16px!important; width: 49%; margin-right: 0; float: left; margin-bottom: 20px;}
#gkMainbodyBottom .avisolegal input {float: left; margin: 7px 12px 0 5px !important;}
#gkMainbodyBottom .submit input {float: none; width: 100%; background: #f35a27; color: #f0f0f0!important; font-size: 24px; padding: 9px 0!important; margin: 18px 0; height: auto; text-transform: none;}
#gkMainbodyBottom .submit input:hover {background: #212121; border-color: #212121;}
#gkMainbodyBottom h3 {font-size: calc(14px + 0.5vh + 0.5vw); text-transform: none; color: #333; line-height: 1.1em; padding: 0 0 0.3em 0; font-weight: normal;}

/* MODULO DE COOKIES */
#ca_banner .accept { background: #f35a27;line-height:  20px;}
#gkFooterNav #ca_banner a{ color: #f35a27!important;}
#ca_banner p span { color: #1F1600;}
 
/* Media queries */

/* Anchura small tablet */
@media only screen and (max-width: 1040px)
{
	#gkPageContent {margin-top: 0;}
	#gkTopMenu h3 {position: absolute; top: 7px; right: 70px;}
	.nomobile { display: none!important;}
	#gkBottom4 .imagenpie, #gkBottom4 .infopie {width: 100%;}
	#gkBottom4 .imagenpie img {max-width: 200px;}
}

/* Anchura movil */
@media (max-width: 780px) {	
	#gkTop1 .box, #gkTop2 .box, #gkSidebar .box, #gkMainbody .box, #gkBottom1 .box, #gkBottom2 .box, #gkBottom3 .box, #gkBottom4 .box, #gkBottom5 .box {max-width: 100%;}
	#gkBottom2 {display: none;}
	#gkMainbodyBottom .avisolegal {width: 100%;}
	#gkMainbodyBottom #datos3 .control-group {width: 100%; margin-right: 0;}
	.columnas3, .columnas3 .columna {display: block;}
	.trabajo .equipo, .trabajo .bolsa {width: 100%; margin: 0;}
	.cols-2 .column-1, .cols-3 .column-1 {padding-right: 0!important;}
	.cols-2 .column-2, .cols-3 .column-3 {padding-left: 0!important;}
}

/* Anchura movil */
@media (max-width: 600px) {	
	#gkLogo.cssLogo, .pequeno #gkLogo.cssLogo {background: url("../images/logomovil.png") no-repeat!important; background-size: contain!important; width: 200px;}
	#ca_banner h2 { font-size: 12px!important; line-height: 14px !important;}
	#ca_banner p { font-size: 12px!important;}
	#gkMainbody .centrar ul {width: 100%;}
	.sigplus-gallery ul li {width: 50% !important;}
	#gkBottom3 .serviciosgrupo .intros {width: 100%;}
	#direccion {min-width: 100%;}
	#direccion .custom {width: calc(100% - 40px); margin: 0 20px; box-sizing: border-box;}
	.pequeno #gkTopMenu a strong, #gkTopMenu a strong {display:none;}
	.pequeno #gkLogo.cssLogo, #gkLogo.cssLogo {height: 50px;}
	.pequeno #gkTopMenu, #gkTopMenu { margin-top: 5px;}
	.pequeno #gkMobileMenu, #gkMobileMenu { top: 25px;}
}