@import url('https://fonts.googleapis.com/css?family=El+Messiri|Lobster');

h2 {
    display: flex;
}

h3{
    display: flex;
    justify-content: center;
    
}

header{
    width: 90%;
    
}







#a1{
    font-family: 'El Messiri', sans-serif;
    font-size: 1.1rem;
	background-color: #4251cb;
    color: white;
    padding: 15px 32px;
    display: flex;
 	margin-top:1rem;
    margin-bottom: 0.5rem;
    align-items: center;
    justify-content: center;
     -webkit-transform: translate(0, 50%);
    border-radius: 5%;
}

#a2 {
      font-family: 'El Messiri', sans-serif;
    font-size: 0.8rem;
	background-color: #cb3c7e;
    color: white;
    padding: 15px 32px;
    display: flex;
 	margin-top:0.5rem;
    margin-bottom: 0.5rem;
    align-items: center;
    justify-content: center;
     -webkit-transform: translate(0, 50%);
    border-radius: 10%
   
}

#body1{
    background: rgba(244, 215, 182, 0.4); 
    display: flex;
    justify-content: center;
    font-size: 1.5rem;
    margin: auto;
    width: 90%;
    flex-direction: column;
    align-items: center;
    
}

#columnas{
    display: flex;
    flex-direction:column;
    margin: auto;
    margin-top: 0.1rem;
}

#footer3{
    font-family: Lobster;
    font-size: 0.8rem;
    display: flex;
    margin: 4rem;    
}


#imagen{
    display: flex;
    width: 5rem;
    height: 5rem;

}

#p1{
    font-family: Lobster;
    font-size: 1rem;
    background: rgba(149, 122, 122, 0.72);
    width: 20rem; 
    height: 1,5rem;
    text-align: center;
}
#p2{
    font-family: Lobster;
    font-size: 1rem;
    background: rgba(196, 140, 35, 0.35);
    width: 20rem; 
    height: 1,5rem;
    text-align: center;
}

#p3{
     background: none;
}

#p4{
    font-family: Lobster;
    margin-right: auto;
    display: flex;
    text-align: center;
    font-size: 1rem;
    line-height: 2rem;
}

#p5{
    font-family: Lobster;
    text-align-last: left;
    font-size: 1rem;
    line-height: 1rem;
}

#Logo{
    display: flex;
    align-items: center;
    width: 50%;
    margin: auto;
    padding: 5%;
    background-color:white;
    margin-top:1rem;
}

#rubros {
    margin: auto;
    display: flex;
    justify-content: center;
    flex-direction: row;
    align-items: center;
    width: 50%;
    flex-wrap: wrap;

}

#main1{
    align-items: center;
    align-content: center;
    display: flex;
    justify-content: left;
    flex-direction: column;
    width: 100%

}


.banner{
    font-family:'El Messiri', sans-serif; 
    font-size: 3rem;
    background-color: rgba(224, 72, 130, 0.26);
    background-size:contain;
    color: hsl(0, 0%, 0%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.boxComun {

}

.boxContrasena {

}
.cuerporeg{
    margin-top:auto;
    position:relative;
    width: 100rem;
    
}

.chkRubros {
    margin-top: auto;
    margin-left: 3rem;
    margin: auto
    justify-content: left;
    line-height: inherit;
    font-size:8rem;

}

.fila {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.usuario {
    margin: auto;
    text-align: center;
    font-size: 75%;
    padding: 3em 1em 1em 1em;
    border-bottom: solid 1px rgba(255,255,255,.25);
    font-family: 'Acme', sans-serif;
    text-decoration: none;}



.porcentaje{
    margin: auto;
    flex-direction: column;
    display: flex;
    margin-top:0.1rem;
    }

.p5{
    font-family: Lobster;
    text-align-last: left;
    font-size: 1rem;
    line-height: 1rem;
}