@charset "utf-8";
/* CSS Document */


/*
 *  Usage:
 *
      <div class="sk-spinner sk-spinner-pulse"></div>
 *
 */
.sk-spinner-pulse-home {
  width: 80px;
  height: 80px;
  margin: 80px auto;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; 
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;		  
}
.sk-spinner-pulse {
  width: 80px;
  height: 80px;
  margin: 80px auto;
  background-color: #999999;
  border-radius: 100%;
  -webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;
          animation: sk-pulseScaleOut 1s infinite ease-in-out; 
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -40px 0 0 -40px;		  
}
@-webkit-keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

@keyframes sk-pulseScaleOut {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 0; } }

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 0.5s
}

@-webkit-keyframes animatebottom {
  from { bottom:00px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:00px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  
}


/* ESTRUCTURA GENERAL */

body {
	width: 100% !important;
	margin: 0px;
	padding-top: 0px;
	background-color:#fff;	
	resize:none;
}
html {
	width: 100% !important;
	margin: 0px;
	padding-top: 0px;
	resize:none;
		
}
.scroll-y {
	overflow-y: initial;
}

.container {
	height: 100% !important;
	width: 100% !important;
}
.page {
	height: 100% !important; /*width:100% !important;*/
}


@media (max-height:600px) {
.page {
	height: 100% !important; /*width:100% !important;*/
}
body {
	height: 100% ;
	width: 100% !important;
	margin: 0px;
	padding-top: 0px;
	overflow-y: initial;
	resize:none;
}
html {
	height: 100% ;
	width: 100% !important;
	margin: 0px;
	padding-top: 0px;
	overflow-y: scroll;
	resize:none;
		
}
}

@media (max-height:460px) {
.page {
	height: 100% !important; /*width:100% !important;*/
}
}

@media (max-height:300px) {
.page {
	height: 100% !important; /*width:100% !important;*/
}
}
.scroll-home {
    overflow: scroll;
}
.h100 {
	height: 100%;
	display: flex;
}
.h86 {
	height: 86%;
}
.h80 {
	height: 80%;
}
.h79 {
	height: 79%;
	display: flex;
}
.h77 {
	height: 77%;
	display: flex;
}
.h70 {
	height: 70%;
	display: flex;
}
.h60 {
	height: 60%;
	display: flex;
}
.h50 {
	height: 50%;
}
.h43 {
	height: 43%;
}
.h40 {
	height: 40%;
}
.h30 {
	height: 30%;
	display: flex;
}
.h23 {
	height: 23%;
	display: flex;
}
.h21 {
	height: 21%;
	display: flex;
}
.h20 {
	height: 20%;
	display: flex;
}
.h15 {
	height: 15%;
	display: flex;
}
.h14 {
	height: 14%;
	display: flex;
}
.h10 {
	height: 10%;
	display: flex;
}
.bordederecho {
	border-right: 2px solid #cccccc;
}
.bordeinferior {
	border-bottom: 2px solid #cccccc;
}
.bordederecho-interna {
	border-right: 2px solid #f2f2f2;
}
.bordeinferior-interna {
	border-bottom: 2px solid #f2f2f2;
}
.bordeinferior-rojo {
	border-bottom: 2px solid #cccccc;
}
.vertical {
	min-height: 100%;/* Fallback for browsers do NOT support vh unit */
	min-height: 100vh; /* These two lines are counted as one :-)*/
	display: flex;
	align-items: center;
}
.encabezado{
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 30px;
	color: #fff;
	opacity: 1;
}

.menu{
    padding-bottom: 20px;
	padding-top:20px;
    display: block;
	opacity:0.7;
	transition: 500ms;
}

.menu:hover {transition: 500ms; opacity:1}

.logo {
	padding-top: 20px;
	padding-bottom: 20px;    padding-left: 20px;
}

.logo-index {
	padding-top: 80px;
	padding-bottom: 50px;
}
/* ESTRUCTURA GENERAL */










/* REDES SOCIALES */

.instagram img:last-child{display:none}
.instagram:hover img:first-child{display:none}
.instagram:hover img:last-child{display:inline-block}
.instagram:hover {background-color: #f2f2f2;transition: color 700ms, background-color 400ms;}

.facebook img:last-child{display:none}
.facebook:hover img:first-child{display:none}
.facebook:hover img:last-child{display:inline-block}
.facebook:hover {background-color: #f2f2f2;transition: color 700ms, background-color 400ms;}

.redes {
	padding-top: 20px;
	padding-bottom: 20px;
}


/* REDES SOCIALES */














/* CERRAR */
.cerrar {
	padding-top:30px;
	padding-bottom:30px;
}
.cerrar img:last-child{display:none}
.cerrar:hover img:first-child{display:none}
.cerrar:hover img:last-child{display:inline-block}
.cerrar:hover {background-color: #f2f2f2;transition: color 700ms, background-color 400ms;}


.cruz {width: auto !important;-webkit-transition: -webkit-transform .4s ease-in-out;transition:transform .4s ease-in-out;}
.cruz:hover {-webkit-transform: rotate(180deg);transform: rotate(180deg);}

/* CERRAR */














/* SECCIONES */
.seccion {
	padding-top: 0px;
	padding-bottom: 20px;
}
.texto-seccion:hover {color: #ff0000; }
.seccion:hover {color: #ff0000; background-color: #f2f2f2; transition: color 700ms, background-color 400ms;}
.seccion img:last-child{display:none}
.seccion:focus {outline: none;}
.seccion:hover img:first-child{display:none}
.seccion:hover img:last-child{display:inline-block}
.margen-seccion {padding-top: 20px;	padding-left: 20px; padding-right: 20px; display: inline-block;}
.nosotros {
	color: #29aae1;
}
.nosotros span{
	color: #0071bb;
}
.equipo {
	color: #666666;
}
.equipo span{
	color: #4d4d4d;
}
.contacto {
	color: #ff0000;
}
.contacto span{
	color: #c1272d;
}
.organizaciones {
	color: #f7931e;
}
.organizaciones span{
	color: #f15a24;
}
/* SECCIONES */











/* CONTACTO */

.margen-datos {
	padding-top: 5px;
	color: #fff;
	opacity: 1;
}

.titulo-contacto {
    text-align: center;
    color: #ff0000;
	padding-top:20px;
	padding-bottom:60px;
}
.datos-contacto {
    text-align: center;
    color: #ff0000;
	font-size:22px;
	line-height:34px !important;
}

.datos-mail {
	text-decoration:none;
}
.datos-mail:hover {
	text-decoration:underline;
}

/* CONTACTO */












/* EQUIPO */

.titulo-equipo {
	padding-left: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
	color:#999999;
	font-size:16px;
}

.equipo-1 {
	background-image:url(../images/equipo/1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.equipo-2 {
	background-image:url(../images/equipo/2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.equipo-3 {
	background-image:url(../images/equipo/3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.equipo-4 {
	background-image:url(../images/equipo/4.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.equipo-5 {
	background-image:url(../images/equipo/5.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.equipo-6 {
	background-image:url(../images/equipo/6.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.equipo-7 {
	background-image:url(../images/equipo/7.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

/* EQUIPO */





.contenido {
	padding-bottom: 40px;
	padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
	color: #fff;
	opacity: 1;
}


/* ORGANIZACIONES */



.org-1 {
	background-image:url(../images/org/1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;
}

.org-2 {
	background-image:url(../images/org/2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.org-3 {
	background-image:url(../images/org/3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}
.texto-organizaciones {
	line-height:34px;	
	font-size:20px;
	color:#f7931e;
}
.links-organizaciones {
	line-height:34px;	
	font-size:16px;
	color:#f7931e;	
}
.link{
	color:#f7931e;	
	text-decoration:underline;
}

/* ORGANIZACIONES */








/* PROYECTO */

.destacado:hover {color: #ff0000; background-color: #f2f2f2; transition: color 700ms, background-color 400ms;}
.destacado img:last-child{display:none}
.destacado:hover img:first-child{display:none}
.destacado:hover img:last-child{display:inline-block}


.proyectos {
	padding-top: 0px;
	padding-bottom: 20px;
}
.proyectos:hover {color: #ff0000; background-color: #f2f2f2; transition: color 700ms, background-color 400ms;}
.proyectos img:last-child{display:none}
.proyectos:hover img:first-child{display:none}
.proyectos:hover img:last-child{display:inline-block}

.destacado {
	padding-top: 0px;
	padding-bottom: 20px;
}

.margen-proyecto {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 40px;
	display: inline-block;
	
}
.titulo-categoria {
	padding-left: 20px;
    padding-top: 14px;
}

.cine {
	color:#989898;
}

.teatro {
	color:#29aae1;
}

.premios {
	color:#ffd100;
}

.seminarios {
	color:#999999;
}

.rayo {
	color:#c3ca15;
}

.rayo span{
	color:#39b54a;
}


.nosotros-interna span{
	color:#ff0000;
	font-size:40px;
	line-height:45px;
}
.nosotros-interna {
	color:#29aae1;
	font-size:40px;
	line-height:45px;
}

.rayo-interna span{
	color:#39b54a;
	font-size:40px;
	line-height:45px;
}
.rayo-interna {
	color:#d9e021;
	font-size:40px;
	line-height:45px;
}
.hembras span{
	color:#c1272d;
}
.hembras {
	color:#ff0000;
}

.cine-interna span{
	color:#4d4d4d;
}
.cine-interna {
	color:#999999;
}
.teatro-interna span{
	color:#0071bb;
}
.teatro-interna {
	color:#29aae1;
}
.premio-interna span{
	color:#edaa01;
}
.premio-interna {
	color:#ffd100;
}
.seminario-interna span{
	color:#4d4d4d;
}
.seminario-interna {
	color:#999999;
}

.hembras-interna span{
	color:#c1272d;
	font-size:40px;
	line-height:45px;
}
.hembras-interna {
	color:#ff0000;
	font-size:40px;
	line-height:45px;
}

.descripcion-proyecto{
	color:#676767;
	font-size:17px;
	line-height:22px;
    padding-bottom: 10px;	
}

.titulo-proyecto {
	padding-left: 30px;
	color:#999999;
	font-size:16px;
	padding-top:20px;
	padding-bottom:20px;
}
.texto-proyecto {
	padding: 30px 100px 30px 30px;
	color:#fff;
	line-height:1.5em;
}
.icono-proyecto {
	max-width:70%;
}

/* PROYECTO */






/* SLIDER */

#slider {
	width:100% !important;
	height:100% !important;	
  overflow: hidden;
}

#slider ul {
  margin: 0;
  padding: 0;
  height: 100%;
  list-style: none;
width: 100% !important;  
margin-left: 0px !important;	
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 300px;
    width: 100%;
  height: 100%;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  width: auto;
  height: auto;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 40px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}




/* SLIDER */







/* CINE */

.cine-proyecto {opacity:0.9;transition:500ms;}
.cine-proyecto:hover {opacity:1; transition:500ms;}

.cine-hembras {
	background-image:url(../images/cine/hembras.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}
.cine-hembras-1 {
	background-image:url(../images/cine/hembras-1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}
.cine-hembras-2 {
	background-image:url(../images/cine/hembras-2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}
.cine-hembras-3 {
	background-image:url(../images/cine/hembras-3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}
.cine-rayo-1 {
	background-image:url(../images/cine/rayo-1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}
.cine-rayo-2 {
	background-image:url(../images/cine/rayo-2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-rayo-3 {
	background-image:url(../images/cine/rayo-3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-1 {
	background-image:url(../images/cine/1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-2 {
	background-image:url(../images/cine/2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-3 {
	background-image:url(../images/cine/3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-4 {
	background-image:url(../images/cine/4.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-5 {
	background-image:url(../images/cine/5.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-6 {
	background-image:url(../images/cine/6.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-7 {
	background-image:url(../images/cine/7.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.cine-8 {
	background-image:url(../images/cine/8.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

/* CINE */











/* TEATRO */

.teatro-proyecto {opacity:0.9;transition:500ms;}
.teatro-proyecto:hover {opacity:1; transition:500ms;}

.teatro-1 {
	background-image:url(../images/teatro/1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.teatro-2 {
	background-image:url(../images/teatro/2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.teatro-3 {
	background-image:url(../images/teatro/3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.teatro-4 {
	background-image:url(../images/teatro/4.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.teatro-5 {
	background-image:url(../images/teatro/5.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.teatro-6 {
	background-image:url(../images/teatro/6.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.teatro-7 {
	background-image:url(../images/teatro/7.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.teatro-8 {
	background-image:url(../images/teatro/8.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

/* TEATRO */












/* PREMIO */

.premio-proyecto {opacity:0.9;transition:500ms;}
.premio-proyecto:hover {opacity:1; transition:500ms;}

.premio-1 {
	background-image:url(../images/premio/1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.premio-2 {
	background-image:url(../images/premio/2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.premio-3 {
	background-image:url(../images/premio/3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.premio-4 {
	background-image:url(../images/premio/4.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.premio-5 {
	background-image:url(../images/premio/5.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.premio-6 {
	background-image:url(../images/premio/6.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.premio-7 {
	background-image:url(../images/premio/7.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.premio-8 {
	background-image:url(../images/premio/8.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

/* PREMIO */













/* SEMINARIO */

.seminario-proyecto {opacity:0.9;transition:500ms;}
.seminario-proyecto:hover {opacity:1; transition:500ms;}

.seminario-1 {
	background-image:url(../images/seminario/1.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.seminario-2 {
	background-image:url(../images/seminario/2.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.seminario-3 {
	background-image:url(../images/seminario/3.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.seminario-4 {
	background-image:url(../images/seminario/4.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.seminario-5 {
	background-image:url(../images/seminario/5.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.seminario-6 {
	background-image:url(../images/seminario/6.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.seminario-7 {
	background-image:url(../images/seminario/7.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

.seminario-8 {
	background-image:url(../images/seminario/8.jpg);
	background-position-x:50%;
	background-position-y:50%;	
	background-size:cover;		
}

/* SEMINARIO */