html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;outline:none;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:disk;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
input, select { border: solid 1px #999; }
input:hover, input:focus { border: solid 1px #000; }
input[type=submit]{background: #CDD; cursor: pointer; }
input[type=submit]:hover { border: solid 1px #999; background: #BCC; cursor: pointer; }
/* GENERAL */

html, body{ font-family: Arial; color: #444; }
a, a:active{ color: #859ad1; text-decoration: none;
  -webkit-transition: .5s ease-in;
  -moz-transition: .5s ease-in;
  -o-transition: .5s ease-in; }
a:hover, a:focus{ color: #333; text-decoration: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none; }
h1{ font-size: 24px; font-weight: bold; }
h2{ font-size: 18px; font-weight: bold; margin-bottom: 8px; clear: both; }

#wrapper{ width: 960px; margin: 0 auto; }
#top { position: relative; width: 960px; margin: 10px auto; height: 110px; background: url(../img/top.png) no-repeat; display: inline-table; border-bottom: solid 1px #999; }

#top #nav{ position: absolute; list-style:none; bottom: 0; left: 110px; list-style:none; }
#top #nav li{ float: left; }
#top #nav li a, #top #nav li p{ padding: 6px 14px; line-height: 2em; display: block; margin-right: 6px; background: #FFF; text-decoration: none; color: #555; font-size: 12px; border: solid #CCC 1px; border-bottom: 0; }
#top #nav li:last-child{ text-align: right; margin: 0; }
#top #nav li.active a{ position: relative; bottom: -1px; color: #999; border-color: #999; }

#footer{ width: 100%; background: #DDD; padding: 8px; display: table; }

#alert{ color: #859ad1; list-style:none; width:100%; line-height: 2.5em; font-size: 16px; font-weight: bold; border-top: solid 2px #859ad1; border-bottom: solid 2px #859ad1; text-align: center; margin-bottom: 8px;}
#alert .no { color: #C66; }

#panel{ position: fixed; list-style:none; width:960px; bottom: 0; list-style:none; background: #EEE; border: solid 1px #DDD; border-bottom: 0; padding: 6px 0; }
#panel li{ float: right; }
#panel li a, #panel li p{ padding: 0 10px; line-height: 2em; border-right: solid 1px #CCC; display: block; }
#panel li:last-child{ text-align: right; }

#main{ width: 100%; position: relative; }
#main h2{ width: 100%; text-align: center; }

table.bills{ width: 960px; margin: 0 auto; padding: 0; background: #fefefe; border: solid 1px #999; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 70px; }
table.bills h2{ width: 100%; text-align: center; padding: 0; }
table.bills th{ background: #999; font-weight: bold; color: #FFF; padding: 0 8px; line-height: 3em; text-align: center; border-right: 1px solid #aaa; }
table.bills th:last-child{ border: 0; }
table.bills th a{ color: #FFF; }
table.bills th a:hover{ color: #000; }
table.bills tr{ line-height: 3em; border-bottom: 1px solid #CCC; }
table.bills tr:last-child{ border: 0; }
table.bills tr:hover{ background: #EEE;}
table.bills td{ padding: 0 12px; vertical-align: middle; border-right: 1px solid #EEE; }
table.bills td:last-child{ border: 0; }
.xml{ width: 38px; height: 30px; margin-top: 10px;  background: url(../img/thumbs.png); display: inline-block; border-right: 1px solid #CCC; }
.pdf{ width: 38px; height: 30px; margin-top: 10px; background: url(../img/thumbs.png) 38px; display: inline-block; }

.form { position: relative; width: 940px; margin: 20px auto 0; padding: 10px; border: 1px solid #CCC; display: block; }
.form div { padding-top: 36px; }
.form div div { padding: 0; }
.form .footer { border-top: 1px solid #CCC; font-size: 10px; text-align: center; color: #F66; }
.form div.content { display: none; }
.status { display: none; border-top: 1px solid #CCC; line-height: 3em; font-size: 16px; color: #F66; font-weight: bold; text-align: center; }
.form legend { color: #005EAC; width: 100%; float: left; font-size: 20px; margin: 0 auto; text-align: center; }
.form legend.link{ cursor: pointer; }
.form legend.close{ color: #555; }
.form label { clear: both; vertical-align: top; width: 900px; padding: 10px 0; border-top: solid 1px #ccc; vertical-align: absmiddle; display: table; margin: 0 auto; }
.form label:last-child { padding-bottom: 0; }
.form label span{ float: left; vertical-align: top; line-height: 3em; }
.form label span.right{ text-align: center; float: right; width: 350px;}
.form #new{ background: #9C9; line-height: 2em; font-size: 14px; padding: 10px; margin-bottom: 10px; }
.form label input, .form label textarea, .form label select{ padding: 10px; float: right; vertical-align: top; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.form label input[type=text], .form label input[type=password], .form label input[type=file]{ width: 300px; }
.form label input[type=submit], .form label textarea, .form label select{ width: 322px; }

ul.factura { padding: 10px 30px; margin-bottom: 20px; color: #666; background: #EEE; }
ul.factura li { list-style: none; line-height: 2em; padding: 0 10px; }
.form h2 { text-align: center; }

.flor { position: absolute; right: 0; top: 0; }

#pag { text-align: center; line-height: 3em; position: relative; margin-bottom: 100px; }
.pages{ list-style: none; float: right; height: 40px; }
.pages li { float: left; padding: 0 8px; border-right: solid 1px #DDD; line-height: 2em; vertical-align: middle; }
#pag .show{ width: 400px; position: absolute; left: 0; float: left; text-align: left; }
#pag .show form { float: right; height: 10px; border:0; margin: 0; padding: 0; }
#pag .show form select { padding: 2px; }
#pag .show form input { padding: 3px; }

#ui-datepicker-div { border: solid 1px #999; background: #fefefe; padding: 10px; margin-left: 50px; }

#ui-datepicker-div a{ padding: 6px; text-decoration: none; font-weight: bold; text-align: center; cursor: pointer; border: solid 1px #fefefe; display: block; color: #699; }
#ui-datepicker-div a:hover{ border: solid 1px #CCC; background: #EEE;}
.ui-datepicker-inline a{ padding: 50px; }
.ui-datepicker-title { text-align: center; font-weight: bold; line-height: 2.4em; }
.ui-datepicker-prev { float: left; }
.ui-datepicker-next { float: right; }
.ui-datepicker-append {padding: 50px; }
.ui-datepicker-trigger { padding: 10px; }
.ui-datepicker-dialog { padding: 10px; }
.ui-datepicker-disabled { padding: 10px; }
.ui-datepicker-unselectable {  }
.ui-datepicker-current-day {  border: solid 1px #CCC;  }
.ui-datepicker-current-day a{ color: #333; }
.ui-datepicker-days-cell-over a{ color: #999; padding: 10px; }