/*RESET
  -----*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
strong, b {font-weight:bold;}
em {font-style:italic;}
small {font-size:0.9em;line-height:1.25em;}
a img { border: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td {font-weight: normal; }
table, td, th { vertical-align: middle; }
img { -ms-interpolation-mode: bicubic; }

/*UTILS
  -----*/
.txtl {text-align:left;}
.txtr {text-align:right;}
.txtc {text-align:center;}
.txtb {font-weight:bold;}
.imgc {display:block;margin:auto;}
.imgr {float: right;padding: 4px;margin: 0 0 2px 7px;display: inline;}
.imgl {float: left;padding: 4px;margin: 0 7px 2px 0;display: inline;}
.fltl {float:left;}
.fltr {float:right;}
.clear {clear:both;}

/*GLOBAL
  ------*/
body {background:#cccedb;font:62.5% "Helvetica Neue", Arial, Helvetica, sans-serif;}
.wrap {margin:0 auto;width:1024px;}

h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #111;}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em;}
h2 {font-size: 2em; margin-bottom: 0.75em;}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em;}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em;}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 {font-size: 1em; font-weight: bold;}
h1 img, h2 img, h3 img,h4 img, h5 img, h6 img {margin: 0;}

/*MSG_PRINT*/
#info, #error {clear:both;font-size:1.2em;margin:5px 0;padding:10px 10px 10px 30px;}
#info {background:#ECF3F8 url(../img/checked.gif) no-repeat 10px 10px;border:1px solid #7EBEEE;}
#error {background:#FFDFDF url(../img/unchecked.gif) no-repeat 10px 10px;border:1px solid #AE2B2B;}
#info a {text-decoration:none;border-bottom:1px dotted #C8373E;color:#C8373E;}
#info a:hover {border-bottom:1px solid #C8373E;}
a#cerrarmsg {color:red;font-weight:bold;font-size:10px;text-decoration:none;text-align:right;display:block;}
a#cerrarmsg:hover {text-decoration:underline;}

/*HEADER
  ------*/
#header {background:url(../img/header-login.png) repeat-x;height:178px;padding:0;}
#header h1 {background: url(../img/logo_prodir.png) no-repeat center center;display:block;height:178px;margin:0 auto;text-indent:-9999px;width:372px;}

/*CONTENT
  -------*/
#content {background:url(../img/bklogin.png) no-repeat center top;height:380px;padding:80px 0 0;}
#content .formbg {background:url(../img/login2.png) no-repeat;display:block;height:200px;margin:0 auto;padding:50px 0 0;width:305px;}

label {color:#454546;float:left;font-weight:bold;margin:0 10px 0 0;padding:5px 0 0;text-align:right;width:90px;}
input {width:160px;}
#btnsubmit {display:block;margin:0 auto;text-align:center;width:100px;}

/*FOOTER
  ------*/
#footer {background:url(../img/footer-bg.png) repeat-x;color:#454546;font-size:1.3em;height:90px;padding:30px 0 0;text-align:center;}
#footer p {margin:0;padding:0;text-shadow:0 1px 0 #fff;}