body{
    width: 100%;
    padding: 0px;
    margin:0px;
    background-image: url(../images/papel.jpeg);
    background-size: contain;
    background-position: center;
}   
.base_head{
   /*background-image: radial-gradient(circle at 87.5% 12.5%, #e128ec 0, #b324d9 16.67%, #831dc0 33.33%, #5013a2 50%, #110a83 66.67%, #000366 83.33%, #00004d 100%);
   */
   background-image: radial-gradient(circle at 87.5% 12.5%, #e128ec 0, #b324d9 16.67%, #831dc0 33.33%, #5013a2 50%, #110a83 66.67%, #000366 83.33%, #00004d 100%);
   display: flex;
}

.cabecera {
   width: 50%;
   padding: 20px;
}
.cabecera img{
   width: 55%;
   padding: 0px;
}
.cabecera2 img{
   width: 80%;
   padding: 20px;
   margin-right: 100px;
}
.titulo{

      background-image: url('/images/caminodevida.png');
      background-repeat: no-repeat;
      text-align: center;
      padding: 35px;
      background-position: left;
   width: 80%;
   padding: 20px;
}

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

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

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

.form-login{
   display: inline-block;
   width: 80%;
   margin: 20px 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;
    }

}