
body{

  font-family: 'Lato', sans-serif;
  background: url('../images/fondos/fondo_principal01.jpg') no-repeat center center fixed;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;

}

/*********************************************************
************************** LOGIN *************************
**********************************************************/


.auth-content{
  background-color: rgba(255, 255, 255, 0.8);
  margin: 10% auto 0;
  max-width: 500px;
  padding: 30px 30px;
  .bordered;
    border-radius: 10px;
}
.auth-content .logo_sl{
  padding-bottom: 30px;
  padding-top: 25px;
  text-align: center;
}
.auth-content h4{
    colorX: #FFFFFF;
}
.auth-content label{
    font-weight: 400;
    colorX: #FFFFFF;
}


.title-main {
    color: #72CBD3;
    font-family: "DIN Condensed", "Poppins", sans-serif;
    font-size: 36px;
    font-weight: 200;
}
.subtitle-main {
    color: #333333;
    font-size: 20px;
    margin-top: -10px;
}
#formLogin {
    margin: 50px 80px 30px 80px;
}


.footer-login{
    position: fixed;
    bottom:0;
    left: 0;
    width: 100%;
    padding: 12px 0 10px;
    background-color: rgba(0,0,0,0.8);
}

/*********************************************************
************************** DE AYUDA *************************
**********************************************************/

.bordered{
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/*********************************************************
************************** BOOTSTRAP *************************
**********************************************************/

.btn-default{
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #FFFFFF;
}
.btn-default:hover{
  background-color: #333333 !important;
  border-color: #333333 !important;
  color: #FFFFFF;
    opacity: 0.8;
}

.btn-link{
  color: #FFFFFF;
  font-weight: 300;
  font-size: 12px;
}
.btn-link:hover{;
  color: #CFCFCF;
}
