@charset "utf-8";
/* CSS Document */
html{ height:100%; min-width:960px;}
body {	font-size:13px;font-family:'Montserrat', sans-serif;
background-color:#ffffff; font-weight:normal;
/*width:100%;*/
height:100%;
min-width:960px;
margin:0px;
color:#000;
line-height:18px;}
h1 {color:#000; font-size:26px; font-weight:normal;line-height:26px;}
h2 {color:#4493ec; font-size:26px; font-weight:normal;line-height:26px;}
h3 {color:#000; font-size:20px; font-weight:bold;line-height:20px;margin-bottom:20px;}
h4 {color:#000; font-size:20px; font-weight:bold;line-height:20px;margin-bottom:0px;}
h5 {color:#000; font-size:20px; font-weight:bold;line-height:20px;margin-bottom:0px;}







a {color:#000; cursor:pointer;}

#wrapper-container{ margin:auto; /*width:100%;*/ height:100%;min-width:960px;

}


#wrapper-index{ margin:0px; /*width:100%;*/ height:100%; border-left: black 10px solid; border-right: black 10px solid;background:url(../img/fondo-index.jpg); background-repeat: no-repeat center center; 
min-height:100%;
background-size:cover;}


#logo{ margin:0px; width:155px; height:100px;
position:absolute;
    top:50%;
    margin-top: -65px;}


#social{ margin:0px; width:55px; height:100px;
position:absolute;
   	top:50%;
    left: 100%;
    margin-top: -70px;
    margin-left: -60px;
	
	
}

/* menu */ 

#menucontainer{ 
  width:100%; 
  margin:0 auto; 
  background:url(../img/fondo-menu.png);background-repeat: repeat-x;
  margin:0 auto; 
  overflow:hidden;
  text-align: center; 
  border-top: black 10px solid;
 
  

}

#navcontainer{
  /*width:600px;*/
  margin:0 auto;
   text-align: center;
   padding:3px 10px 9px 10px;
   

}
#navlist{ 
  /*float:left;*/
  margin: auto;
}
#navlist li { 
  display: inline; 
  font-size:16px;
  font-weight:bold;  
  color: #000;
  margin:1px 5px 5px 5px;
}
#navlist li a{
  
  color: #0000;
  text-decoration: none; 
  padding: 5px;
  
}

#navlist li a:hover{
  
  color: #57aaf2;
  
  
 
}	
#navlist li a.active {
  
  color: #57aaf2;
}

#navlist li a.before-active:hover {
  
  color: #57aaf2;
}

#navlist li a.after-active:hover {
  
  color: #57aaf2;
}


#navlist li a.donacion{
  background-color: #57aaf2; color: #fff;
  
}

#navlist li a.donacion:hover{
  background-color: #000; color: #fff;
  
}	


.logo-home-img{vertical-align: middle;}




/*home*/

#contenido-home{ margin:0px; /*width:100%;*/ width:520px; background:url(../img/fondo-menu.png); background-repeat: repeat; text-align:center;position:absolute;
    top:50%;
    left: 50%;
    margin-top: -245px;
    margin-left: -300px;
	padding:20px 40px 25px 40px;
	}

.separador{  padding:10px 20px 10px 20px; color:#000; border-bottom:#000 3px solid; margin:10px 50px 20px 50px}

.separador2{  padding:0px 20px 0px 20px; color:#000; border-bottom:#000 3px solid; margin:10px 00px 20px 0px}


#contenido-home a{
  text-decoration:none;font-size:20px; font-weight:bold;
  
}

#contenido-home a:hover{font-size:20px; font-weight:bold;
  text-decoration:underline;
  
}


/*ver video*/

#wrapper-video{ margin:0px; /*width:100%;*/ height:100%; border-left: black 10px solid; border-right: black 10px solid;background-color:#cab89e; 
min-height:100%;}

#contenido-video{ margin:0px; /*width:100%;*/ width:640px; text-align:center;position:absolute;
    top:50%;
    left: 50%;
    margin-top: -260px;
    margin-left: -330px;
	padding:20px 0px 20px 0px;
	}



/*mediador*/

#wrapper-mediador{ margin:0px; /*width:100%;*/ height:100%; border-left: black 10px solid; border-right: black 10px solid;background:url(../img/fondo-mediador.jpg); background-repeat: no-repeat center center; 
min-height:100%;
background-size:cover;}

#contenido-mediador{ margin:0px; /*width:100%;*/ width:550px; background:url(../img/fondo-menu.png); background-repeat: repeat; text-align:center;position:absolute;
    top:50%;
    left: 50%;
    margin-top: -170px;
    margin-left: -310px;
	padding:20px 40px 20px 40px;
	}
	
	
/*gracias*/

#wrapper-gracias{ margin:0px; /*width:100%;*/ height:100%; border-left: black 10px solid; border-right: black 10px solid;background:url(../img/fondo-gracias.jpg); background-repeat: no-repeat center center; 
min-height:100%;
background-size:cover;}

#contenido-gracias{ margin:0px; /*width:100%;*/ width:520px; background:url(../img/fondo-menu.png); background-repeat: repeat; text-align:center;position:absolute;
    top:50%;
    left: 50%;
    margin-top: -135px;
    margin-left: -300px;
	padding:20px 40px 20px 40px;
	}





/*vidas*/

#wrapper-vidas{ 
    margin:0px; 
    /*width:100%;*/
    height:2000px;
    border-left: black 10px solid;
    border-right: black 10px solid;
    background:url(img/fondo-vidas.jpg);
    background-repeat: no-repeat; 
    min-height:100%;
    background-size:cover;}

#contenido-vidas{ margin:0px; /*width:100%;*/ width:520px; background:url(../img/fondo-menu.png); background-repeat: repeat; text-align:center;position:absolute;
    top:50%;
    left: 50%;
    margin-top: -220px;
    margin-left: -300px;
	padding:20px 40px 20px 40px;
	}




/*donacion*/

#wrapper-donacion{ margin:0px; /*width:100%;*/ height:100%; border-left: black 10px solid; border-right: black 10px solid;background:url(../img/fondo-donacion.jpg); background-repeat: no-repeat center center; 
min-height:100%;
background-size:cover;}

#contenido-donacion{ margin:0px; /*width:100%;*/ width:520px; background:url(../img/fondo-menu.png); background-repeat: repeat; text-align:center;position:absolute;
    top:50%;
    left: 50%;
    margin-top: -190px;
    margin-left: -300px;
	padding:20px 40px 20px 40px;
	}





/* tabla */ 


.tabla th, td{
   /*width: 100%;*/
   border: 3px solid #4493ec;
   text-align: center;
   padding: 0.3em;
}









/*accordion*/

.accordion {
   margin: 0px; }
   
   
   dt {
	   
      padding: 10px;
      border-bottom: 0;
	  font-size: 26px;
	  text-decoration:none;
             
      }
      .accordion a {
        display: block;
        color: black;
        font-weight: normal;
		font-size: 26px;
		text-decoration:none;
      }
	  
	  .accordion a:hover {
        display: block;
        color: #4493ec;
        font-weight: normal;
		font-size: 26px;
		text-decoration:none;
      }
	  
	  .accordion a:active {
        display: block;
        color: #4493ec;
        font-weight: normal;
		font-size: 26px;
		text-decoration:none;
      }
	  
   
  dd {
     border-top: 0; 
     font-size: 13px;
	 margin-bottom:20px;
	
    
     }




.accordion a.accordion-link{
        font-weight: normal;
		font-size: 14px;
		text-decoration:underline;
		display:inline;
      }
	  
	  .accordion a.accordion-link:hover{
        font-weight: normal;
		font-size: 14px;
		text-decoration:underline;
		display:inline;
		 color: #4493ec;
      }




#footer {
    border-bottom: 10px solid #000;
    
    bottom: 0;
    height: 1px;
    margin: 0 auto;
    overflow: hidden;
    padding-top: 0;
    position: fixed;
    text-align: center;
    width: 100%;
}