body{
    width: 100%;
    padding: 0px;
    margin:0px;
}   
.base_head{
   background-color:#DD3333;
   display: flex;
}

.cabecera {
   width: 50%;
   padding: 20px;
}
.cabecera img{
   width: 50%;
   padding: 0px;
}
.cabecera2 img{
   width: 80%;
   padding: 20px;
}
.titulo{
   width: 80%;
   padding: 30px;
}

.titulo h1{
   color:#ffff ;
   font-size: 28px;
}
.divicion{
   background-color: #000000;
   height: 22px;
   width: 100%;
   text-align: center;
   padding: 10px;
}
.divicion label{
   color: #fff;
   font-size: 20px;
}

.footer2{
   background-color: #000000;
   height: 35px;
   width: 100%;
   text-align: center;
   padding: 0px;
}
.footer2 label{
   color: #fff;
   font-size: 12px;
}
.footer2 img{
   width: 26px;
  margin-bottom: -13px;
}
.contenido{
   width: auto;
   margin: 50px;
}

.contenido fieldset{
   width: 50%;
   margin: 0 auto;
}

.form-login{
   display: inline-block;
   width: 80%;
   margin: 0px 10px 10px 100px;
}

.espacio{
   margin-top: 20px;
   margin-bottom: 20px;
}

.boton_login {
   text-align:center;
   margin: 20px;
 }

.boton_login input{
   width: 85%;
   height: 30px;
}



.dimension input{
   width: 83%;
height: 30px;
}

.recup{
   text-align: center;
   margin: 20px;
}

.registro{
   text-align: end;
   padding: 20px;
}


.nombre_usr{
position: relative;
left: 31%;
top: 5px;
}

.cierre{
   text-align: end;
margin: 10px;
}

.boton_login {
   text-align: initial;
   margin: 0px;
 }

@media (min-width: 320px) and (max-width:720px){


   .cabecera {
      width: 88%;
      padding: 20px;
    }

    .base_head {
      background-color: #DD3333;
      display: block;
   }

   .titulo {
      width: 93%;
      padding: 10px;
   }

   .cabecera2 img{
      display: none;
   }

   .registro {
      text-align: center;
   }

   .contenido fieldset {
      width: 100%;
   }

   .form-login {
      display: inline-block;
      width: 100%;
      margin: 0px 10px 10px 10px;
    }

    .footer2 {
      width: 94%;
      text-align: center;
      padding: 10px;
    }

    .titulo h1{
      text-align: center;
    }

    .boton_login {
      text-align: initial;
      margin: 0px;
    }

    .divicion label {
      color: #fff;
      font-size: 14px;
    }
    .nombre_usr{
       left: 0px;
    }
}

@media (min-width:720px) and (max-width: 1080px)  {

   .contenido fieldset {
      width: 100%;
   }

   .boton_login {
      text-align:inherit;
      margin: 0px;
    }

}