@media
only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx)
{
.puertoimg{
width: 30%;margin-top: -19vh;position: absolute;margin-left: 0%;right: 0;
}

 .cuentas{

width: 70%;float: left;


}
.qr{

width: 90%;margin-left: 5%;


}
#bloque3{ 
z-index: 0;
width: 100%;
height:70vh;
font-family: brandon_bld;

background-color: rgb(0,0,0);}

#bloque4b{   text-align: center; 

z-index: 1;
width: 100%;
height:50vh;
font-family: brandon_bld;
background-color: black;


}


#bloque2b{ 
z-index: 0;
width: 100%;
height:70vh;
font-family: brandon_bld;

background-color: rgb(0,0,0);}







#bloque4{   text-align: center; 

z-index: 1;
width: 100%;
height:40vh;
font-family: brandon_bld;
background-color: black;




}



.aliados  {
width:100%;

padding:0vh 0vh;

}

.ar {

height: 1vh;width:100%;opacity: 0;

}














        @media only screen and (min-device-width: 414px) and 
        (max-device-height: 736px) and (-webkit-device-pixel-ratio: 3) { 

.vidindexphonemed {
 display: none;
}


.vidindex { display: none;
}

.vidindexphone { 
  display: block;
  position: fixed;


width: 100%; 
height: 100vh;
   z-index: -1;


}


#bloque2b{ 

width: 100%;
height:30vh;
}


#bloque4{ 

width: 100%;
height:40vh;
}






#bloque4b{   text-align: center; 

z-index: 1;
width: 100%;
height:40vh;



}

    }














@media screen and (max-width: 1024px) {




.casitanav {      display :none;
 z-index: 1000; 
 position: fixed;
padding:  1.5%;
right: 0;
width: 15%;
}

.casitanav img{ 
width: 100%;
right: 0
}


.nav a {cursor: pointer;
display: block;
text-align: center;

font-size: 6vw;
text-decoration: none;  
font-family: brandon_reg;
color:white;
}



#bloque1programacion{
 font-family: brandon_bld;
z-index: 0;
width: 100%;
height: auto;
margin-top:50vh;
background-color: white;
color:black;
}

#bloque1programacionnav{display:none;




}
#bloque0programacion iframe { 
opacity: 1;

width:100%; 
height: 50vh;
margin-top: 5vh;
}







#bloque1programacionnavcel{
display: block;
 font-family: brandon_reg;
z-index: 0;
width: 100%;
height: auto;

}
#bloque1programacionnavcel a{

width: 100%;
height: 33.3;
padding: -1% 0;

}
#bloque1programacionnavcel img{

width: 100%;
height: 100%;


}
.buttonder img {
  width: 10%;

height: 20%;
}

.buttoniz img{
  width: 10%;
height: 20%;
}


.evento1cel{width:100%;height:33%;float: left;}


.evento2cel{width:100%;height:33%;float: left;}

.evento3cel{width:100%;height:33%;float: left;}


.evento2cel img{width:100%;height:auto;}


.evento1cel img{width:100%;height:auto;}

.evento4cel img{width:100%;height:auto;}



.evento3cel img{width:100%;height:auto;}


.evento1cel img:hover{opacity: 0.5;transition: 1s;}


.contimgcine { 

  display: none;
}
.contimgcine img{ 


}
.contimgcinecel  {
width: 100%;height: auto;
  display: block;
}
.contimgcinecel img {
    width: 100%;
height: auto;
}

.vi{
  font-family: brandon_reg;
  position: fixed;
margin-top: 30vh;
font-size: 9vw; 
  width: 100%;
text-align: center;
text-decoration: none;
color: white;

z-index: 10;
}
.im{font-family: brandon_reg;

  text-decoration: none;
  position: fixed;
  margin-top: 60vh;
font-size: 9vw; 
  width: 100%;
margin-left: 0;
color: white;
text-align: center;
z-index: 10;


}
.archivoimagen {transition: 1s;

width:100%;
height: auto;



}
.archivocel img{transition: 1s;

width:100%;
height: auto;



}
.archivocine{
margin-top: 15vh;
  transition: 1s;
float: left;
width:100%;




}

.botones {width: 100%;z-index: 2000;position: absolute;
font-stretch: 1% 500%;

font-size: 8vw;
margin-top: 50%;
}

#imagen {
  width: 400%;
height: auto;
}



#imagen img{
  width:25%;height:auto;float:left;
}




#bloque0 h3{ z-index: 10;

}



#bloque0archivo{ display: none;


}

#bloque0archivocel{ display:block;
    width: 100%;
height: 100vh;

}
.galeria  {
width: 100%;height:1600vh; background-color: white;
}


.videogaleria iframe{
margin-top: 5vh;
  width: 100%;
  height: 50vh;
float: left;
}
#bloque1cine{
 font-family: brandon_bld;
z-index: 0;
width: 100%;
height: auto;
margin-top:50vh;
background-color: white;
color:black;
}

.navbarcine {
    padding-top: 5vh;
    height: 10vh;
    width: 70%;
    margin-left: 15%;
}
.navbarcine a{
width: 50%;float: left;
font-size:4vw;

}
.texto1cine{
color: rgb(100,100,100);
font-size:5vw;
padding-left:5%;
line-height: 1;
margin-top:4vh;
width: 95%;
text-align: justify;
font-family: brandon_reg;
word-spacing: 0.7;
}

.texto1cine h2{

font-size:5vw;


}



.texto1{
color: rgb(180,180,180);
font-size:1.8vw;
padding-left:5%;
line-height: 1;
margin-top:4vh;
width: 95%;
text-align: justify;
font-family: brandon_reg;
word-spacing: 0.7;
}

.textospan1 {width: 30%;
margin-top: 5vh;

}
.textospan1 a{
margin-top: -3vh;
float: right;

font-size:1vw;
padding-left:1%;
text-decoration: none;
color: rgb(247,235,96);
}
.casita {
 z-index: 1000; 
 position: fixed;
width: 15%;
right: 0;
}

.casita img{ 
width: 100%;

}




#bloque0cine h2{margin-top: 2vh; color: #ffa9d6;width: 100%;position: absolute;font-size: 5vw; text-align: center;font-family: brandon_bld;
}






.mySlidescomu img { 
display: none

}
.mySlidescomucel img { 
display: block;
margin-left:0;
width:100%; 
height: auto;

}
.menuimg img{


width:1000%;

}


.vidindexphonemed {  display: block;
  position: fixed;


width: 100%; 
height: 100vh;
   z-index: -1;

}


.vidindex { display: none;
}

.vidindexphone { 

 display: none;

}

.contdivcel { 
display: block;
width: 100%;
background-color:black;
height:15vh;
margin: -1vh 0;
}

#bloque1 { 

height:90vh;

}

.textospan1 a{
margin-top: -3vh;
float: right;

font-size:4vw;
padding-left:1%;
text-decoration: none;
color: rgb(247,235,96);
}

#bloque2 { 
background-color:black;
height:50vh;


}


.titulo2 {
z-index: 1;

font-size: :5vw;
display: block;
padding-top: 25vh;
width: 100%;
position: absolute;
text-align: center;

  
}



.prev, .next {
  cursor: pointer;
  position: absolute;
padding-top: 25vh;
  width: auto;

  color: white;

  font-size:5vw;
  transition: 0.6s ease;

  z-index: 2;
}


/* Slideshow container */
.slideshow-container {
  max-width:100%;
  position: relative;
  margin: auto;
}

/* Caption text */
.text {
  color: transparent;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {

  font-size: 0px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {display: none;
  position: absolute;
  height: 0px;
  width: 0px;
  margin: 0 px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

#bloque3 { 
height:60vh;

}
.titulo3 { 
font-size: 10vw;
padding-top: 5vh;
}
.texto3 {font-size: 4vw;
  line-height: 1.2;
padding-top:3vh;
width: 70%;


}

.textospan3 a{padding-top: 2vh;
text-decoration: none;

color: white;
font-size:4vw;

}



.colage { 
padding-top: 5vh;


}

.colage { 
padding-top: 5vh;


}


.colage a{
display: block;


font-size: 7vw;
text-decoration: none;  
font-family: brandon_reg;
color:white;
}

.colage .do{
display: block;
text-align: right;
padding-right: 5vw;
font-size: 7vw;
text-decoration: none;  
font-family: brandon_reg;
color:white;
}

.colage .in{
display: block;
text-align: right;
padding:2vh 5vw 0 0;
font-size: 7vw;
text-decoration: none;  
font-family: brandon_reg;
color:white;
}

.colage .fu{
display: block;
text-align: right;
padding:2vh 5vw 0 0;
font-size: 7vw;
text-decoration: none;  
font-family: brandon_reg;
color:white;
}
.colage .ar{
display: block;
text-align: right;
padding:2vh 16.3vw 0 0;
font-size: 7vw;
text-decoration: none;  
font-family: brandon_reg;
color:white;
}


#bloque2b { 

height: 30vh;
}
#bloque4b { 

height:40vh;

}
#bloque4 { 

height:40vh;

}



.slideshow-container  img{
width:100%;float:left
}

.dos{
display: none;

}
.contimg { 
opacity: 1;
margin-left:-100%;
width:300%; 
height: auto;
}
.contimgcine { 
opacity: 1;
margin-left:-100%;
width:300%; 
height: auto;
}
#loader img{
width:20%; 
margin-left: 40%;
height:auto;
margin-top: 45vh;
}
.titulo1 {
  text-align: center;


font-size:8vh;

}
.texto1 {
margin-top: 5vh;

font-size:3vh;

}

.textospan1{
padding-top: -10vh;
float: right;
color: white;
font-size:5vw;

}



.olaya{



}


.bloquefooterbn { margin:0;
  padding: 0;
color :white;
width:33.3%;
float:left;
height:100%;


}
.footerbbn  { 
  position: absolute;
  width: 30%;
  bottom: 2vh;

}
.footerabn a { 
font-size: 5vw;

}
.bloquefooterbn h2 {
font-size: 3vw;
color: white; 
text-align: center;
}
.bloquefooterbn  b {
font-size: 3vw;
color: white; 
font-family: brandon_bld;
}

.bloquefooterbn h2 {
font-size: 4vw;color: white; text-align: center;




}
.bloquefooterbn h3 {display: none;
font-size: 2vw;color: black; text-align: center;




}



.chimufondocel{ width: 100vw;height: auto; z-index: -15;display: block;
}
.footercbn  {width: 70%;margin-left:25%;padding: 1vh 1vw;

}

.footercbn img{width: 50%;
float :right;
padding: 5%;
}
.footercbn h4 {
display: none;
float: right ;
padding: 1vw;
}
.footercbn img:hover {
opacity: 0.7;
transition: 0.5s;
}









footer { 
  margin:0;
  padding: 0;
  background-color: white;
  width:100%;
  padding-top: 0vh;
  height:30vh;
  text-decoration: none;
  border-top: 1px solid;
}

.bloquefooter { 
  margin:0;
  padding: 0;
  color :black;
  width:100%;
  display: block;
  height: auto;
  float: none;

}
.footerb  { 
position: relative;
width: 100%;
bottom: auto;

}
.footera a { 
font-size: 5vw;
text-align: center;

}
.bloquefooter h2 {
font-size: 3.2vw;
color: black; 
text-align: center;
margin-top: 5vh;
}
.bloquefooter  b { 
font-size: 3vw;
color: black; 
font-family: brandon_bld;
}


.bloquefooter h3 { display: none;
font-size: 2vw;color: black; text-align: center;




}
#bloque1comunidadie{
 font-family: brandon_bld;
z-index: 0;
width: 100%;

margin-top:50vh;
height:30vh;
background-color: white;
color: black;

}


.footerc  {
  width: 70%; 
  margin: 0 auto;
  padding: 1vh 1vw;

}

.footerc img {
float :right;
padding: 5%;
}
.footerc h4 {
display: none;
float: right ;
padding: 1vw;
}
.footerc img:hover {
opacity: 0.7;
transition: 0.5s;

}



.donacion  a{padding: 3px;
  background-color: yellow;
width: 100px;
margin-left: 60%;
height: 50px;
text-decoration:none;
color: black;
}




.aliados  {

padding:2vh 1vh;

}
.aliados #navz  {
font-size: 6vw;

padding:1vh 0vh;
}

.aliados :hover  {

color: blue;

}


#bloque1comunidadnav {
 display: none;

}

#bloque1comunidadnav2 {
 display: block;
margin-top:25vh;
}

#bloque1comunidadnav2 a{
font-size: 8vw;
text-align: center;
  width: 100%;
  text-decoration: none;
  color: black;

}

#bloque1comunidadnav2 li{
  padding-top: 5vh;

text-decoration: none;
text-align: center;
  width: 100%;
  text-decoration: none;
  color: black;
list-style-type: none;
}
.titulo1comunidad {
    font-family: brandon_reg;
    margin-top: 0vh;
    width: 40%;
    float: left;
    line-height: 1.2;
}
.titulo1comunidadie {
    font-family: brandon_reg;
    margin-top: 5vh;
    width: 40%;
    float: left;
    line-height: 1.2;
}

.titulo1comunidadv {
    font-family: brandon_reg;
    margin-top: 3vh;
    width: 40%;
    float: left;
    line-height: 1.2;
}

#bloque1comunidadnav2 hr{
 margin: 2vh 0;

}
.form {font-size:1.5vw;
width: 90%;
margin-left: 5%;
font-size: 3vw;
}

.form p{font-size:4vw;


}

.enviar  {
  padding:  0 5%;
  float: right;
  font-size: 4vw;
  border-radius: 0;
  border:none;
  background-color: transparent;
text-decoration: none

}
.check{

width: 90%;
margin-left: 5%;
  font-size: 4vw;


}
.check span {
    font-size: 3vw;
margin:  1vh 0;
    width: 100%;
    float: left;
    height: 5vh;
}
.check2 {
width: 90%;
margin-left: 5%;
float: left;
margin-top: 2vh;

}
.form  li textarea{

width: 90%;
margin-left: 5%;}

.dp{

width: 90%;
margin-left: 5%;}



#bloque2comunidad{
 font-family: brandon_reg;
z-index: 0;
width: 100%;
height:90vh;
padding-top: 15vh;
background-color:white;
color: black;


}

#bloque1comunidadv{
 font-family: brandon_bld;
z-index: 0;
width: 100%;

margin-top:50vh;
height:40vh;
background-color: white;
color: black;

}


#bloque1comunidad{
 font-family: brandon_bld;
z-index: 0;
width: 100%;

margin-top:50vh;
height:50vh;
background-color: white;
color: black;

}
#bloque1comunidadform{
 font-family: brandon_bld;
width: 100%;
height:100vh;
background-color: white;


}
#bloque1comunidadb{
 font-family: brandon_bld;
z-index: 0;
width: 100%;

height:50vh;
background-color: white;
color: black;

}
#bloque2comunidad{
 font-family: brandon_bld;
z-index: 0;
width: 100%;

height:110vh;
background-color: white;
color: black;

}

#formularioconvocatoria option {
  font-size: 2em !important;

}

#formularioconvocatoria {
    width: 100% !important;
    font-size: 1.3em !important;
    margin: 0 !important;
    padding: 20px 15px;
}

#formularioconvocatoriabases {
  margin: 0 !important;
}

#formularioconvocatoriabases img {
  width: 100%;
}

#formularioconvocatoriabases span {
  font-size: 1.5em !important;
}

#formularioconvocatoriabases .botonpostular {
  font-size: 1.5em;
}

#formulario {
  margin: 0;
  padding: 0;
padding-top: 0;
}
.textospan1comunidad a {

font-size:2.7vw;
width: 80%;
}

.texto1comunidad span{

font-size:4vw;

}
.texto1comunidad{
width: 100%;
font-size:3vw;
margin-top: 2vh;
background-color: white;

}
.texto1comunidadv{
width: 100%;
font-size:3vw;
margin-top: 2vh;
background-color: white;

}


.texto1comunidad2{
  margin-top:0vh;
color: rgb(80,80,80);
font-size:3vw;
padding:0  5%;
line-height: 1;
float: left;
width: 100%;

text-align: justify;
font-family: brandon_reg;
word-spacing: 0.7;
}

.mail1{padding-top: 5vh; width: 100%;height: 70vh;overflow-y:hidden;margin-top: -5vh;


}

.mail2{width: 100%;height: 65vh;overflow-y:hidden;padding-top: 5vh;
  background-color:white;
}

.mail3{width: 100%;height: 60vh;overflow-y:hidden;padding-top: -4vh;
  background-color:white;
}

.mail4{width: 100%;height: 140vh;overflow-y:hidden;

}






#bloque1f{


 font-family: brandon_reg;

width: 100%;

margin-left: 0%;
margin-top: 50vh;
opacity:1;
}



.fundador{


width: 100%;
height:80vh;
color: white;


}


.fundador img{
 
  z-index: -5;
position: absolute;
width: 100%;
height: auto;
color: white;


}


.fundador .titulof{
  z-index: 10;
padding:5% 3%;
font-size: 5vw;

}

.fundador .cargo{
  z-index: 1000;
padding:5% 0%;
font-size: 4vw;

}
.fundador .textof {
  width: 90%;
  background-color:rgba(0,0,0,0.3);
  margin-left: 5%;
  height: auto;
font-size: 4vw;
margin-top: 75%;
line-height: 1.1;  z-index: 1000;
}
.fundador .textof p{
padding: 1%;  z-index: 1000;

}





#textoprin  {

background-color: rgba(0,0,0,0.7);
margin-top:68vh;
font-size: 5vw;
width: 60%;
margin-left:20%; 
text-align: center;
position: absolute;
font-family: brandon_reg;
color: white;
}

#bloqueslide{
display: none

}


.navcontacto { 
  height: 100%;
  width:100%;

  position: fixed;
  z-index: 1;
padding-top: 10vh;

  left: 0;
margin-left: -100%;
  overflow-x: hidden;
  background-color: white;

}




#fechas {position: absolute;
  width: 300%; 

}

#fechas a{
  float: left;
  width:33.3%;height:auto;
  padding: 58vh 2vh 0 0;
font-size: 7vw;

color: white;
  text-align: right;
font-family:brandon_bld;
text-decoration: none;

}
#imagen img:hover{
opacity: 0.5;
transition: 1s,
}


}













        @media only screen and (min-device-width: 375px) and 
        (max-device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 


#fechas a{
  float: left;
  width:33.3%;height:auto;
  padding: 48vh 2vh 0 0;
font-size: 7vw;

color: white;
  text-align: right;
font-family:brandon_bld;
text-decoration: none;

}
.fundador{


width: 100%;
height:69vh;
color: white;


}


.fundador img{
 
  z-index: -5;
position: absolute;
width: 100%;
height: auto;
color: white;


}
.fundador .textof {
  width: 90%;
  background-color:rgba(0,0,0,0.3);
  margin-left: 5%;
  height: auto;
font-size: 4vw;
margin-top: 80%;
line-height: 1.1;  z-index: 1000;
}

#textoprin  {

background-color: rgba(0,0,0,0.7);
margin-top:64vh;
font-size: 5vw;
width: 60%;
margin-left:20%; 
text-align: center;
position: absolute;
font-family: brandon_reg;
color: white;
}

#bloque2b{ 
z-index: 0;
width: 100%;
height:25vh;
font-family: brandon_bld;

background-color: rgb(0,0,0);}


#bloque4{ 

width: 100%;
height:20vh;
}

#bloque3{ 

width: 100%;
height:30vh;
}


#bloque4{ 

width: 100%;
height:40vh;
}

.vidindexphonemed {   display: none;
}


.vidindex { display: none;
}

.vidindexphone {display: block;
  position: fixed;


width: 100%; 
height: 100vh;
   z-index: -1;




}


.vi{
  font-family: brandon_reg;
  position: fixed;
margin-top: 25vh;
font-size: 9vw; 
  width: 100%;
text-align: center;
text-decoration: none;
color: white;

z-index: 10;
}
.im{font-family: brandon_reg;

  text-decoration: none;
  position: fixed;
  margin-top: 54vh;
font-size: 9vw; 
  width: 100%;
margin-left: 0;
color: white;
text-align: center;
z-index: 10;


}
#bloque0archivocel{ display:block;
  padding-top: 7vh;
    width: 100%;
height: 100vh;

}

.mail4{width: 100%;height: 120vh;overflow-y:hidden;

}


    }