/*
    Created on : 15/01/2016
    Updated on : 15/01/2016
    Author     : lbarrios
*/

#contenido{
  height: 500px;
  opacity: 1;
  text-align: center;
}
.login{
  font-family: 'Muli', sans-serif;
  font-size: 0.90em;
}
.login h1, .login h2, .login h3, .login h4, .login h5, .login h6{
  margin: 0px;
}
.login h1{
  font-weight: 100;
  word-spacing: 0.2em;
  letter-spacing: 7px;
  font-size: 48px;
  line-height: 60px;
  text-transform: uppercase;
  color: #FFF;
  text-shadow: 4px 3px 4px rgb(0, 0, 0);
}
.login h2{
  font-size:1.58em;
  line-height: 20px;
  font-weight: 400;
  word-spacing: 0.1em;
  color: #333;
  /*text-shadow: 2px 1px 1px rgb(177, 177, 177);*/
  margin-top: 50px;
}
.inputTexto label{
  display: block;
  clear: both;
  font-weight: 200;
  letter-spacing: 0.2em;
  line-height: 20px;
  font-size: 16px;
  text-transform: uppercase;
  color: #333;
}
.inputTexto input{
  height: 20px;
  margin: 0px 0px 10px 0px;
  padding: 10px 5px;
  border: 0px;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.2, #6FA9D0), color-stop(1, #0067AC) );
  background: -moz-linear-gradient( center top, #6FA9D0 20%, #0067AC 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6FA9D0', endColorstr='#0067AC');
  background-color: #666666;
  color: #ffffff !important;
  font-family: "MODERN H", Sans-Serif !important;
  text-align: center;
  font-size: 18px !important;
  line-height: 24px !important;

  font-weight: bold;

  text-decoration: none;
  text-shadow: 1px 1px 2px #241f24;
  opacity: 0.6;
}
.fila label{
  -webkit-transition-property: color, text-shadow, opacity;
  -moz-transition-property: color, text-shadow;
  -o-transition-property: color, text-shadow;
  transition-property: color, text-shadow;
  -webkit-transition-duration: .4s;
  -moz-transition-duration: .4s;
  -o-transition-duration: .4s;
  transition-duration: .4s;
}
.fila:hover label{
  font-weight: 700;
  color: rgb(0, 103, 172);
  text-shadow: 0px 0px 20px rgb(241, 228, 76);
  text-shadow: 0px 0px 20px rgba(241, 228, 76, 0.56);
  opacity: 1;
}
.inputTexto input{
  -webkit-transition-property: webkit-box-shadow, opacity;
  -moz-transition-property: -moz-box-shadow;
  -o-transition-property: -box-shadow;
  transition-property: -box-shadow;
  -webkit-transition-duration: 1.3s;
  -moz-transition-duration: 2s;
  -o-transition-duration: 2s;
  transition-duration: 2s;
}
.inputTexto input:focus, #enviar:hover, #enviar:focus{

  -webkit-box-shadow: inset 0px 0px 50px rgb(0, 0, 0), 0px 0px 20px rgb(241, 228, 76);
  -webkit-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.47), 0px 0px 20px rgba(241, 228, 76,0.56);
  -moz-box-shadow: inset 0px 0px 50px rgb(0, 0, 0), 0px 0px 20px rgb(241, 228, 76);
  -moz-box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.47), 0px 0px 20px rgba(241, 228, 76,0.56);
  box-shadow: inset 0px 0px 50px rgb(0, 0, 0), 0px 0px 20px rgb(241, 228, 76);
  box-shadow: inset 0px 0px 50px rgba(0, 0, 0, 0.47), 0px 0px 20px rgba(241, 228, 76,0.56);
  opacity: 0.8;
}
.recordarUsuario{
  height: 20px;
}
.recordarUsuario label{
  font-weight: 200;
  letter-spacing: 0.2em;
  line-height: 20px;
  height: 20px;
  font-size: 14px;
  text-transform: uppercase;
}
.recordarUsuario input:checked + label{
  color: #00CE00;
  font-weight: 700;
}
.recordarUsuario label:active{
  color: red;
}
.noIE .recordarUsuario input{
  display: none;
}
input.error{
  background: rgb(255, 216, 216) !important;
  color: rgb(117, 14, 0) !important;
  border-color: rgb(0, 0, 0) !important;
}
label.error{
  background: transparent;
  color: rgb(117, 14, 0);
  border: none;
}
.errorMessage{
  font-size: 0.9em;
  font-weight: 700;
  margin-top: 1em;
  color: rgb(117, 14, 0);
  font-style: italic;
}
/*
#enviar{
  font-weight: 400;
  text-transform: uppercase;
  background: rgb(87,90,93);
  background: rgba(87,90,93,0.3);
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
  border: none;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 5px 30px;
  top: -4px;
}
*/
.required{
  display: none;
}

#contenido {
  border: 1px solid #a9a9a9;
  width: 938px;
}

.logo-fao {
  /*margin-top:250px;*/
  margin-top:171px;
}