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

anaranjado #ff7f57
anaranjado claro #fff2ee

verde #28cb8c
verde claro #eafaf3

amarillo #fcc305
amarillo claro #fffaea

morado #4d1957
morado claro #ede9ee

gris #191919
*/
@import url("fonts.css");
@media only screen {
		body, p{font-size: 13px; font-family: Palatino;}
		p{letter-spacing: 0.7px;}
		p:first-line{font-weight: bold;}
		li p:first-line, p.normal:first-line{font-weight: normal;}
		::-moz-selection { color: #fffaea;  background: #28cb8c; }
		::selection      { color: #fffaea;  background: #28cb8c; } 
		a{font-size: 0.867em;text-decoration: underline; color: #28cb8c;}
		a.button, button{letter-spacing: 4px;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"], .side-nav a{font-family: "knockout"; text-transform: uppercase; font-weight: 100; letter-spacing: 3px; }
		h6{font-size: 1.5em;line-height: 1.3em;}
		h5{font-size: 1.566em;border-bottom: 5px solid; display: inline-block;}
		h4{font-size: 1.852em;line-height: 0.9em;}
		h3{font-size: 2.709em;line-height: 1em;}
		h2{font-size: 3.352em;}
		h1{font-size: 4.424em;line-height:0.85em;}
		
		.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: 100%; 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;}
		.fondoFrijol{background: url("../img/AlessandroPazzetti/AlessandroPazzettiLarge.jpg") 50% 50% repeat-y #fcc305;background-attachment: fixed;background-size: cover;}
		.fondoAna{background: url("../img/AnaWerren/AnaWerrenLarge.jpg") 50% 50% no-repeat #4d1957; background-attachment: fixed;background-size: cover;}
		.fondoMuneco{background: url(../img/AnaWerren/AnaWerrenMuneco.png) 50% 50% no-repeat; background-color: #eafaf3;background-attachment: fixed;background-size: auto;}
		.fondoPlanta{background: url(../img/planta.png) 50% 30% no-repeat; background-color: #fcc305;background-attachment: fixed;background-size: 50%;}
		
		.padding{padding: 35px !important;}
		.poco-padding{padding: 25px !important;}
		.padding-izquierdo{padding-left: 25px;}
		.row.collapse .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;}
		
		hr.tiny{border-top: 5px solid black; width: 30px;}
		
		/* PORTADA */
		#portada{background-color: #28cb8c; height: 80vh;background-size: 200%;background-repeat: no-repeat; background-position: 80% -80px;}
		#portada .columns{background: url(../img/logoGuatePhotoReporte.svg) 50% 100% no-repeat; height: 230px;margin-top: 20vh;background-size: 80%;}
		#botonReporte{background: #28cb8c;height: 20vh;}
		.slick.estadisticas h6{color: #eafaf3; text-align: center;}
		#portada .slick-slider{height: auto;}
		
		h6#winners{background: url(../img/barraAmarilla1.svg) 50% 0 no-repeat, url(../img/barraAmarilla2.svg) 50% 100% no-repeat;padding: 25px 0;display: block;margin: 30px auto;text-align: center; max-width: 200px;background-size: 110%;}	
		
		/* MENU */
		#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;}
		
		/*	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;}

		/* MAIN SPONSORS */
		#mainSponsors{background: url(../img/sponsorsMobile.svg) 50% 100% no-repeat; height: 100vh; background-size:50% !important;padding-top: 40px;margin-bottom: 40px;}

		/* 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;}
		
		/* JURADO */
		#jurado .tabs{margin: 0;}
		#jurado .tabs-content{margin-bottom: 0;padding-right: 80px;height: 200px;}
		#jurado .tab-title{height: 33.3333%;text-indent: -99999px;padding: 0;overflow: hidden;float: right;min-height:250px;}
		#jurado .tabs .tab-title > a{height: 100%;background-size: cover; -webkit-transition: all 70ms ease-out; -moz-transition: all 70ms ease-out; -ms-transition: all 70ms ease-out; -o-transition: all 70ms ease-out; transition: all 70ms ease-out;}
		#jurado .tabs .tab-title > a:hover{height: 110%;background-size: cover;}
		#jurado .tabs .tab-title.active a{border: 5px solid black;}
		#jurado h5{border-bottom: 5px solid; display: inline-block; margin-bottom: 45px;}
		
		#claradetezanos{background: url(../img/jurado/ClaradeTezanos.jpg) 50% 50% no-repeat;}
		#juanjoseestrada{background: url(../img/jurado/JuanJoseEstrada.jpg) 50% 50% no-repeat;}
		#luisgonzalezpalma{background: url(../img/jurado/LuisGonzalezPalma.jpg) 50% 50% no-repeat;}
		#juanbrenner{background: url(../img/jurado/JuanBrenner.jpg) 50% 50% no-repeat;}
		#andresasturias{background: url(../img/jurado/AndresAsturias.jpg) 50% 50% no-repeat;}
			
		#jurado .tab-title{min-height:75px;height: 50%; max-height: 50%;}
		#jurado .tabs{height: 200px;}
		#jurado .tabs dd > a, #jurado .tabs .tab-title > a{padding: 3rem 2rem;}
		#jurado .tabs .tab-title.active a{padding: 2.69rem 2rem;}	
		#jurado .tabs-content{padding-right: 0;}
		
		/* PRIZES */
		#porfolioWinner{background: url(../img/iconoPortafolio.svg) 15px 0 no-repeat;padding-top:60px;margin-bottom: 40px;}
		#photobookWinner{background: url(../img/iconoFotolibro.svg) 15px 0 no-repeat;padding-top:65px;margin-bottom: 40px;}
		
		/* CONTACT */
		#contact{padding-top:25px;padding-bottom:15px;}

		/* EDITORS PICK */
		#editorsPick .slick-slider, #editorsPick .slick-slide, #editorsPick .slick-list, #editorsPick .slick-track{height: auto;}
		.slick-slide span{position: absolute; top: auto; left: auto; right: 0; bottom: 0; padding: 2px 10px; background: #191919; font-size: 0.8em;width: auto; height: auto; display: block;color: white;}
		
		#social .iconosSociales{margin-bottom: 0;padding: 25px 0;}
		#social .iconosSociales li{height: 30px; width: 30px;}
		#social a{background: url(../img/social.png) 0 0 no-repeat; text-indent: -9999px;display: block; height: 100%;background-size: cover;}
		#social a#tw{background-position: -159px 0;}
		#social a#fb{background-position: -78px 0;}
		
		/* REPORTE */
		h4#countdown{font-size: 15vw;margin-bottom: 40px;}
		.reporte #winners{margin-bottom: 20px;}
		.reporte .row.titulo{background: none;}
		#totalSubmissions{background: url(../img/estadisticas1.svg) 50% 100% no-repeat;background-size: 90%;height: 290px;}
		#rotate{padding-top: 200px !important; background: url(../img/rotar.png) 50% 25% no-repeat #fcc305;}
		#estadisticas2{background: url(../img/estadisticas3.svg) 50% 0 no-repeat; background-size: 90%;padding-top: 500px !important;}
		#sponsors .columns{background: url(../img/sponsorsMobile.svg) 50% 30px no-repeat;height: 640px; background-size: 60%;}
		.reporte #logos {margin-top: 50px;height: 170px;}
		.reporte #logos a{margin: 0 auto; float: none; width: 80%;background-size: 60% !important;height: 50px !important;}
		.reporte #menu{padding: 50px 0 300px;background:url(../img/logoGuatePhotoReporte2.svg) 50% 90% no-repeat;}
		.reporte #portadaWrapper{position: relative; top: 0; left: 0;}

		/* LANGUAGE */
		#lang {position: fixed;right: 0;top: 0;z-index: 3;padding: 2px 8px;}
		#lang a{color:black;}
 } /* 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) {
		/* REPORTE */
		#mapaReporte{background: url(../img/mapaReporte.png) 50% bottom no-repeat #28cb8c !important; height: 115vh;z-index: 1000;position: relative;border-top: 5px solid #fcc305; border-bottom: 5px solid #fcc305;}
		#logoFondoVerde{background: url(../img/logoGuatePhotoReporte.svg) center bottom no-repeat;min-height: 270px;margin-top: 30px;}
		#logoFondoVerde .slick-slider{margin-bottom: 0;}
		body.reporte #suscribe h6{font-size: 16px;}
		
		#menuReporte {background: #eafaf3;min-height: 100vh;position: fixed;top: 0; left: 0;}
		#menuReporte ul{padding-top: 10vh;}
		#menuReporte li{text-align: center;}
		#menuReporte a{font-family: "knockout";color: black; text-decoration: none; height: 40px; line-height: 50%;letter-spacing: 2px;text-transform: uppercase;}
		#menuReporte a.disabled{color: gray;cursor: default;}
		#menuReporte a:hover{text-decoration: underline;}
		#menuReporte a.disabled:hover{text-decoration: none;}
		.reporte .slick.estadisticas h6{line-height: 15px; font-size: 15px;}
		.reporte .slick.winners{margin-bottom: 0;}
		.reporte #logos{ height: 70px;}
		.reporte #mainSponsors{height: 210px;}
		.reporte #logos a{display: inline-block !important; width: 300px;}
		
		.estadisticas h2 {line-height: 40px; margin: 0;}
		.estadisticas h2 + h6{margin-bottom: 30px;}
		.estadisticas .aplicaciones{margin: 0;}
		.estadisticas .aplicaciones li{background: #eafaf3;width: 8px; height: 8px; margin: 2px; display: inline-block; border-radius: 15px;}
			.aplicaciones li.portfolio{background: #28cb8c !important; }
			.aplicaciones li.book{background: #ff7f57 !important; }
		.estadisticas .leyenda {padding-top: 20px;background: url(../img/barraNegra.svg) -50px top no-repeat;}
		.estadisticas .leyenda h6{line-height: 15px; font-size: 15px;}
		.estadisticas .leyenda .portfolio{color: #28cb8c; }
		.estadisticas .leyenda .book{color: #ff7f57;}
		.estadisticas .leyenda .leyendaAplicaciones{float: right;min-width: 190px;margin-top: -50px;}
		.estadisticas .leyenda .leyendaAplicaciones div:not(".item"){float: right;}
		.estadisticas .leyenda .leyendaAplicaciones .item{display: block; width: 8px; height: 8px; background: black; border-radius: 8px; float: left; margin: 7px;}
		.estadisticas + .estadisticas {margin-top: 30px;}
		.estadisticas #paisesParticipantes2{margin:0;}
		.estadisticas #paisesParticipantes2 h6{line-height: 15px; font-size: 15px;}
		.estadisticas #paisesParticipantes2 li{display: block;}
		.estadisticas #paisesParticipantes1{margin:0;}
		.estadisticas #paisesParticipantes1 li{display: block;background: url(../img/barraEstadisticasPais.png) left center no-repeat; width: 100%;height: 22.7px;}
		.estadisticas #paisesParticipantes1 li.usa{background-position: -488px center;}
		.estadisticas #paisesParticipantes1 li.gua{background-position: -369px center;}
		.estadisticas #paisesParticipantes1 li.esp{background-position: -354px center;}
		.estadisticas #paisesParticipantes1 li.mex{background-position: -324px center;}
		.estadisticas #paisesParticipantes1 li.arg{background-position: -294px center;}
		.estadisticas #paisesParticipantes1 li.bra{background-position: -279px center;}
		.estadisticas #paisesParticipantes1 li.ita{background-position: -264px center;}
		.estadisticas #paisesParticipantes1 li.uk{background-position: -264px center;}
		.estadisticas #paisesParticipantes1 li.ger{background-position: -264px center;}
		.estadisticas #paisesParticipantes1 li.fra{background-position: -264px center;}
		
		
		
		/* PORTADA */
		#portadaWrapper{position: fixed; top: 0; left: 0;}
		#portada {height: 88vh;}
		#portada .columns{height: 240px;margin-top: 30vh;}
		#botonReporte{height: 12vh;}
		
		/* MENU */
		#menu{height: 100vh;}
		#menu>.row{height: 88vh;}
		#menu #logos{height: 12vh;margin-top: 0;}
		#menu h6{margin-top: 8vh;}
		
		/* MAIN SPONSORS */
		#mainSponsors{background: url(../img/sponsors.svg) 50% 100% no-repeat; height: 260px; background-size:90% !important;padding-top: 40px;margin-bottom: 40px;}

		/* SUSCRIBE */
		#suscribe{padding: 15px 0; position: relative; z-index: 50;}
		#suscribe h6{margin: 15px 0;}
					
		/* TITULOS */
		.row.titulo {background:none;}
		.row.titulo > .columns{background: url(../img/barraAmarilla1.svg) -10px 0 no-repeat;margin-top: 30px;}
		.row.titulo h4{margin:40px 0;}
		
		/* PRIZES */
		#porfolioWinner{background: url(../img/iconoPortafolio.svg) 90% 50% no-repeat;padding-top: 0;}
		#photobookWinner{background: url(../img/iconoFotolibro.svg) 90% 50% no-repeat;padding-top: 0;}

		/* EDITORS PICK */
		#editorsPick #slideshow{padding: 0; text-align: right;}
		#editorsPick #slideshow img{float: right;}
		
		/* REPORTE */
		.reporte h4#countdown{font-size: 5vw;}
		.reporte h6#winners{margin-top: 0;}
		.reporte #portada .columns{margin-top: 50px;height: 230px;}
		.reporte #portada {background-size: 70%;background-position: 50% 50%;border:10px yellow;}
		.reporte #menu{background-position: 50% 70px;padding: 300px 0 0 !important;background-size: 60%;}
		.reporte #totalSubmissions{background-position: 50% 50px;background-size: 100%;}
		
		/* SPONSORS */
		#nuevosSponsors{margin-top: 30px;}
		#mediaSponsorsWrapper{height: auto;}
		#mediaSponsorsWrapper .columns{height:130px; background-color: white;}
		#mediaSponsorsWrapper span{position: absolute; top: 0; left: 0; background: #191919; display: block;padding: 2px 5px;color: white;font-size:0.7rem;z-index: 1000;}
		
			/* ANIMACIÓN* */
			#mediaSponsorsWrapper #colaboradores,	#mediaSponsorsWrapper #mediaPartners{
				animation: animatedBackground 200s linear infinite;
				-moz-animation: animatedBackground 200s linear infinite;
				-webkit-animation: animatedBackground 200s linear infinite;
				-ms-animation: animatedBackground 200s linear infinite;
				-o-animation: animatedBackground 200s linear infinite;
				transform: translate3d(0,0,0);}
		
		#mediaSponsorsWrapper #mediaSponsors{background-image: url(../img/sponsors/mediaSponsors.jpg); background-position:left top !important; background-repeat: no-repeat;background-color: transparent; animation:none;}
		#mediaSponsorsWrapper #colaboradores{background: url(../img/sponsors/colaboradores.jpg) left top no-repeat !important;background-color: transparent;	position: relative;}
		#mediaSponsorsWrapper #colaboradores #moviendose{background: url(../img/sponsors/colaboradoresQuieto.jpg); background-position: left top !important; background-repeat: no-repeat;background-color: transparent;position: absolute;width: 520px; height: 100%;top:0; left: 0;}
		#mediaSponsorsWrapper #mediaPartners{background-image: url(../img/sponsors/mediaPartners.jpg); background-position:left center !important; background-repeat: repeat-x;position: relative;}
		
		@keyframes animatedBackground {0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } }
		@-moz-keyframes animatedBackground {0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } }
		@-webkit-keyframes animatedBackground {0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } }
		@-ms-keyframes animatedBackground {0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } }
		@-o-keyframes animatedBackground {0% { background-position: 0 50%; } 100% { background-position: 100% 50%; } }
	
 } /* 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;}
			
		/* PORTADA */
		#portada{background-position: 80% -210px;}
		#portada .columns{height: 290px;}
		
		/* 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;}
		
		/* SOCIAL */
		#social .iconosSociales li{height: 20px; width: 20px;}
		#social a#tw{background-position: -105px 0;}
		#social a#fb{background-position: -53px 0;}
} /* 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) {
		/* PORTADA */
		#portada {background-position: 80% 0;background-size: 150%;}
		#portada .columns{background-size: 65%; height: 320px;}
		.row.xlarge {max-width: 90.0625em;}

		h6{font-size: 1.4em;line-height: 1.3em;}
		h5{font-size: 1.576em;border-bottom: 5px solid; display: inline-block;}
		h4{font-size: 1.862em;line-height: 0.9em;}
		h3{font-size: 2.719em;line-height: 1em;}
		h2{font-size: 3.342em;}
		h1{font-size: 4.434em;line-height:0.85em;}
 } /* 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) {
		.row.xlarge {max-width: 120.0625em;}
 } /* min-width 1921px, xxlarge screens */