/*
#------------------------------------------------------------------------
# Events - June Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

.svg #gkLogo.cssLogo {background-image: url('../images/logobig.png'); display: none;}
.frontpage #gkLogo.cssLogo {display: block;}
.svg #gkLogoSmall.cssLogo {background-image: url('../images/logo.png');}
#gkLogo.cssLogo {background: url('../images/logobig.png') no-repeat center center;	height: 300px;width: 359px; position:relative; top:20px;}
#gkLogoSmall.cssLogo {background-size: 108px 90px;height: 90px;width: 108px;}
#gkHeaderNav.static #gkLogoSmall {margin-left: -60px;top: 10px;}
#gkHeaderNav.active #gkLogoSmall {top: 15px; margin-left:30px;}
#gkHeaderNav.static {height: 170px;}
#gkHeaderNav.active {height: 120px;}
#gkHeaderNav.static #gkMainMenu {top: 110px;}
#gkHeaderNav.active #gkMainMenu {top: 50px;}
#gkHeaderNav {background-color: #f1d638;}
#gkHeaderMod .gkPage {max-width: 100%;}
.frontpage #gkHeader .gkPage {max-width: 1240px;}
#gkHeaderMod .custom {padding: 25px 0 0;}
.frontpage #gkHeaderMod .custom {padding: 100px 0 40px 0;}
.frontpage #gkHeader, .top1-colorbg #gkTop1, .top2-colorbg #gkTop2, .box.color1, .box.color2 {background-color: #009ADA;}
.gk-venue > div {color: #fff;float: none;padding: 0 40px 0 40px;text-align: center;width: 100%; }
.gk-venue > p, .gk-venue > p:first-child {font-size:24px!important; color:#fff; font-weight: 400!important;}
.gk-venue > p:first-child {	font-weight: 100; margin: 1em 0 2em;}
.quienessomos .gk-venue p, .quienessomos .gk-venue > p:first-child {font-size:20px!important; color: #000; font-weight: 400!important;}
.gkMenu > ul > li > a:active, .gkMenu > ul > li > a:focus, .gkMenu > ul > li > a:hover, .gkMenu > ul > li.active > a:active, .gkMenu > ul > li.active > a:focus, .gkMenu > ul > li.active > a:hover {color: #e41770;}
.gkMenu ul > li.active > a {color: #e41770;}
#gkHeaderMod .btn-big {	border-bottom: none;height: 50px;line-height: 50px; margin:0 auto 40px auto; background-color: #009ADA;}
#gkHeaderMod .btn-big:hover {background-color: #009ADA;}
#gkHeaderMod h1 {margin: 30px 0 30px 0 !important;}
#gkFooter {background-color: #000; color: #fff; padding: 1px 0;}
#gkFooter a {color: #A6BF30;}
#gkFooterNav {margin: 30px auto 10px auto;}
p.mod-articles-category-readmore {margin: 1em 0 1em;}
.itemSocialSharing {padding: 0;}
.cabeceraresto img {width: 100%;display: block;	max-height: 300px;min-height: 200px;object-fit: cover;transition: all 300ms linear;}
#gkHeaderNav.static #gkTopMenu .redes-sociales {display:none;}
#gkHeaderNav.active #gkTopMenu .redes-sociales {display:block;}
#gkTopMenu .redes-sociales {color: #707070;	margin: 0;	float: right; padding: 20px 10px 0 0;}
#gkTopMenu .redes-sociales a i{width: 30px; height: 30px; font-size: 30px; overflow:hidden; margin-left: 0;}
#gkTopMenu .redes-sociales a i:hover {color: #e41770;}
#gkHeaderMod .btn-video {font-size: 14px;}
#gkHeaderMod .btn-video::before {left: 14px;position: relative;	top: 8px;}
.botonazul.btn-big {background-color: #009ADA; border-radius: 7px;color: #fff;display: block;font-size: 16px;font-weight: bold;height: 50px;line-height: 50px;margin: 0 auto 20px auto;
	text-transform: uppercase;-webkit-transition: all .3s ease-out;	-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;	-o-transition: all .3s ease-out;transition: all .3s ease-out;width: 280px;}
.botonazul.btn-big:hover {background-color: #000;}
button, .button, input.button, span.button, button.button, div.button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, .pager .previous a, .pager .next a, #gkMainbody .itemReadMore, #gkMainbody .readmore > a, .button.invert:active, .button.invert:focus, .button.invert:hover, body #cWindow a.plupload_button, .item-page.edit .btn, .readon {border-bottom: none;}
button:hover, .button:hover {color: #fff;}
#gkFooter a:active, #gkFooter a:focus, #gkFooter a:hover {color: #e41770!important;}
.iralblog {text-align:center; margin:0 auto; clear:both; padding-top:40px;}
section.blog .items-row:nth-child(2) article {border-top: none;	padding-top: 0 !important;}
#gkSidebar .box {width: 100%!important; float:none;}

/* MODULO BLOG */
#gkBottom4 ul.category-module li {display: block; width: 24%; margin-right: 1%; float: left; background: #fff; padding: 30px 20px;height: 510px;}
#gkBottom4 ul.category-module li .mod-articles-category-title {font-size: 20px; color: #009ADA;}
#gkBottom4 ul.category-module p {color: #222;}
#gkBottom4 .button {height: 50px;line-height: 50px;padding: 0 30px;}

/* Modulo agenda */
.contenedoragenda {margin: 0 auto; text-align:center;}
#gkTop1 {background: #eee; padding: 30px 0;}
#gkTop1 h3.header {text-align: center; color: #fff; font-size:56px;}
#gkTop1 h3.header small {font-size: 50%;display: block;	margin-top: 20px;}
#gkTop1 .evento {width: 23%; margin: 0 1% 20px; display:inline-block; text-align: center;}
#gkTop1 .calendar {background: #fff; border-radius: 3px; box-shadow: 0 2px 2px #888; line-height: 1em;
    color: #000; margin: 0.25em auto 10px; padding-top: 5px; position: relative; text-align: center; text-shadow: 0 1px 0 #fff; width: 100%; max-width: 200px;}
#gkTop1 .calendar .fecha {margin: 15px 0 25px;}
#gkTop1 .calendar .lugar {background: #000; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;
    border-top: 1px solid #009ADA; color: #fff; display: block; text-shadow: 0 -1px 0 #00365a; padding: 25px 12px; min-height: 6vh;}
#gkTop1 .calendar .lugar:hover { background: #333; border-top: 1px solid #f1d638;}
#gkTop1 .calendar::before, #gkTop1 .calendar::after {background: #111 none repeat scroll 0 0; border-radius: 10px; box-shadow: 0 1px 1px #fff; content: ""; float: left;
    height: 8px; position: absolute; top: 5px; width: 8px; z-index: 1;}
#gkTop1 .calendar::before {left: 11px;}
#gkTop1 .calendar::after {right: 11px;}
#gkTop1 .calendar .dia {font-size: 3em; line-height: 1.1em;}
#gkTop1 .calendar .lugar::before, #gkTop1 .calendar .lugar::after {background: rgba(0, 0, 0, 0) -moz-linear-gradient(center top , #f1f1f1, #aaa) repeat scroll 0 0;
    border-radius: 2px; content: ""; float: left; height: 14px; position: absolute; top: -5px; width: 4px; z-index: 2;}
#gkTop1 .calendar .lugar::before {left: 13px;}
#gkTop1 .calendar .lugar::after {right: 13px;}

/* AGENDA */
.agenda {margin: 20px 0;}
.agenda .contenedoragenda {overflow: hidden; width: 100%; padding-bottom: 5px; }
.agenda .contenedoragenda:nth-child(odd){background: #eee!important;}
.agenda .contenedoragenda:hover{background: #f1d638!important;}
.agenda .contenedoragenda:first-child{background: #000!important; }
.agenda .contenedoragenda:nth-child(odd)  > div  {color: #009ADA;}
.agenda .contenedoragenda:first-child > div {color:#FFF;}
.agenda .contenedoragenda > div {box-sizing: border-box; padding: 5px 25px 100%; float: left; margin-bottom: -100%;}
.agenda .contenedoragenda .fecha {width: 20%; font-weight: bold;}
.agenda .contenedoragenda .horario {width: 15%;}
.agenda .contenedoragenda .descripciones {width: 45%;}
.agenda .contenedoragenda .localidad {width: 20%; }

.agenda .contenedoragenda-tablet {display: none; padding:10px;}
.agenda .contenedoragenda-tablet {overflow: hidden; padding-bottom: 5px; }
.agenda .contenedoragenda-tablet:nth-child(even){background: #eee!important;}
.agenda .contenedoragenda-tablet:hover{background: #f1d638!important;}
.agenda .contenedoragenda-tablet:nth-child(even)  > div  {color: #009ADA;}
.agenda .contenedoragenda-tablet .fecha {width: 100%; font-weight: bold;}
.agenda .descripciones {width: 100%;}
.agenda .contenedoragenda-tablet .localidad {width: 100%; }
.sinactuaciones {text-align:center; color:#f1d638;}
#gkHeaderNav.active #gkMainMenu {left: auto;right:10px;}

/* REDES SOCIALES */
.gk-social-icons { float: none; margin: 0; text-align: center;}
.gk-social-icons li { display: inline-block; float: none; font-size: 50px; height: 55px; line-height: 50px; width: 44px; border:none!important; overflow:hidden; margin: 0 5px;}
.gk-social-icons li:last-child {width: 50px;}
.gk-social-icons li a {margin:0!important;padding:0!important;background: transparent!important;}
.gk-social-icons li a:hover {background: transparent!important;}
.gk-social-icons li a::before { color: #fff; font-family: FontAwesome; font-size: 50px; text-align: center;}
.gk-social-icons li a:hover::before {color: #009ADA!important;}
.icon-facebook::before { content: "\f082";}
.icon-tw::before { content: "\f081";}
.icon-yb::before { content: "\f166";}
.icon-mail::before { content: "\f0e0";}
.icon-instagram::before { content: "\f16d";}
#gkBottom5 {background: #A6BF30; text-align: center; padding: 20px 0!important;}
#gkBottom5 p {color: #fff; margin: 0; font-size: calc(12px + 0.6vh + 0.6vw);}
#gkBottom5 a {padding: 10px 50px; background: #009ADA; color: #fff!important; transition: all 300ms linear; margin: 20px 0; display: inline-block; border-radius: 10px;}
#gkBottom5 a:hover {background: #000;}

/* COMPONENTES */
.gkNspPM-SpeakersList > figure > a::after {content: " ";}
.gkNspPM-SpeakersList > figure > a::before {background:rgba(0, 188, 242, 0)!important; }

/* Formularios */
#gkMainbody .contacto h1 {text-align: left;}
.contacto p {font-size: calc(12px + 0.2vh + 0.2vw);	line-height: 1.5; margin: 1em 0 1em;}

#contacto input {font-family: "Arsenal",Arial,sans-serif; width: 100%; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px;
	border-radius: 10px;}
#contacto textarea {width: 100%; height: 250px; resize: none; padding: 6px 10px!important; margin-bottom: 10px; border: none; background: #f0f0f0; font-size: 18px; border-radius: 10px;}
.formulario .avisolegal {font-size: 18px!important;}
.formulario .avisolegal input {float: left; margin: 9px 12px 0 5px !important;}
.formulario .avisolegal a {color:#e41770;}
.formulario .avisolegal a:hover {color:#000;}
.formulario #fieldsetCaptcha {float: left;margin: 5px 5px 10px;}
.formulario .submit {float: left;}
.formulario .submit input {	background: #00bcf2;border: none;color: #fff;float: none;height: 75px;margin: 5px 10px 10px;padding: 0 40px;cursor: pointer;}
.formulario .submit input:hover {background: #000;}

/* MODULO DE COOKIES */
#ca_banner {height: 100px;}
#ca_banner .accept { background: #211921; line-height: 20px;text-shadow:none;}
#gkFooter a { color: #5CC1E7;}
#gkFooter a:active, #gkFooter a:focus, #gkFooter a:hover { color: #211921;}
#ca_banner p span { color: #211921;}

#gkMainbody section.blog, #gkMainbody article {padding: 20px 100px;}

/* Media quieries */
@media screen and (max-width:1240px) {
	#gkBottom4 ul.category-module li {width: 23%; margin: 1%;}
	#gkMobileMenu {top:50px;}
	#gkHeaderNav.active #gkMobileMenu {left: 137px;}
	#gkBottom4 ul.category-module li {height: 620px;}	
}
@media screen and (max-width:1040px) {
	#gkHeaderNav.static {height: 120px;}
	.nomobile { display: none!important;}
	.agenda .contenedoragenda {display: none;}
	.agenda .contenedoragenda-tablet {display: block;}
	#gkBottom4 ul.category-module li {height: 790px;}	
}

@media screen and (max-width:840px) {
	#gkLogo.cssLogo {top: 70px;}
	#gkTop1 .evento {width: 100%; margin: 0 0 20px;}
	#gkBottom4 ul.category-module li {width: 48%; margin: 1%;}	
	#gkBottom4 ul.category-module li {height: 480px;}	
	#gkMainbody section.blog, #gkMainbody article {padding: 20px 0px;}
}

@media screen and (max-width:640px) {
	.agenda .contenedoragenda > div {box-sizing: border-box; padding: 5px 25px 100%; float: none; margin-bottom: -100%;}
	.agenda .fecha, .agenda .contenidoagenda {width: 100%;}
	.agenda .contenidoagenda {text-align:center;}
	.agenda .contenidoagenda h2 { font-size: 16px!important;}
	.agenda .fecha .dia { font-size: 40px;}
	.agenda .fecha .mes { font-size: 16px; padding-bottom: 15px;}
	#gkBottom4 ul.category-module li {width: 100%; margin: 3% 0;}
	#gkBottom4.gkSingleModule {padding: 1px 0;}
	.agenda .contenedoragenda > div {box-sizing: border-box; padding: 5px 25px 100%; float: none; margin-bottom: -100%;}
	.agenda .fecha, .agenda .contenidoagenda {width: 100%;}
	.agenda .contenidoagenda {text-align:center;}
	.agenda .contenidoagenda h2 { font-size: 16px!important;}
	.agenda .fecha .dia { font-size: 40px;}
	.agenda .fecha .mes { font-size: 16px; padding-bottom: 15px;}	
	#gkHeaderNav.static #gkMobileMenu {top: 65px;}
	#gkHeaderNav.active #gkMobileMenu {top: 65px;}
	.box.parallax .content, .box.parallax .header {	max-width: none!important;}
	#gkMainbody .box {margin: 0 40px 20px !important;	max-width: none;width: auto;}
	#ca_banner h2{font-size: 12px;}
	#ca_banner p{font-size: 10px;}
	#gkBottom4 ul.category-module li {height: auto;}	
}
@media screen and (max-width:360px) {

	#gkHeaderNav.active #gkMobileMenu {top: 0; left:0;}
}