.headernuevo {
    background-color: #70963B !important;
    display: flex;
}

body {
    font-family: 'archivo' !important;
    font-size: 14px;
}

.headernuevo .logo img {
    width: 350px;
    margin-top: 20px;
    margin-bottom: 20px;
   
}

.maincontenedor {
    padding: 0px;
    margin: 0px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
}

.contlogin{
    display: flex;
    flex-direction: row;
    width: 40%;
    
}

.logincont {
    padding: 20px;
    
    margin-left: 20px;
}

.inputcont {
    display: flex !important;
    flex-direction: row !important;
}

.imgrecibo {
    width: 160px;
    margin-top: 20px;
    padding: 0px !important;
}

.inputlogin {
    display: flex !important;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin-top: 5px;
    margin-bottom: 5px !important;
    text-align: left !important;
}

.inputlogin input{
    height: auto !important;
    border-radius: 5px !important;
    border: solid 1px #3c3c3c !important;
}

@media (max-width: 500px) {
    .inputlogin{
        flex-direction: column !important;
        align-items: start !important;
    }
    .inputlogin .input{
        width: 100% !important;
    }
}



.loginin form {
   margin: 0px !important;
}

.loginin h4 {
    margin-bottom: 0px !important;
    font-size: 16px !important;

}
.loginin p{
    
    margin: 0px;
}
.loginin a {
    color: #70963B !important;
    text-decoration: none !important;
}

.loginin.control-label{
    padding: 0px !important;
    text-align: left !important;
}
.botoneslogin button {
    background-color: #70963B !important;
    color: white !important;
    border: none !important;
    border-radius: 5px !important;
    padding: 10px 20px 10px 20px !important;
    align-self: flex-end;
    
    
}


.logocont {
    padding-left: 0px !important;
}

.botonreset{
    margin-left: 15px;
}

.botoneslogin{
    justify-self: flex-end;
}
.contPreg{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.contPregFrec{
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.preguntontas{
    padding: 0px !important;
}



@media (max-width: 500px){
    .contPreg{
        flex-direction: column;
    }
}

.botComo{
    padding: 0px !important;
}
.botoneslogin{
    display: flex !important;
    justify-content: space-between !important;
    padding: 15px !important;
    align-items: center;
}

.botoneslogin button{
    color:#fff !important;
     
    padding: 10px 20px 10px 20px !important;
    text-decoration: none !important;
    
    text-align: center !important;
}

.pfreccont{
    display: flex !important;
    flex-direction: row !important;
    height: 50px !important;
    gap: 20px;
   
}

.pfreccont .body  {
    margin-left: 0px !important;
}

.pfreccont img {
    width: auto     !important;
    height:50px!important;
}

a:hover {
    text-decoration: underline !important;
}


@media (max-width: 500px) {
.logincont {
    margin-top: 20px;
    padding: 20px;
    width: auto !important;
}
.main.col-md-3.imgrecibo {
        display: none;
    }
}

/*              Como registrarse               */
.titulo {
    background-color: #70963B;
    padding: 15px;
    margin-top: 20px;
    width: 100%;
    align-self: center;
    height: 50px;
    display: flex;
    align-items: center;
}
.titulo h2{
    color: #fff;
    margin: 0px !important;
    font-family: 'archivo';
    font-weight: bolder;
    font-size: 20px;

}

.comoReg{
    align-self: center;
    justify-self: center;
    padding: 0px;
    
    
}

.formureg {
    background-color:#EFEEDF ;
    width: 100%;
    align-self: center;
    justify-self: center;
    border-radius: 0px 20px 20px 20px;
    
}

.formreg {
    padding: 20px;
    display: grid ;
    justify-content: space-between;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr);
    margin: 0px !important; 
}

@media (max-width: 500px) {
    .comoReg {
        width: 100%;
    }

    .formureg {
    background-color:#EFEEDF ;
    width: 100%;
    align-self: center;
    justify-self: center;
    border-radius: 0px 20px 20px 20px;
    
}

    
    .formreg{
    padding: 10px;
    display: flex ;
    flex-direction: column;
    gap: 10px;    
    
    width: 100%;
    }
    .inputsreg {
        width: 100% !important;
    }
}

.comoRegText {
width: 100%;
padding: 10px;
text-align: justify;
margin-bottom: 20px;
}

.comotext {
    width: auto;
}

.imgComo {
    width: 160px;
    height: auto;
    padding: 15px;
}

.comoRegText ul {
    list-style: none !important;
    padding: 5px !important;
}

.comoRegText p {
    margin: 0px;
}

.comoRegText h4{
margin: 10px 0px 5px 0px !important;
} 

.inputsreg {
    display: flex;
    flex-direction: column;
}

.formuregtit {
    font-size: 16px !important;
    padding: 10px;
    background-color: #EFEEDF;
    border-radius: 0px 10px 0px 0px;
    margin-bottom: 0px;
    width: fit-content;
    text-transform: none;
    

}



.checkPan p, #legaliz {
  font-size: 14px ;
  padding: 10px;
  color: #70963B;
  font-weight: bold;
  margin: 0px;
}
#legaliz {
  margin-bottom: 15px !important;
}



.checkPan a {
    margin-left: 0px !important;
}




.labelita label{
    text-align: left !important;
}

.labelita {
    text-align: left !important;
}

body {

background-color: #fff !important;
}