@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'open-regular';
  src: url('fonts/OpenSans-Regular.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-Regular.svg') format('svg'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'open-light';
  src: url('fonts/OpenSans-light.eot'); /* IE9 Compat Modes */
  src: url('fonts/OpenSans-light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/OpenSans-light.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/OpenSans-light.svg') format('svg'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-light.woff') format('woff'), /* Pretty Modern Browsers */
       url('fonts/OpenSans-light.ttf')  format('truetype'); /* Safari, Android, iOS */
}


/****************color titulos***********************/

/*******************body*****************/
body{
font-family:open-regular;
color:#5b5b5b;
background-color:#fff;
font-size:14px;
margin:0;
padding:0;
}
.rojo{
color:#FF0000;
}
a{
color:#5b5b5b;
}

/****************************header**************************************/
#linea{
margin:0;
padding:0;	
}

#linea img{
width:100%;
height:7px;
}
#logo{
text-align:center;
padding-bottom:17px;
width:100%;
margin-top:-30px;
}
#logo img{
width:96%;
max-width:353px;
}
#radio{
text-align:right;
}
@media screen and (max-width:800px){
#logo{
margin-top:0;
}
}

/**************************** MENU*************************************/
#ini0{

width:100%;
max-width:1200px;
margin:0 auto;}

/***************************INICIO**************************************/
#lineacent{
padding-bottom:45px;
text-align:center;
}
#ini0{
width:100%;
max-width:1200px;
}
#inicont{
margin:0 auto;
width:90%;
padding-bottom:7%;
}
#inicent{
overflow:hidden;

}
#tit1{
color:#3f3f3f;
font-weight:bold;
font-size:26px;
padding-bottom:5px;
text-align:center;
letter-spacing:5px;
text-transform:uppercase;
}
#tit2{
color:#7b7b7b;
font-size:18px;
padding-bottom:10px;
text-align:center;
text-transform:uppercase;
}
#textini{
text-align:justify;
width:50%;
margin:0 3%;
}
#imgini{
width:35%;
margin:0 3%;
vertical-align:top;
text-align:center;
}
#textini,#imgini{
display:inline-block;}
@media screen and (max-width:900px){
#textini,#imgini{
display:block;
padding-bottom:7%;
}
#textini{
width:95%;
}
#imgini{
width:95%;
text-align:center;
}
}
#bcontact{
width:100%;
text-align: center;
padding-top:30px;
padding-bottom:40px;
}

/******************INICIO BACKGROUND****************/

#backg-ini{
background-image:url(img/fondo.jpg);
background-size:cover;
padding:15px 25px;
background-repeat:no-repeat;
}
#backg-ini0{
width:100%;
max-width:1200px;
text-align:center;
margin:0 auto;

}
#backg-org,#backg-gal{
background-position:center;
background-size:cover;
background-repeat:no-repeat;
padding:6% 0;
}

#backg-org{
background-image:url(img/organizacion.jpg);
margin-bottom:50px;
margin-top:20px;
}

#backg-gal{
background-image:url(img/galeria.jpg);
margin-bottom:30px;
}
@media screen and(max-width:900){
#backg-gal,#backg-org{
width:100%;
padding-bottom:15px;
}
}
#iniorg{
color:#fff;
font-size:36px;
text-align:center;
padding-top:6%;
padding-bottom:5%;

}
#iniver{
font-size:14px;
text-align:center;
}

#iniver a{
color:#FFFFFF;
border:#FFFFFF solid 2px;
text-decoration:none;
padding:7px 20px;
}
#qdonar{
text-align:center;
padding:30px 0;
}
#qdonar img{
width:90%;
max-width:360px;}
/*****************************PIE************************************/
#pie{
width:100%;
background-color:#316614;
color:#FFFFFF;
padding-top:30px;
padding-bottom:10px;
text-align:center;
}
#pie a{
color:#FFFFFF;
}
#pie0{
width:100%;
max-width:1200px;
margin:0 auto;
}

#pie1{
width:40%;
padding-right:4%;
text-align:left;
}
#pie11 a{
text-decoration:none;
color:#fff;
font-weight:bold;
display:block;
padding:5px 0;
}
#pie2{
width:40%;
text-align: justify;
}
#pie2 img{
}
#pie1,#pie2{
display:inline-block;
vertical-align:top;
font-size:12px;
}
@media screen and (max-width:900px){
#pie1,#pie2{
display:block;
width:90%;
margin:0 5%;
}
#pie1{
margin-bottom:50px;
}
}
#titpie{
font-weight:bold;
border-bottom:#FFFFFF solid 1px;
margin-top:20px;
margin-bottom:20px;
padding-bottom:5px;
}

#up{
text-align:center;
padding:15px;}
#pixs{
font-size:11px;
font-weight:bold;
text-align:right;
padding-right:15px;
}
#pixs a{
border-bottom:#fff solid 1px;
color:#FFFFFF;
text-decoration:none;
}
/***************************CUECA**************************************/
#imgbanner{
margin-bottom:20px;
}
#imgbanner1{
text-align:center;
padding:4% 0;
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
#imgbanner1 img{
width:90%;
max-width:500px;

}
#textcueca table tr td{
text-align:justify;
width:30%;
padding:0 2%;}
@media screen and (max-width:800px){
#textcueca table tr td{
text-align:justify;
width:90%;
padding:0 5%;
display:inline-block;
padding-bottom:20px;}

}


/***************************ORGANIZACION**************************************/
#org{
text-align:center;
padding:0 auto;
}
#titorg{
color:#666666;
font-weight:bold;
font-size:26px;
padding-bottom:5px;
text-align:center;
letter-spacing:8px;
text-transform:uppercase;
}
#grupos{
width:18%;
margin:0 0.8%;
display:inline-block;
vertical-align:top;
text-align:center;
}
@media screen and (max-width:900px){
#grupos{
width:22%;
margin:0 1%;
}
}
@media screen and (max-width:750px){
#grupos{
width:30%;
margin:0 1%;
}
}
@media screen and (max-width:600px){
#grupos{
width:40%;
margin:0 4%;
}
}
@media screen and (max-width:400px){
#grupos{
width:90%;
margin:0 5%;
}
}

#orggrupo{
text-align:center;}
#grupoimg{
}

#grupoimg img{
text-align:center;
width:100%;
padding:15px 0;
border-radius:50%;
}
#gruponom{
padding-bottom:5px;
font-size:18px;
text-transform:uppercase;
letter-spacing:2px;
}
#grupocargo{
padding-bottom:55px;
font-size:12px;
color:#a32c2c;
font-weight:bold;
text-transform:uppercase;
letter-spacing:1px;
}
#imgcueca1{
width:100%;
text-align:center;}
/**************************MISION***************************************/
#mis{
text-align:center;
padding:0 auto;
margin:0 15%;
}

#textmis{
text-align:justify;
padding-bottom:40px;}

#titobj{
color:#3f3f3f;
font-weight:bold;
font-size:22px;
padding-bottom:30px;
padding-top:25px;
text-align:center;
}

/***************************ACTIVIDADES**************************************/
#act{
width:75%;
margin-bottom:50px;
padding:0 auto;
margin:30px auto;
text-align:center;

}

#nact{
font-size:50px;
font-weight:bold;
padding:10px 5px;
width:10%;}
#act1{
width:85%;
border:#dcdcdc solid 2px;
margin-bottom:40px;
text-align:center;
}
#nact,#act1{
display:inline-block;}

#titact{
font-weight:bold;
padding-top:20px;
padding-bottom:5px;
}
#titact2{
padding-top:5px;
padding-bottom:20px;
}
@media screen and (max-width:600px){
#titact{
padding-top:10px;
padding-bottom:5px;
}
#titact2{
padding-top:5px;
padding-bottom:10px;
}

}

/***************************APOYOS**************************************/
#apoyo{
width:75%;
margin-bottom:50px;
padding:0 auto;
margin:30px auto;
text-align:center;
}

#tbapoyos table{
border:#dcdcdc solid 2px;
padding:10px;
text-align:center;
}

#tbapoyos table tr td{
text-align:justify;
width:45%;
padding:0 2%;}
@media screen and (max-width:600px){
#tbapoyos table tr td{
text-align:justify;
width:90%;
padding:0 5%;
display:inline-block;
padding-bottom:20px;}

}
@media screen and (max-width:500px){
#tbapoyos table tr td{
font-size:12px;
text-align:left;
width:90%;
padding:0 5%;
display:inline-block;
padding-bottom:20px;}

}

/****************************SPONSORS*************************************/
#spons{
width:80%;
margin:0 auto;
}
#textspons{
padding-bottom:20px;
}
#imgspons{
padding-bottom:40px;
}
/*****************************PRENSA************************************/
#x{
text-align:center;
}
#x img{
cursor:pointer;
margin:20px 0;
}
#tit2_n{
color:#7b7b7b;
font-size:12px;
padding-bottom:25px;
text-align:center;
text-transform:uppercase;
letter-spacing:2px;
}

#titprensa{
color:#3f3f3f;
font-weight:bold;
font-size:18px;
padding-bottom:5px;
text-align:justify;
text-transform:uppercase;
}
#titprensa1{
color:#3f3f3f;
font-size:11px;
padding-bottom:20px;
text-align:justify;
text-transform:uppercase;
}
#tit2_fecha{
color:#7b7b7b;
font-size:12px;
padding-bottom:30px;
text-align:justify;
text-transform:uppercase;
}
#resuprensa{
text-align:justify;
margin-bottom:55px;
}
#imgprensa img{
width:80%;
margin:0 10%;
margin-bottom:20px;
}

#prensa{
width:87%;
margin:0 auto;
text-align:center;
}

#prensa1{
margin-bottom:30px;
}

#leertodo{
font-size:14px;
text-align:center;


}

#leertodo a{
color:#797979;
border:#b5b5b5 solid 2px;
text-decoration:none;
padding:5px 20px;
}
#n1{
margin-bottom:30px;
overflow:hidden;
}
#n11, #n12{
display:inline-block;
vertical-align:top;
}
#n11{
width:30%;
padding:15% 0;
background-repeat:no-repeat;
background-size:cover;
background-position:center;
margin:0 auto;
margin-bottom:15px;
float:right;
}
#n12{
width:60%;
margin-right:8%;

}


@media screen and (max-width:600px){
#n12{
width:90%;
margin:0 5%;
margin-bottom:30px;
}
#n11{
width:80%;
padding:25% 0;
margin:0 10%;
margin-bottom:30px;
}

}



#opaco{
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 100000;
overflow: hidden;
position: fixed;
display:none;
background-image:url(img/opaco.png);
}
#capaform1, #capaform2, #capaform3, #capaform4, #capaform5, #capaform6, #capaform7, #capaform8, #capaform9 {
width:60%;
margin:0 auto;
background-color:#FFFFFF;
display:none;
z-index: 1000000;
overflow: hidden;
padding:10px;
position:absolute; 
top:0; 
left:50%; 
margin-top:50px; 
margin-left:-30%;
}
@media screen and (max-width:1200px){
#capaform1, #capaform2, #capaform3, #capaform4, #capaform5, #capaform6, #capaform7, #capaform8, #capaform9 {
width:80%;
top:0; 
left:0; 
margin-top:50px; 
margin-left:7%;
}
}

@media screen and (max-width:600px){
#capaform1, #capaform2, #capaform3, #capaform4, #capaform5, #capaform6, #capaform7, #capaform8, #capaform9 {
margin-left:8%;
}
}
@media screen and (max-width:400px){
#capaform1, #capaform2, #capaform3, #capaform4, #capaform5, #capaform6, #capaform7, #capaform8, #capaform9 {
width:75%;
margin-left:10%;
}
}

#n121{
font-size:20px;
margin-bottom:15px;}

#n122{
font-size:12px;
font-weight:bold;
margin-bottom:5px;
}
#n123{
font-size:12px;
color:#acacac;
border-bottom:#acacac solid 1px;
padding-bottom:15px;
margin-bottom:15px;
}

#n124{
text-align:justify;
margin-bottom:50px;
}



#no11{
width:90%;
margin:0 auto;
color:#636363;
text-align:justify;
}
#no12{

font-size:24px;
font-weight:600;
margin-top:50px;
}

#no15{
text-align:center;
padding:30px 0;
}
#no15 img{
cursor:pointer;
}


#pag{
text-align:center;
}

/*****************************FORMULARIO CONTACTAR************************************/
#contac1{
text-align:center;}
#contac2{
text-align: justify;}
#contac2,#contac1{
width:42%;
margin:0 2.5%;
vertical-align:top;
display:inline-block;
}
#formt{
font-weight:bold;
text-align:justify;
padding:6px 0;
}
#formc0{
font-size:12px;
padding-bottom:30px;
}

.entrada1{
font-size:12px;
color:#5b5b5b;
background-color:#fff;
border:#a6a6a6 solid 1px;
width:95%;
padding:9px;
}

.entrada{
font-size:12px;
color:#5b5b5b;
background-color:#fff;
border:#fff solid 1px;
width:95%;
padding:9px;
}
#bcontactar{
width:100%;
text-align:right;
padding:10px 0;
}
@media screen and (max-width:900px){
#contac2,#contac1{
width:70%;
margin:0 2.5%;
vertical-align:top;
}
}
@media screen and (max-width:650px){
#contac2,#contac1{
width:90%;
margin:0 2.5%;
vertical-align:top;
}
}
@media screen and (max-width:500px){
#contac2,#contac1{
width:98%;
margin:0 15px;
vertical-align:top;
}
}

/****************************donaciones_*************************************/
#donaciones_{
background-color:#f4bd00;
width:60%;
text-align:justify;
margin-left:20%;
margin-bottom:40px;
}
@media screen and (max-width:900px){
#donaciones_,#contactos_don{
width:75%;
display:block;
margin:0 auto;
margin-left:13%;
margin-bottom:35px;

}
}
@media screen and (max-width:600px){
#donaciones_,#contactos_don{
width:80%;
display:block;
margin:0 auto;
margin-left:10%;

}
}
@media screen and (max-width:500px){
#donaciones_,#contactos_don{
width:90%;
display:block;
margin:0 auto;
margin-left:5%;
}
}


#donaciones_1cont{
padding:0 20px;
padding-bottom:20px;}
#donaciones_form{
padding:5px 20px;}
#tit_don{
color:#fff;
font-size:24px;
text-align:center;
font-weight:bold;
padding:15px 0;
}
#tit_don img{
padding-left:20px;}
#formt_r{
font-weight:bold;
color: #FF0000;
padding-bottom:9px;}
#formt_{
font-weight:bold;
padding:5px 0;}
#donaciones_11{
padding-right:20px;
width:45%;}
#donaciones_12{
width:47%;}
#donaciones_11,#donaciones_12{
display:inline-block;
vertical-align:top;
}
@media screen and (max-width:450px){
#donaciones_11,#donaciones_12{
width:90%;
display:block;
margin:0 auto;
}
#donaciones_11{
padding-right:0;
}

}

#donaciones_13{
width:100%;
padding-bottom:25px;
}
#bdonar_{
text-align:center;
padding-bottom:30px;}
#bdonar_ a{
color:#fff;
font-weight:bold;
text-decoration:none;
padding:7px 15px;
background-color:#a5c617;
}

/*************************contactos_don****************************************/

#contactos_don{
width:40%;
text-align:justify;
}
#contac_don2{
}
#contac_don1{
font-size:12px;}
#bcontactar_{
width:100%;
text-align:center;
padding-top:20px;
padding-bottom:40px;
}
#bcontactar_ img{
max-width:150px;
}
#contactos_don,#donaciones_{
display:inline-block;
vertical-align:top;
}

/****************************DONACIONES*************************************/

#contactdon1{
text-align:center;
vertical-align:top;
width:100%;
}
/**************************GALERIA***************************************/
#gal{
width:90%;
margin-bottom:50px;
padding:0 auto;
margin:30px auto;
text-align:center;
}
#tit1_g{
color:#3f3f3f;
font-weight:bold;
font-size:26px;
padding-bottom:5px;
text-align:center;
letter-spacing:5px;
text-transform:uppercase;
}

#tit2_g{
color:#7b7b7b;
border-bottom:#7b7b7b solid 1px;
font-size:18px;
padding-bottom:18px;
margin-bottom:25px;
text-align:center;
text-transform:uppercase;
}


#gal2{
width:30%;
margin:0 1%;
margin-bottom:30px;
display:inline-block;
}

@media screen and (max-width:800px){
#gal2{
width:45%;
margin:0 2%;
margin-bottom:30px;
}
}
@media screen and (max-width:500px){
#gal2{
width:90%;
margin:0 5%;
margin-bottom:30px;

}
}

#gale2{
width:22%;
margin:0 1%;
margin-bottom:10px;
display:inline-block;
}
@media screen and (max-width:800px){
#gale2{
width:30%;
margin:0 1%;
margin-bottom:10px;
}
}
@media screen and (max-width:600px){
#gale2{
width:45%;
margin:0 2%;
margin-bottom:10px;
}
}
@media screen and (max-width:400px){
#gale2{
width:90%;
margin:0 2%;
margin-bottom:10px;}
}


#galimg2 img{
width:100%;


}

#galimg img{
width:100%;
cursor:pointer;
}
#titgal{
color:#3f3f3f;
font-weight:bold;
font-size:16px;
padding-bottom:5px;
text-align:center;
text-transform:uppercase;
}
/*************************************VIDEOS***********************************************/
#videos{
padding-top:30px;
text-align:center;
padding-bottom:20px;
}
#vid2{
width:45%;
margin:0 2%;
display:inline-block;
margin-bottom:30px;
}
#vid iframe{
width:100%;
}
@media screen and (max-width:800px){
#vid2{
width:90%;
margin:0 5%;
margin-bottom:30px;
}

}
/*************************************paginador***********************************************/

#pag{
text-align:center;
margin-bottom:30px;
}
#pag1, #pag2, #pag3, #pag4{
text-decoration:none;
display:inline-block;
color:#666666;
width:27px;
height:27px;
text-align:center;
line-height:27px;
font-weight:600;
font-size:14px;
margin:0 5px;
vertical-align:top;
margin-bottom:10px;
}
#pag1, #pag4{
border:0;
}
#pag3{
}
#pag2{
color:#FFFFFF;
background-color:#006600;
}

/*****************************************************************/

.radiod:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 4px solid white;
}

.radiod:checked:after {
    width: 15px;
    height: 15px;
    border-radius: 15px;
    top: -2px;
    left: -1px;
    position: relative;
    background-color: #a5c617;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 4px solid white;
}

/*****************************************************************/
/*****************************************************************/
#videof{
color:#379206;
font-weight:600;
margin-top:-50px;
}
#videof a{
color:#379206;
font-weight:600;
text-decoration:none;
}
#videof img{
vertical-align:middle;
}