@charset "utf-8";

*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}


/*todos los index*/

body {

    background-color: #FEFCFA;
    width: 1355;
}

main{
    
    height: 759px;
    width: 1440px;
    
}
header {
    
    font-family: 'Roboto';
    font-size: 18px; 
    font-weight: bold;
    height: 82px;
    margin: 0px 0px 204px 0px;
    

}


/* header principal y registro */


.principalyusuario {
    display: flex;
   
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background: #000000;
    flex-wrap: wrap;
  
    }

.logo img{
    
    width: 230px;
height: 56px;
    margin-left: 22px; 
    
}


.principalyusuario nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
}





.principalyusuario nav ul li a {
    display: flex;
    justify-content: center;
   text-decoration: none;
    color: white;
    width: 176px;
    height: 82px;
   text-align: center;
   align-items: center;

    
    
}
.voluntariosprincipalyusuario {
    background-color: #009ABE;
}

.voluntariosprincipalyusuario:hover {
    background-color: #0A6479;
}


.calendarioprincipalyusuario {
    background-color: #EFA417;
}

.calendarioprincipalyusuario:hover{
    
background-color: #7B550C;    
    
}

.listadoprincipalyusuario { 
    background-color: #42B988;
}

.listadoprincipalyusuario:hover{
    
    background-color: #11775B;

    
    
}
.recorridoprincipalyusuario {
    
    background-color: #D7324A;
    }

.recorridoprincipalyusuario:hover{
    background-color: #931225;
    }

.donacionesprincipalyusuario{
    
    background-color: #4C4D4F;
}

.donacionesprincipalyusuario:hover{
    
    background-color: #2F3133;
 
    
}

/*main registro*/


.registro {
    
 display: flex;
 justify-content: center;
 flex-direction: column;
align-items: center;
text-align: center;
    
}


.registro h1 {
    
font-family:'Roboto';
font-size: 35px;
font-weight: bold;
margin: 0px 0px 53px 0px;
    
}



.registrodatos {
display: flex;
flex-direction: column;
flex-wrap: wrap;

}

.registrodatos input {

border-radius: 5px;    
width: 513px;
height: 57px;
background-color: #FEE2AC;
margin: 0px 0px 29px 0px;
border-color: #F3B744;
padding: 0px 0px 0px 30px;
}



.registrarse button{
background-color: #F3B744;
height: 52px;
width: 334px;
border-radius: 5px;
margin: 39px 0px 0px 0px;
font-size: 25px;
font-family: 'Roboto';
font-weight: bold;
text-transform: uppercase;
}

.registrarse button a{
    
color: #000000;    
    
}

.registrarse button:hover {
    
background-color:#c3943b;     
    
}

/*fin main registro*/

/* footer usuario */

footer {
    
background-color: #000000;
height: 108px;

    
}

/* footer principal */
.registrarme {
    

background-color: #000000;
height: 108px; 
display: flex;
justify-content: flex-start;
align-items: center;

}

.registrarme button{
    margin: 0px 0px 0px 34px;
    width: 183px;
    height: 33px;
   background: #F3B744;
    border-radius: 5px;
}


.registrarme button a{
 
color: #000000;
text-transform: uppercase;
font-family: 'Roboto';
font-size: 18px;
font-weight: bold;
    
}

.registrarme button:hover{
    
 background: #c3943b;   
    
}