* {
    margin:0;
    padding:0;
    outline:0;
}
@font-face {
    font-family: 'luzsans-bookluzsans-book';
    src: url('../fonts/sistema/luzro-webfont.eot');
    src: url('../fonts/sistema/luzro-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sistema/luzro-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
html, body { cursor:default;}
body {
    /*background-image: url(../images/css_backTop2.jpg);
    background-repeat:repeat-x; */
    background: #FFFFFF;
    /* tipo de letra estandar para todo el sistema ---- CS*/
    font-family: 'luzsans-bookluzsans-book';
    font-size:13px!important;
}
#login_layer{
    
    width:100%;
    height:auto;
    min-height:100%;
    position:absolute;
    background: #044c8b;
    background: -moz-linear-gradient(top, #dbe9f0 0%, #e8f1f6 49%, #f7fafc 51%, #ffffff 51%, #ffffff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #dbe9f0), color-stop(49%, #e8f1f6), color-stop(51%, #f7fafc), color-stop(51%, #ffffff), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(top, #dbe9f0 0%, #e8f1f6 49%, #f7fafc 51%, #ffffff 51%, #ffffff 100%);
    background: -o-linear-gradient(top, #dbe9f0 0%, #e8f1f6 49%, #f7fafc 51%, #ffffff 51%, #ffffff 100%);
    background: -ms-linear-gradient(top, #dbe9f0 0%, #e8f1f6 49%, #f7fafc 51%, #ffffff 51%, #ffffff 100%);
    background: linear-gradient(to bottom, #dbe9f0 0%, #e8f1f6 49%, #f7fafc 51%, #ffffff 51%, #ffffff 100%);
}
.login-container{
    position:absolute;
    width:100%;
    height:100%;
    background:url('../images/img-login/img-back.png') repeat-x;
    background-position-y:50%;
    background-position:center;
}
#login_layer .logo{background:url('../images/img-login/login-logo.png') no-repeat center top;width:281px;height:93px;margin:0px auto 5px;}
#login_layer .frm-container{
    
    width:488px;
    height:340px;
    margin:0 auto;
    background:#f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
    background: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
    background: -webkit-gradient(linear, 0% 50%, 0% 100%, from(#f5f5f5), to(#e5e5e5));
    border:1px solid #dedede;
    
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2); 
    /*---- acomodamos a que quede a la mitad ----*/
    position:relative;
    margin-top:10%;
    z-index: 1;
}
#login_layer h1{text-align: center;font-size: 1.3em;letter-spacing: 1px;color: #3099bc;}
.frm-container form{
    padding: 10px;
    width: 400px;
    margin: 0 auto;
}
.frm-container  input[type=text]{

    border: 0px;
    background:#ffffff;
    color:#888;
    outline:none;
    width: 100%;
    height:40px;
    margin: 5px auto 8px auto;
    padding: 0 10px 0 10px;
   
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    
    -moz-background-size: 24px 160px;
    -o-background-size: 24px 160px;
    -webkit-background-size: 24px 160px;
    background-size: 24px 160px;
    
    -webkit-box-shadow:inset 0px 0px 10px #c6c6c6;
    -moz-box-shadow:inset 0px 0px 10px #c6c6c6;
    box-shadow:inset 0px 0px 10px #c6c6c6;
    border:1px solid #cdcdcd;
    opacity:0.70;

}
.input{text-align:center;} 
.frm-container button, .frm-container .button{
    color:#ffffff;
    font-size:14px;
    font-weight:bold;
    text-shadow:1px 1px 2px #555555;
    text-align:center;
    outline:none;
    height: 40px;
    margin: 21px auto;
    padding: 0px;
    width: 130px;
    height:35px;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    cursor:pointer;
    text-transform: uppercase;
}
.frm-container button{
    background:#6eac3d;
    background: -moz-linear-gradient(top, #6eac3d, #4e8819);
    background: linear-gradient(to bottom, #6eac3d, #4e8819);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6eac3d), to(#4e8819));
    border:1px solid #55a010; 
}
.frm-container button:hover{
    background:#6ec121;
    background: -moz-linear-gradient(top, #6ec121, #4f9b0a);
    background: linear-gradient(to bottom, #6ec121, #4f9b0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6ec121), to(#4f9b0a));
}
.button{
    
    padding: 6px 15px!important;
    text-decoration: none;
    background:#024f74!important; 
    background: -moz-linear-gradient(top, #024f74, #023851)!important; 
    background: linear-gradient(to bottom, #024f74, #023851)!important; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#024f74), to(#023851))!important; 
    border:1px solid #07466f!important;  
}
.button:hover{
    background:#0b6f9e!important; 
    background: -moz-linear-gradient(top, #0b6f9e, #05415d)!important; 
    background: linear-gradient(to bottom, #0b6f9e, #05415d)!important; 
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0b6f9e), to(#05415d))!important; 
}
.field-captcha{width: 50%;float: left;text-align: left;}
input.error{border: 1px solid #cd7e7a; background: #ffe7e6;}
label.error{
    position: absolute;
    background: #ffe7e6;
    padding: 5px 5px 5px 8px;
    border: 1px solid #cd7e7a;
    color: #a44541;
    border-radius: 15px 4px 0px 0px;
    -moz-border-radius: 15px 4px 0px 0px;
    -webkit-border-radius: 15px 4px 0px 0px;
    z-index: 5000;
    font-size:11px;
    
}
label.incorrect-email{
    margin-top: -74px;
    right: 48px;
    display: -webkit-box;
    
}
label.incorrect-captcha{
    margin-top: 3px;
    margin-left: 248px;
    border-radius:  0px 4px 4px 15px;
    -moz-border-radius:  0px 4px 4px 15px;
    -webkit-border-radius: 0px 4px 4px 15px;
}
.btn-container{
    clear: both;
    bottom: 30px;
    position: absolute;
    text-align: center;
    width: 100%;
}
.btns{
    margin: 5px auto;
    clear: both;
    display: table;
}
.btns button:first-child{margin-right:5px;}
.btns button:last-child {margin-left :5px;}
/*------------------------------CAPTCHA ----------------------------------------------*/
.BDC_CaptchaDiv {
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  padding-top: 10px!important;
}
.BDC_CaptchaImageDiv {
  margin: 0 !important;
  padding: 0 !important;
  display: -moz-inline-stack;
  display: inline-block !important;
  vertical-align: top !important;
  zoom: 1 !important;
  *display: inline !important;
}
.BDC_CaptchaIconsDiv {
  text-align: left !important;
  margin: 0 2px -4px 2px !important;
  padding: 0 !important;
  display: -moz-inline-stack;
  display: inline-block !important;
  vertical-align: top !important;
  zoom: 1 !important;
  *display: inline !important;
}
.BDC_CaptchaDiv a:link, .BDC_CaptchaDiv a:visited, .BDC_CaptchaDiv a:focus, .BDC_CaptchaDiv a:hover, .BDC_CaptchaDiv a:active {
  margin: 0 !important;
  padding: 0 !important;
  background-color: transparent !important;
  border: none !important;
  text-decoration: none !important;
  outline: none !important;
  -moz-outline-style: none !important;
  display: -moz-inline-stack;
  display: inline-block !important;
  vertical-align: top !important;
  zoom: 1 !important;
  *display: inline !important;
}
.BDC_CaptchaDiv a:focus, .BDC_CaptchaDiv a:active {outline: 1px dotted #333 !important;}
.BDC_CaptchaIconsDiv a:link, .BDC_CaptchaIconsDiv a:visited, .BDC_CaptchaIconsDiv a:focus, .BDC_CaptchaIconsDiv a:hover, .BDC_CaptchaIconsDiv a:active {margin: 1px 2px 4px 2px !important;}
.BDC_CaptchaDiv a img {
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
}
.BDC_CaptchaIconsDiv a.BDC_ReloadLink { display: none !important;}
.BDC_Placeholder {
  visibility: hidden !important;
  width: 0 !important;
  height: 0 !important;
}
*html .BDC_Placeholder {display: none !important;}
*:first-child+html .BDC_Placeholder {display: none !important;}
.BDC_Warning { font-size: 12px !important; color: red !important;}
.BDC_CaptchaDiv a.BDC_DisabledLink {
  padding: 0 !important;
  position: relative !important;
  z-index: 24 !important;
}
.BDC_CaptchaDiv a.BDC_DisabledLink span {display: none !important;}
.BDC_CaptchaDiv a.BDC_DisabledLink:hover, .BDC_CaptchaDiv a.BDC_DisabledLink:focus {
  z-index: 25 !important;
  cursor: help !important;
  font-size: 100% !important;
}
.BDC_CaptchaDiv a.BDC_DisabledLink:hover span {
  display: block !important;
  z-index: 9999 !important;
  position: absolute !important;
  top: 0 !important;
  background-color: #f0f0f0 !important;
  border: 1px solid #ddd !important;
  color: #f00 !important;
  left: 30px !important;
  width: 250px !important;
  padding: 9px 6px 6px 11px !important;
  font-size: 11px !important;
  filter: alpha(opacity=90) !important;
  KHTMLOpacity: 0.90 !important;
  MozOpacity: 0.90 !important;
  opacity: 0.90 !important;
}
.BDC_CaptchaDiv a.BDC_DisabledLink:focus img {border: 1px solid transparent !important;}
.BDC_CaptchaDiv a.BDC_DisabledLink span em {
  display: block !important;
  padding: 0 5px 5px 0 !important;
  margin: 0 !important;
  font-style: normal !important;
}
.BDC_CaptchaDiv .BDC_CaptchaImageDiv span.BDC_ProgressIndicator {color: black;}