html, body, footer{
    width: 100%;
    font-size: 19px;
    margin: 0 auto;
}

header{
    position: absolute;
    width: 65%;
    margin-left: 18%;
}
.cabecera{
    width: 100%;
    padding: 0.8%;
    min-height: 50px;
    font-size: 30px;
	color: white;
    background-color:darkcyan;
    text-align: center;
}
img{
    width: 100%;
    margin: 0 auto;
}
nav{
    margin-top: 22%;
}

/*  INDEX   */

.principal{
	width: 100%;
    padding: 2%;
    border-radius: 10px;
    overflow: hidden;
}
.volunt{
	width: 50%;
	float:left;
	height: 100%;
}
.imagenV img.volun{
	width: 100%;	
	margin-top: 6%;
	border-radius: 10px;
}

.imagenV {
    float: left;
    overflow: hidden;
	margin-left: 3%;
	width: 60%;
}



.entidades{
	float:right;
	width: 30%;
	padding: 2%;
	overflow: hidden;
	text-align:center;
}

.botonEnviarForm, .botonModal, .botonLogin, .botonRegistro{
    width: auto;
    height: 35px;
    border-radius: 4%;
    background-color: white;
    font-size: 15px;
    box-shadow: 5px 5px 10px #999;
}



/*  ACTIVIDADES  */

.tablonActividades1{
    width: 40%;
    padding: 4%;
    margin: 3%;
    border-radius: 2%;
    box-shadow:0 0px 5px #999, 0 0 20px #999 inset;
    float: left;
}
.tablonActividades2{
    width: 40%;
    padding: 4%;
    margin: 3%;
    border-radius: 2%;
    box-shadow:0 0px 5px #999, 0 0 20px #999 inset;
    float: right;
}



/*  CONTACTO    */ 

.contacto{
    overflow: hidden;
    width: 100%;
}

.mapa{
    margin-top: 3%;
    width: 60%;
    float: right;
    overflow: hidden;
}
.datos{
    margin-top: 3%;
    width: 30%;
    float: left;
    overflow: hidden;
}


/*  FOOTER  */

footer{
    width: 100%;
    min-height: 50px;
    margin: 0 auto;
    font-size: 15px;
    text-align:center;
	color: white;
    background-color:darkcyan;
    display: table;
}