/* HECHO A MANO POR MAURICIO GONZÁLEZ WWW.CARAMBAMORENO.COM

anaranjado #ff7f57
anaranjado claro #fff2ee

verde #28cb8c
verde claro #D1F2E5

amarillo #fcc305
amarillo claro #fffaea

morado #4d1957
morado claro #ede9ee

gris #191919
*/
@import url("fonts.css");
@media only screen {

	/* portada */
	#portada{z-index: 1500;position: relative;}
	#portadaLogos{height: 75vh; background: url(../img/logosPortada.svg) 50% 50% no-repeat #D1F2E5;background-size: contain;padding-bottom: 10px;position: relative;}

	#portadaLogos h1, #portadaLogos a{text-indent: -9999px;}
	#portadaLogos #logoFototeca{position: absolute; top: 10px; left: 10px; width: 125px; height: 25px;}
	#portadaLogos #logoGuatemala{position: absolute; top: 10px; right: 10px; width: 125px; height: 25px;}
	
	#portadaSlideshow{height: 100vh;position: relative;}
	#portadaSlideshow .slick-slide .credito{display: none;}
	#portadaSlideshow .slick-active .credito{display: block !important;}
	#portadaSlideshow .slick-slide, 
	#portadaSlideshow .slick-slider,
	#portadaSlideshow .slick-track,
	#portadaSlideshow .columns{height: 100%;}
	#portadaSlideshow .slick-slide{background-size: cover !important;background-position-y: top;}
	#portadaSlideshow .slick-slide	.slideInfo{background: #D1F2E5;position: absolute; bottom: 0; left: 0; padding: 20px;max-width: 80%;}
	#portadaSlideshow .slick-slide	.slideInfo h4{width: 120px;}
	#portadaSlideshow .slick-dots{margin: 0 auto; bottom: auto; top: 5px;}
	#portadaSlideshow .slick-dots li button{border: 5px solid black;border-radius: 50%; background: #D1F2E5;}
	#portadaSlideshow .slick-dots li button:before{content: '';}
	#portadaSlideshow .slick-prev:before, 	#portadaSlideshow .slick-next:before{content: '' !important;}
	#portadaSlideshow .slick-prev {left: 0; top: 0; margin-top: 0; z-index: 1000; height: 50px; width: 50px;background: url(../img/izquierda2.svg) 50% 50% no-repeat;}
	#portadaSlideshow .slick-next {right: 0; top: 0; margin-top: 0; z-index: 1000; height: 50px; width: 50px;background: url(../img/derecha2.svg) 50% 50% no-repeat;}
	
	.tres-columnas{
	-webkit-columns: 3;
	   -moz-columns: 3;
	        columns: 3;
    -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;
	}
	.cuatro-columnas{
	-webkit-columns: 4;
	   -moz-columns: 4;
	        columns: 4;
	        -webkit-column-gap: 50px; /* Chrome, Safari, Opera */
    -moz-column-gap: 50px; /* Firefox */
    column-gap: 50px;
	}
		.padding-arriba	{padding-top: 100px;}
		.padding-abajo{padding-bottom: 100px;}
		.no-padding{padding-left:0 !important;padding-right:0 !important; padding-top:0 !important; padding-bottom:0 !important;}
		.padding-arriba.padding-abajo{padding-top: 100px; padding-bottom: 100px;}
		.padding {padding-top: 30px; padding-bottom: 30px;}
		.padding-vertical{padding-top:15px; padding-bottom: 15px;}
		.borde-abajo{border:0 none;border-bottom: 5px solid black;}
		.borde-arriba{border:0 none;border-top: 5px solid black;}
		.borde-abajo.borde-arriba{border:0 none;border-top: 5px solid black;border-bottom: 5px solid black;}
		.read-more{height: 400px;position:relative;overflow:hidden;}
		.read-more:after{content:"continuar leyendo"; position:absolute; bottom:0; left:0;width:100%;text-align:center;background:white;background: url(../img/read-more.png) center bottom no-repeat;background-size: contain; height: 150px; text-indent: -9999px;cursor: pointer;}
  		.read-more.completo:after{content:"";background: none transparent; height: 0; display: none;}
		.read-more.completo{height: auto;max-height: none;}
		
		.animado{-webkit-transition: all 100ms ease-in-out; -moz-transition: all 100ms ease-in-out; -ms-transition: all 100ms ease-in-out; -o-transition: all 100ms ease-in-out; transition: all 100ms ease-in-out;}
		body, p{font-size: 16px; font-family: Palatino;}
		p{letter-spacing: 0.5px;}
		/*p:first-line{font-weight: bold;}*/
		::-moz-selection { color: #fffaea;  background: #28cb8c; }
		::selection      { color: #fffaea;  background: #28cb8c; } 
		a{font-size: 1em;text-decoration: underline; color: black;font-style: italic;}
		a.button, button, input[type="submit"]{letter-spacing: 4px;color: white; background: #4d1957;font-style: normal;}
		a.button.is-checked, button.is-checked{background: #ede9ee;color: black;}
		a.button:hover, button:hover, input[type="submit"]{background: #ede9ee;color: black;}
		/*.side-nav{margin-top: 20%;}
		.side-nav li a:not(.button){text-decoration: none;border-bottom: 3px solid transparent;display: inline-block;}
		.side-nav li a:not(.button):hover{color: #28cb8c !important; border-bottom: 3px solid #28cb8c;background: transparent !important;}*/
		h6, h5, h4, h3, h2, h1, .button, button, input[type="button"]{font-family: "knockout"; text-transform: uppercase; font-weight: 100; letter-spacing: 0.8px; }
		h6{font-size: 1em;line-height: 1.3em;}
		h5{font-size: 1.2em;}
		h4{font-size: 1.3em;line-height: 0.6em;}
		h3{font-size: 1.5em;line-height: 0.9em;}
		h2{font-size: 1.8em; line-height: 0.9em;}
		h1{font-size: 2em;line-height:0.9em;}
		h1 span{font-size: 1.3em; color: #fcc305;line-height: 0.75em;}
		.row.titulo{background: url(../img/barraAmarilla1.svg) -10px 0 no-repeat;margin-top: 30px;}
		.row.titulo h4{margin:40px 0;}
		.row.collapse, .row.medium-collapse{max-width: 900px; width: 100%;}
		.columns.fondo{padding-left: 25px; padding-right: 25px;}
		.blanco.fondo{background-color: white;}
		.morado.fondo{background-color: #4d1957;}
		.morado.fondo.claro{background-color: #ede9ee;}
		.verde.fondo{background-color: #28cb8c;}
		.verde.fondo.claro{background-color: #eafaf3;}
		.amarillo.fondo{background-color: #fcc305;}
		.amarillo.fondo.claro{background-color: #fffaea;}
		.anaranjado.fondo{background-color: #ff7f57;}
		.anaranjado.fondo.claro{background-color: #fff2ee;}
		
		.texto-claro{color: white;}
		
		.padding{padding: 35px !important;}
		.poco-padding{padding: 25px !important;}
		.padding-izquierdo{padding-left: 25px;}
		img[src="img/linea.svg"]{margin: 30px 0;}
		/*.credito {font-size: 0.8em;   height: 200px;position: absolute;   right: 0;   top: 20px;   -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);   width: 200px;  text-decoration: none; cursor: default !important;}
		.credito span{background: #191919;padding: 5px 10px;color: white;letter-spacing: 1px;display: inline-block;}
		img+.credito{top:0}*/
		.credito {font-size: 0.8em;   position: absolute;   right: 0;   bottom: 0;   min-width: 200px;  text-decoration: none; cursor: default !important; height: 25px; text-align: right;}
		.credito span{background: #191919;padding: 5px 10px !important;color: white;letter-spacing: 1px;display: inline-block !important;position: relative !important;font-weight: bold;}
		img+.credito{top:auto;bottom: 0;}
		hr.tiny{border-top: 5px solid black; width: 30px;}
		
		/* MÓDULO GUATEMALA */
		#moduloGuatemala{padding-bottom: 15px; padding-top: 15px; background: #D1F2E5;background-size: 306px;}
		
		/* SPONSORS */
		#sponsors{background: #E6E6E6;}
		#sponsors span{display: inline-block; background: black; font-family: Palatino; font-style: italic; color: white; padding: 5px 10px;font-size: 0.8em; width: auto;clear: both;margin-left: -15px;}
		#sponsors img{margin: 30px auto;}
		
		/* MENU */
		#menuPrincipal{border-radius: 0 0 0 0;box-shadow: 0 0 0 0; border:0 none;background: #ff7f57;z-index: 25000;}
		#menuPrincipal.open{position:fixed;top:0 !important; left:0}
		#menuPrincipal a{font-family: knockout;color: #fffaea;text-decoration: none; font-style: normal; letter-spacing:3px; text-transform: uppercase;font-size: 1.5em;font-weight: 100;}
		#menuPrincipal a:hover{text-decoration: underline;}
		#menuPrincipal li{padding-bottom: 15px;}
				
		.top-bar{z-index: 2000;}
		#menuFixed{position: fixed;width: 100%;top: 0; left: 0;margin: 0 auto;overflow: hidden;height: 50px;background: url(../img/iconoGuatePhoto.svg) 50% 50% no-repeat #D1F2E5;z-index: 1000;background-size: 50px;}
		#menuFixed.abierto, #menuFixed.permanente{height: 50px;display: block;}
		#menuFixed #inicio{text-indent: -9999px; margin: 0 auto; display: block; width: 100px; height: 50px;}
		#menuFixed a#menu{display: block; float: left;width: 100px; height: 50px; line-height: 50px; position: absolute; top: 0;}
			/* FIXED */
			.contain-to-grid.sticky.fixed{border-bottom: 1px solid #f4f4f4;}
			.contain-to-grid.sticky.fixed #iconoGuatephoto2{height: 6vh;}
			.contain-to-grid.sticky.fixed .top-bar-section ul li > a{height: 6vh !important; line-height: 6vh !important;}
			
		#menu li{text-align: center;}
		#menu a{font-family: "knockout";color: black; text-decoration: none; height: 40px; line-height: 50%;letter-spacing: 2px;text-transform: uppercase;}
		#menu a.disabled{color: gray;cursor: default;}
		#menu a:hover{text-decoration: underline;}
		#menu a.disabled:hover{text-decoration: none;}
		
		/* EXPO */
		/*#contenido-expo{padding-top: 70px;}*/
		body#expoSingular, body#circuitoSingular, body#circuitos, body#expoSingularCompleta{padding-top: 50px;}
		#contenido-expo h1{margin: 30px auto 15px;}
		
		.tituloCircuito a{background: #4d1957;color: white;text-indent: 0 !important;line-height: 100%;font-family: knockout;font-weight: normal !important;font-style: normal;text-transform: uppercase;letter-spacing: 2px;text-align: center;padding: 30% 15px;}
		
		/* CIRCUITO */
		/*#portada-circuito{padding-top: 50px;}*/
		#titulo-circuito h3{color: #ff7f57;margin-bottom: 5px; }
		#titulo-circuito h1{/*width:200px;*/margin-top: 0;}
		#contenido-circuito h5{color: #4d1957;}
		#contenido-circuito h5 span{color: #ff7f57;}
		  
  		/* LOCACIONES */
  		#locaciones{background: #fff1cc;}
		#locaciones ul{}
		.sede span{display: inline-block;}
		.sede .numero{display:block;background: #ff7f57;color: white;width: 25px; height: 25px; border-radius: 50%;clear: both;text-align: center;margin-bottom: 5px;font-family: "knockout";}
		.sede .nombre{font-weight: bold; }
		
		/* NAVEGACIÓN DE EXPOS */
		#expoSingularCompleta #navegacion-expos, #circuitoSingularCompleta #navegacion-expos, #expoSingular #navegacion-expos, #circuitoSingular #navegacion-expos{margin:30px auto 0;}
		
		#navegacion-expos ul{margin:0;}		
		#navegacion-expos li{padding:0; padding-top: 33.3333%;height: 0;position: relative;background-size: cover !important;overflow: hidden;}		
		#navegacion-expos li a:link{position: absolute; top: 0; left: 0;width: 100%; height: 100%;display: block; text-indent: -9999px;border:5px solid transparent;border-color: white;text-decoration: none;border:0px solid white;text-decoration: none;}
		#navegacion-expos li a:visited{border:20px solid #fcc305;border-color:#fcc305;width: 100% !important; height: 100% !important; top: 0 !important; left: 0 !important;}
		#navegacion-expos li a:hover h6{text-indent: 0; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.8); color: white;margin: 0 auto;padding: 15px;text-decoration: none;word-wrap:break-word;}
		#navegacion-expos #anteriorCircuito a{background:#ede9ee;color: #4d1957;}
		
		/* LOGOS */
		#logos{height: 75px;margin-top: 15px;}
		#logos a{display: inline-block; text-indent: -9999px;float: left;height: 40px !important;width: 50%;}
		#logos #logoLaFototeca{background: url(../img/logoFototeca.svg) 50% 50% no-repeat; display: block;}
		#logos #logoGuatemala{background: url(../img/logoGuatemala.svg) 50% 50% no-repeat; display: block;}

		/* SUSCRIBE */
		#suscribe{padding: 25px 0; text-align: center;}	
		#suscribe h6{margin: 20px 0;}
		#suscribe input[type="email"]{border:2px solid black;margin-bottom: 0;height: 48px;}
		#suscribe input[type="submit"]{background: black;margin-bottom: 0;border-bottom: 4px solid black;}
		
		/* SLICK */
		.slick-slider, .slick-slide, .slick-list, .slick-track{height: 100%;}
		.slick{margin: 0;}
		.slick-slide{position: relative;}
		.slick-slide span{position: absolute; top: 0; left: 0; bottom:auto; right: auto; padding: 2px 10px; background: #191919; font-size: 0.8em;width: auto; height: auto; display: block;color: white;}
		
		/* LANGUAGE */
		#lang {position: fixed;right: 0;top: 0;z-index: 3;padding: 2px 8px;}
		#lang a{color:black;}
		
		/* AGENDA 
		.dia {}
		.actividad{padding-left:70px !important;color:#4d1957;}
		.actividad .titulo{color:#ff7f57;font-weight:bold;}
		.actividad .participantes{font-size: 0.85em;}
		.actividad .datos, .actividad .precio{font-size: 0.8em;}		
		.actividad .precio, .actividad .inscribete{display: none !important;}
		.actividad.taller .precio, .actividad.revision .precio{display: block !important;}
		.actividad.taller .inscribete, .actividad.revision .inscribete{display: inline-block !important;}

		.actividad.charla{background: url(../img/icono-charla.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.inauguracion{background: url(../img/icono-inauguracion.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.revision{background: url(../img/icono-revision.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.exposicion{background: url(../img/icono-exposicion.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.taller{background: url(../img/icono-taller.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.premiacion{background: url(../img/icono-premiacion.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.transmetro{background: url(../img/icono-transmetro.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.rally{background: url(../img/icono-rally.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.bicitour{background: url(../img/icono-bicitour.svg) -15px -15px no-repeat; background-size:80px;}
		.actividad.foodtruck{background: url(../img/icono-foodtruck.svg) -15px -15px no-repeat; background-size:80px;}
		
		.actividad span{display:block;line-height:1.3em;}
		.actividad a.inscribete{border:2px solid; display:inline-block;padding:2px 6px;font-size:0.8em; letter-spacing:0.8px; font-style:italic;font-weight:bold;text-decoration: none;margin-top:10px;}
		.actividad a:hover{color: #ff7f57;}
		.actividad a.twitter, .actividad a.facebook{display:block;text-indent:-9999px; width:25px; height:25px; border-radius:50%;background:black;float:right;margin:10px 5px;}
  		.actividad a.twitter{background: url(../img/icono-tw.svg) 50% 50% no-repeat;background-size: 90%;}
  		.actividad a.facebook{background: url(../img/icono-fb.svg) 50% 50% no-repeat;background-size: 90%;} */
  		
		/* AMBOS */
		.scroll{position: absolute; top: 0px; right: 15px; width: 30px;z-index: 20000;}
		.horizontal-scroll-mueble{overflow-x: scroll;margin-top: 30px;}
		.horizontal-scroll-gabeta{overflow: visible;white-space: nowrap; margin-left: 0; margin-bottom: 0;}
		.horizontal-scroll-gabeta li{display: inline-block;border-right:0;padding: 15px;width: 200px; height: 375px; overflow: hidden;}
		.horizontal-scroll-gabeta li:last-child{margin-right: 100px;border-right: 1px solid #f3f3f3;}
		.actividad {color:#4d1957;white-space: normal;padding-left: 7px;padding-top:70px !important;padding-right: 7px; position: relative;padding-bottom: 50px;border: 1px solid #f3f3f3;}
		.horizontal-scroll-gabeta li.dia h5{height: 375px; line-height: 330px;}
		.horizontal-scroll-gabeta li.dia{background:#f3f3f3; line-height: 375px; text-align: center;}
		
			.actividad .titulo{color:#ff7f57;font-weight:bold;}
			.actividad .participantes{font-size: 0.85em;}
			.actividad .datos, .actividad .precio{font-size: 0.8em;}		
			.actividad .precio, .actividad .inscribete{display: none !important;}
			.actividad.taller .precio, .actividad.revision .precio{display: block !important;}
			.actividad.taller .inscribete, .actividad.revision .inscribete{display: block !important;position: absolute; bottom: 15px; left: 15px;}
			
			.actividad span{display:block;line-height:1.3em;}
			.actividad a.inscribete{border:2px solid; display:inline-block;padding:2px 6px;font-size:0.8em; letter-spacing:0.8px; font-style:italic;font-weight:bold;text-decoration: none;margin-top:10px;}
			.actividad a:hover{color: #ff7f57;}
			.actividad a.twitter, .actividad a.facebook{display:block;text-indent:-9999px; width:25px; height:25px; border-radius:50%;background:black;float:right;position: absolute; bottom: 13px;}
			.actividad a.twitter{background: url(../img/icono-fb.svg) 50% 50% no-repeat;background-size: 90%;right: 15px;}
			.actividad a.facebook{background: url(../img/icono-tw.svg) 50% 50% no-repeat;background-size: 90%;right: 45px;}

			.actividad.charla{background: url(../img/icono-charla.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.inauguracion{background: url(../img/icono-inauguracion.svg) 5px 0px no-repeat #fffaea; background-size:80px;}
			.actividad.revision{background: url(../img/icono-revision.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.exposicion{background: url(../img/icono-exposicion.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.taller{background: url(../img/icono-taller.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.premiacion{background: url(../img/icono-premiacion.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.transmetro{background: url(../img/icono-transmetro.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.rally{background: url(../img/icono-rally.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.bicitour{background: url(../img/icono-bicitour.svg) 5px 0px no-repeat; background-size:80px;}
			.actividad.foodtruck{background: url(../img/icono-foodtruck.svg) 5px 0px no-repeat; background-size:80px;}
				
		#moduloAgenda, #componenteAgenda {padding: 30px 0;position: relative;}
		#moduloAgenda.row::before {
  background: rgba(0, 0, 0, 0) url("../img/gradienteBlanco.png") repeat-y scroll 50% 50% / contain ; content: ""; height: 500px; position: absolute; right: 0; top: 0; width: 100px; z-index: 1000; }
		
		/* MODULO */
		_::-moz-svg-foreign-content, :root #moduloAgenda {display: none;} /* HACK PARA ESCONDER EN SAFARI POR ESPACIOS RAROS */
		
		/* COMPONENTE 
		#componenteAgenda ul{}
		#componenteAgenda li{display: inline-block;padding: 70px 15px;position: relative;border: 1px solid #f3f3f3;}
		#componenteAgenda .dia{padding: 15px 0; border: 0 none; text-align: center;width: 25%;}*/
		.grid{margin-left: 0;}
		.grid .actividad{height: 375px;}
		.grid .dia{background: #f3f3f3;}
		.grid .dia h5{color: #4d1957; line-height: 375px; text-align: center;height: 375px;display: block;}
		.grid .dia h5 span{color: #ff7f57;}

		/* FORM */
		#suscribeMailchimp{background: #fff2ee;}
		#suscribeMailchimp form{margin-top: 12.5px;}
		#suscribeMailchimp p{margin-bottom: 0;}
		#suscribeMailchimp input{height: 52px;margin-bottom: 0;}
		#suscribeMailchimp input[type="submit"]{background: #4d1957; color: white;}
		#suscribeMailchimp input[type="submit"]:hover{background: #ede9ee; color: black;}
		
		/* CONTACTO */
		#contacto{background: #28cb8c;position: relative;padding: 30px 20px;}
		#contacto img{width: 100%;}
		#contacto .small-block-grid-1 li{padding-bottom: 0;}
		#infocontacto{margin-bottom: 30px;}
		
		/* BANNER GUATEMALA 2*/
		#bannerGuatemala2{background: #D1F2E5; padding: 30px;border-top: 5px solid black;}
		#bannerGuatemala2 img{max-height: 40px;}
		#bannerGuatemala2 h4{color: #4d1957;}

	/* ---- isotope ---- */
	/* clear fix */
	.grid:after { content: ''; display: block; clear: both;}
	
	/* ---- .element-item ---- */
	.element-item { position: relative; float: left; width: 50%; overflow: hidden;}
	.element-item > * { margin: 0; padding: 0;}
	#moduloAgenda{display: none;}
	/* AGENDA  
	#agendaCompleta #actividades ul{-webkit-columns: 100px 4; -moz-columns: 100px 4; columns: 100px 4;}*/
	#agendaCompleta #actividades li{display: block;padding: 70px 15px;position: relative;border: 1px solid #f3f3f3;height: 370px;}
	#agendaCompleta #actividades .dia{padding: 15px 0; border: 0 none; text-align: center;height: auto;width: 50%;}
	
	/* GALERIA */
	#gridGaleria a{height: 100px;}
	#gridGaleriaFoto h3{margin-top: 75px;}	
	#gridGaleriaFoto h3, #gridGaleriaVideo h3{margin-bottom: 20px;}
	

 } /* Define mobile styles */ 
@media only screen and (max-width: 40em) { } /* max-width 640px, mobile-only styles, use when QAing mobile issues */

 /* MEDIANO */ 
@media only screen and (min-width: 40.063em) {

		h6, h5, h4, h3, h2, h1, .button, button, input[type="button"]{font-family: "knockout"; text-transform: uppercase; font-weight: 100; letter-spacing: 0.8px; }
		h6{font-size: 1em;line-height: 0.9em;}
		h5{font-size: 1.36em;line-height: 0.95em;}
		h4{font-size: 1.46em;line-height: 1.2em;letter-spacing: 1px;}
		h3{font-size: 2em;line-height: 0.9em;}
		h2{font-size: 2.64em; line-height: 0.9em;}
		h1{font-size: 3.56875em;line-height:0.9em;letter-spacing: 2px;}
		h1 span{font-size: 1.3em; color: #fcc305;line-height: 0.75em;}
				
		.row.collapse, .row{max-width:900px;}
	
		/* PORTADA */
		#portadaSlideshow{padding-bottom: 0px !important;margin-top: 0%;height: 80vh;position: relative;max-height: 600px;}		
		#portadaSlideshow .slick-slide{background-size: cover !important;background-position-y: top;}
		
		/* SPONSORS */
		#sponsors{background: white;}

		/* MENU */
		#menu{height: 100vh;}
		#menu>.row{height: 88vh;}
		#menu #logos{height: 12vh;margin-top: 0;}
		#menu h6{margin-top: 8vh;}
		#iconoGuatephoto2{position: absolute; top: 0; left: 50%; height: 10vh;background: url(../img/iconoGuatePhoto2.svg) 50% 50% no-repeat;width: 90px;text-indent: -9999px;margin-left: -45px;}

			/* RESET TOP BAR COLORS */
			.top-bar, .contain-to-grid{background: white;color: black;}
			.top-bar a{background: white;color: black;}
			.top-bar-section ul li{background: white;color: black;}			
			.top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button){background: white;color: black;}
			.top-bar-section li.active:not(.has-form) a:hover:not(.button), .top-bar-section li:not(.has-form) a:hover:not(.button){background: none transparent;color: blue;}
			.top-bar-section ul li > a{font-family: inherit;font-style: normal; text-decoration: none;}
			/* ESTILOS PROPIOS */
			.top-bar-section ul li > a{font-family: knockout;font-style: normal; text-decoration: none; font-size: 14px; letter-spacing: 3.5px;height: 10vh; line-height: 10vh !important;}
			.top-bar-section li:not(.has-form) a:hover:not(.button){background: none transparent;color: #28cb8c;}

		/* MAPA */
		.row#mapa{background: url(../img/mapa.svg) 50% 85% no-repeat #f4f4f4;height: 75vh;max-height:600px;background-size: 110%;padding: 15px;}
		#mapa h4{color:#4d1957;}
		#mapa #logosFototecaGuatemala{font-size: 0.8em;}
		#mapa #logosFototecaGuatemala span{display:block;margin-bottom: 5px;}		
			
		/* NAVEGACIÓN DE LAS EXPOS */
		#navegacion-expos li{padding:0; padding-top: 16.665%;height: 0;position: relative;background-size: cover !important;}
		
		/* SUSCRIBE */
		#suscribe{padding: 15px 0; position: relative; z-index: 50;}
		#suscribe h6{margin: 15px 0;}
		
		/* PORTADA */
		#portadaLogos{height: 0vh; background:none; background-size: contain;padding-bottom: 10px;position: relative;}
	
		/* CIRCUITOS */
		#mapa-circuitos-completos{background:#f3f3f3;overflow: hidden;}
		#mapa-circuitos-completos h5{background:#f3f3f3;width: 130px;position: absolute; z-index: 2;}		
		#mapa-circuitos-completos svg{position: relative; z-index: 1;}
		#mapa-circuitos-completos img{position: absolute; top: 0; width: 100%;height: auto;left: 0;z-index: 0;}
		#antigua{position: absolute; top: 10px; right: 15px;text-align: right;}
		#guate{position: absolute; top: 10px; left: 15px;}
		#mapa-circuitos-completos .circuito{cursor: pointer;}
		#mapa-circuitos-completos .circuito:hover path{fill:black;}
		#mapa-circuitos-completos .circuito:hover rect{fill:#fcc305;}
		
		/* DESCARGAS */
		#descargas li{height: 25%;}
		#descargas li a{display: block;background: url(../img/icono-descarga.png) left top no-repeat ;padding-left: 45px;min-height: 30px;}
		
		/* ---- isotope ---- */
	/* clear fix */
	.grid:after { content: ''; display: block; clear: both;}
	
	/* ---- .element-item ---- */
	.element-item { position: relative; float: left; width: 25%; overflow: hidden;}
	.element-item > * { margin: 0; padding: 0;}
	#moduloAgenda{display: none;}
	/* AGENDA  
	#agendaCompleta #actividades ul{-webkit-columns: 100px 4; -moz-columns: 100px 4; columns: 100px 4;}*/
	#agendaCompleta #actividades li{display: block;padding: 70px 15px;position: relative;border: 1px solid #f3f3f3;height: 370px;}
	#agendaCompleta #actividades .dia{padding: 15px 0; border: 0 none; text-align: center;height: auto;width: 25%;}

	.actividad{padding-left: 15px; padding-right: 15px;}
	
	/*-- EXPO --*/
	.slick-slide .itemExpoCompleta{height: 525px;margin:0 2.5px;background: url(../img/loading.gif) 50% 50% no-repeat;}
	.slick-slide:focus{outline: 0;}
	.slideshow-horizontal{margin-left: 0px;}
	.slick-prev{background:url(../img/derecha2.svg) 50% 50% no-repeat transparent !important;background-size: contain !important;}
	.slick-next{background:url(../img/izquierda2.svg) 50% 50% no-repeat transparent !important;background-size: contain !important;}	
	.slick-prev:before, .slick-next:before{content: ''; display: none;}	
 } /* min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) { } /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* LARGE */ 
@media only screen and (min-width: 64.063em) {
		
		body, p{font-size: 14px; font-family: Palatino;}
		.row.titulo {background:none;}
		.row.collapse, .row{max-width:900px;}
							
		/* MENU */
		#menu h6{max-width: 195px;margin-bottom: 5vh;}
		#menu a{font-size:0.8em; line-height: 20px;}
		#logos #logoLaFototeca{background-size: 130px;}
		#logos #logoGuatemala{background-size: 160px;}
		
		/* PORTADA */
		#portadaSlideshow{padding-bottom: 0px !important;margin-top: 7%;max-height: 650px;}
		
		#mapa{max-height: 650px;}
		
} /* min-width 1025px, large screens */ 
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLARGE */ 
@media only screen and (min-width: 90.063em) {
		.row.collapse, .row{max-width:1200px;}
		h6, h5, h4, h3, h2, h1, .button, button, input[type="button"]{font-family: "knockout"; text-transform: uppercase; font-weight: 100; letter-spacing: 0.8px; }
		h6{font-size: 1em;line-height: 0.9em;}
		h5{font-size: 1.36em;line-height: 0.95em;}
		h4{font-size: 1.46em;line-height: 1.2em;letter-spacing: 1px;}
		h3{font-size: 2em;line-height: 0.9em;}
		h2{font-size: 2.64em; line-height: 0.9em;}
		h1{font-size: 3.56875em;line-height:0.9em;letter-spacing: 2px;}
		h1 span{font-size: 1.3em; color: #fcc305;line-height: 0.75em;}

		/* PORTADA */
		#portadaSlideshow{padding-bottom: 0px !important;margin-top: 7%;max-height: 850px;}
					
 } /* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLARGE */ 
@media only screen and (min-width: 120.063em) {} /* min-width 1921px, xxlarge screens */