@charset "utf-8";*{margin:0;padding:0}
html{background-color:@color51@}
body,.float,.all{margin:0;padding:0;font:normal normal normal 10px/1.3em Verdana,Tahoma,Geneva,sans-serif}
a,a:hover,a:visited,a:link{text-decoration:none;color:#039}
a img{border:0}
a:hover{text-decoration:underline;color:#666}
a.btn,a:hover.btn,a:link.btn,a:visited.btn{display:inline-block;margin:5px 10px;padding:2px 15px;font:normal normal bold 11px/1.4em Tahoma,Geneva,sans-serif;background:@color13@;color:@color51@;border:solid 1px #9c1931;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
a:hover.btn{border:solid 1px #9c1931;background:#e66384;color:@color51@;text-decoration:none}
h1,h2,h3,h4,h5,h6,p{display:block;clear:both;text-align:left}
.rgh{text-align:right}
.lft{text-align:left}
.ctr{text-align:center}
h1{font:normal normal bold 16px/1.3em Arial,Helvetica,sans-serif;border-bottom:solid 1px #ccc;text-transform:uppercase;padding:.5em 0;margin:1em 0}
h2{font:normal normal bold 12px/1em Arial,Helvetica,sans-serif;text-transform:uppercase;border-bottom:solid 1px #ccc;padding:.5em 0;margin:1em 0}
h3{font:normal normal normal 14px/1em Tahoma,Geneva,sans-serif;padding:.5em 0;color:#06c}
h4{font:normal normal normal 12px/21px Tahoma,Geneva,sans-serif;margin:0;color:#002469}
h5{margin:0;padding:4px 0;color:#333;font:normal normal normal 9px/14px Verdana,Tahoma,Geneva,sans-serif}
h6{padding:2px 0;font:normal normal normal 9px/1.4em Verdana,Tahoma,Geneva,sans-serif;color:#888}
ul{margin:0;padding-left:15px}
li{text-indent:0;margin:0;padding:1px 0}
b{color:#00447b}
.float{min-width:970px;max-height:100%;margin:0 auto}
.all{width:98%;margin:0 1%;height:100%}
.header{width:100%;margin:0;padding:0;height:130px}
.content{display:block;padding:0}
.col-right{display:block;margin:0;padding:0}
.cr2 .col-right{margin-left:0}
.medium{width:100%;float:left;clear:both;margin:0;padding:0}
.foot{position:fixed;bottom:0;left:0;display:block;width:100%;height:30px;min-width:970px;margin:0 auto;background:#efefef;z-index:100;font-family:Verdana,Geneva,sans-serif;border-bottom:solid 3px @color13@}
.creditos{margin:0;display:block;padding:0;height:28px;background:#efefef url(../images/credito.gif) 50% 0 no-repeat}
.creditos b{color:@color50@;font-weight:bold;font-size:11px;margin-left:5px}
.copyright{display:block}
.copyright p{color:#333;text-align:center}
a.ito{margin-left:5px;color:#333}
a.btn,.foot,.barbtn,.mesg2,#menu-top,.col-left,.paginer,.componente_clave_ingreso,ul.breadcrumbs,.popup_block{display:none}
.tb-md{width:100%!important}
.logo{display:block;position:relative;top:0;left:0;width:300px}
.logo img{width:300px;height:100px}
.col-top{position:absolute;top:0;left:0;display:block;width:98%!important;# width:100%;min-width:970px;height:40px;margin:0;padding:0;color:#666}
.col-top p{padding:5px 10px 5px 5px;text-align:right;font:normal normal normal 11px/1.3em Tahoma,Geneva,sans-serif}
.col-top span{display:block}
p.name{position:absolute;right:0;top:47px;display:block;width:342px;padding:5px 8px 5px 5px;background:@color51@ url(../images/bg-name.gif) 100% 0 no-repeat;margin-top:10px}
.name span{font-size:10px}
.name b{display:inline-block;max-width:255px;height:16px;margin:0;padding:0;vertical-align:bottom;overflow:hidden}
.total,.total td{background:@color09@;font-weight:bold;color:@color08@;margin:10px}
table.tb{display:table;padding:0;margin:5px 0;border-collapse:collapse}
table.tb td{margin:0;padding:1px 8px}
.tr2,.tr-link{background:#f9f9f9}
.tb-0,.tb-01,.tb-02,.tb-03{display:table;margin:0 0 10px;width:100%;font:normal normal normal 11px/1.6em Arial,Helvetica,sans-serif;border:solid 1px #cfcfcf;border-collapse:collapse;text-align:right}
.tb-0 .tb-02{border:0;margin:0 0 1px}
.tb-0 .tb-02 td,.tb-01 td,.tb-02 td,.tb-03 td,.tb-01 th,.tb-02 th,.tb-03 th{padding:4px 3px;border-right:solid 1px #cfcfcf}
.tb-0 td{padding:0}
.tb-01 td,.tb-01 th{border-left:solid 1px #ccc}
.tb-03 td,.tb-03 th{border:0;text-align:left}
.score{display:block;float:left;clear:none;margin:0 0 15px;width:100%;background:url(../images/bgb.gif) 50% 0 repeat-y;font:normal normal normal 11px/1.3em Arial,Helvetica,sans-serif;border-collapse:collapse;empty-cells:show}
.score .pbox{float:left;width:46%;padding:0 2%;margin:0;border-bottom:0;clear:none}
.score .total{background:@color51@;text-transform:uppercase}
.score .total label,.score .total b{color:#333}
.score.clr1{background-color:@color51@!important;border:none!important}
.score .bold,.score .bold label,.score .bold b,.score .total b{font-weight:bold}
.score h3{background:0;padding:7px 2px;margin:0 0 10px;font:normal normal bold 12px/1.2em Arial,Helvetica,sans-serif;text-transform:uppercase;text-align:center;color:@color50@;border-bottom:dotted 1px #999}
.score label{display:inline-block;width:59%;text-align:left;padding:0;font:normal normal normal 11px/15px Tahoma,Geneva,sans-serif;color:#666}
.score b{width:39%;padding:0;font:normal normal normal 12px/15px Arial,Helvetica,sans-serif;color:@color50@;text-align:right}
.clr1{background-color:@color10@;border:solid 1px @color05@}
.tb-02{text-align:center}
.center{text-align:center}
.tittle td,.tittle th,th,.tb-02 .tittle td{background:#333 url(../images/bg-tb-top.jpg) 0 0 repeat-x;padding:5px 2px;font:normal normal bold 10px/1.2em Tahoma,Geneva,sans-serif;text-align:center;color:#036;color:@color51@;padding:6px 2px;border:solid 1px #444}
th label{color:@color51@}
.tittle td b{font-weight:normal;color:@color51@}
.cel-a{width:20%}
.cel0{width:105px}
.cel00{width:115px}
.cel01{width:155px}
.cel02{width:205px}
.cel03{width:215px}
.cel04{width:345px}
.cel05{width:50%}
.cel06{width:70%}
.boxflow{display:block;height:230px;margin:10px 20px;padding:10px 20px;overflow:auto;border:solid 1px #ccc;background:@color52@}
.boxflow p,.boxflow h1,.boxflow h2,.boxflow h3,.boxflow h4,.boxflow h5,.boxflow h6{color:@color50@;margin:.6em 0}
.boxflow p{font:normal normal normal 12px/1.5em Tahoma,Geneva,sans-serif}
.link{color:#333}
.list{width:792px;margin:0 0 20px 20px;padding:0;border:solid 1px #ccc;border-left:none;text-align:left;color:#333}
.list td{padding:5px 10px;border-left:solid 1px #ccc;border-top:solid 1px #ccc}
a.delete,a.delete:hover,a.delete:visited,a.delete:link{display:block;clear:both;text-align:left;padding:2px 25px 2px 0;font:normal normal normal 11px/22px Tahoma,Geneva,sans-serif;background:url(../images/btn-eliminar.gif) 100% 0 no-repeat;text-decoration:none;text-transform:uppercase}
a.delete:hover{background:url(../images/btn-eliminar2.gif) 100% 0 no-repeat}
form{margin:0;padding:0}
input,textarea{display:inline-block;margin-right:3px;position:relative;padding:0 2px 0 2px;border:solid 1px #ccc}
.ctr select{margin:0 auto}
.tb-02 .checkbox{display:inline;float:none;margin:0 4px;padding:0;width:14px;height:14px;top:3px;# top:0;background:0;border:0}
.upload{display:block;clear:both;height:22px}
input[type=radio]{border:0;color:@color12@}
input.inpdate{width:65px;margin-left:-1px;color:@color12@}
.pbox{display:block;clear:both;float:left;width:100%;margin:3px 0}
label,.pbox h4{float:left;clear:none;width:35%;text-align:right;margin:1px 0;padding:0 1%;color:@color50@;background:0;font:normal normal normal 11px/14px Tahoma,Geneva,sans-serif}
.pbox h4{width:55%;font-weight:bold;text-align:left;height:18px;line-height:18px}
.put{width:49%;margin:0;padding:0;background:@color51@;color:@color50@}
input.put{font:normal normal normal 11px/1.3em Tahoma,Geneva,sans-serif;height:18px;border:solid 1px #ccc;border:0}
select.put{background:@color51@;font:normal normal normal 11px/20px Tahoma,Geneva,sans-serif;height:20px;border:solid 1px #ccc}
#menuselect{position:absolute;top:10px;left:35%;width:30%;padding:30px 0 5px 10px;margin-right:20px;border-left:solid 1px #ccc;text-align:right}
#menuselect select{width:100%}
#menuselect label{clear:both;text-align:left;font-weight:bold;float:left;width:100%;padding:5px 5px}
.red{background-image:url(../images/ico-error-b3.jpg);background-color:@color14@;border-color:@color15@}
.red p,.red ul{color:#900;font-style:normal}
.ylw{background-image:url(../images/ico-error2.jpg);border-color:@color17@;color:#7a6512}
.ylw p,.red ul{background-color:#fdf8d7}
.green{background-image:url(../images/ico-ok2.jpg);border-color:@color19@;background-color:@color18@}
.green p,.green ul{color:#063;font-style:normal}
.gr1{background-color:@color51@}
.gr2{background-color:#f9f9f9}
.grn,.blu,.gry,.rd,.grn a,.blu a,.gry a,.rd a{color:#900;background:#fff4f5;background:@color20@;color:@color51@}
.grn{color:#060;color:@color51@;background:#f2f8ef;background:@color21@}
.gry{color:#333;color:@color51@;background:#dfdfdf;background:#666}
.blu{color:#036;color:@color51@;background:#e7eff5;background:@color22@}
.link a,.link a:hover{margin:2px 0;color:@color51@}
ul.tabs{list-style:none;height:30px;margin-bottom:-1px;position:relative;z-index:200}
ul.tabs li{float:left;margin:0 2px}
ul.tabs li a{display:block;border:solid 1px #cccbtn;border-bottom:0;background:url(../images/bg-01.jpg) 0 0 repeat-x;padding:4px 20px;height:18px;text-transform:uppercase}
.area-tabs li.active a{border:solid 1px @color11@;border-bottom:0;background:@color23@ url(../images/bg-04b.jpg) 0 0 repeat-x;color:@color51@}
a.mas,a.menos{display:inline-block;height:18px;width:18px;margin:0 2px;background:url(../images/mas-b.gif) 0 0 no-repeat}
th.area-tabs2{margin:0;padding:6px 0 0}
.area-tabs2 ul{display:block;margin:0 auto;padding:0;height:26px}
.area-tabs2 ul.tabs li{margin:2px 4px 0;padding:0}
.area-tabs2 ul.tabs li a,.area-tabs2 ul.tabs li a:hover{position:relative;background:@color51@;text-transform:none;font:normal normal bold 10px/20px Tahoma,Geneva,sans-serif;text-transform:uppercase;color:@color50@;padding:2px 15px 0;height:26px;border:solid 1px #888;z-index:200;top:1px}
.area-tabs2 ul.tabs li a:hover{background:#ccc;border:solid 1px #666;border-bottom:0;color:@color50@}
.area-tabs2 ul.tabs li.active a{height:27px;background:@color52@;border:solid 1px #666;border-bottom:0;color:@color50@}
.tab-content2{vertical-align:top;background:@color52@}
.tab-content2 label{font-size:11px;padding:15px 0 5px;color:#333;text-align:left}
.tab-content2 .w240 .put{text-align:left;width:240px}
th.area-tabs2b{margin:0;padding:6px 0 0}
.area-tabs2b ul{display:block;margin:0 auto;padding:0;border-bottom:solid 1px @color24@;height:30px}
.area-tabs2b ul.tabs li{margin:2px 4px 0;padding:0}
.area-tabs2b ul.tabs li a,.area-tabs2b ul.tabs li a:hover{background:@color51@;text-transform:none;font:normal normal bold 10px/20px Tahoma,Geneva,sans-serif;text-transform:uppercase;color:@color50@;padding:2px 15px 0;height:25px;border:solid 1px #888;border-bottom:0}
.area-tabs2b ul.tabs li a:hover{background:#ccc;border:solid 1px #666;border-bottom:0;color:@color50@}
.area-tabs2b ul.tabs li.active a{height:26px;background:#eaeaea;border:solid 1px #666;border-bottom:0;color:@color50@}
.tab-content2b{vertical-align:top;background:#eaeaea}
.box{display:block;padding:0;margin:5px 0;padding:5px 2px 10px}
.box-td{display:inline-block;margin:0 0 10px;padding:10px 1%;width:47%;min-height:110px;background:@color52@;border:solid 1px #ccc;vertical-align:top}
.mr{margin-right:1%}
.btn-activo,.btn-inactivo,.btn-eliminar,.btn-agregar,.btn-autorizar,.btn-cambio,.pic-autorizar,.pic-enviar,.pic-cargar,.pic-rechazar{display:inline-block;width:20px;height:20px}
.btn-cambio,.btn-cambio:hover{background:url(../images/btn-cambio.gif) 50% 50% no-repeat}
.btn-cambio:hover{background:url(../images/btn-cambio2.gif) 50% 50% no-repeat}
.btn-autorizar,.btn-autorizar:hover{background:url(../images/btn-autorizar.gif) 50% 50% no-repeat}
.btn-autorizar:hover{background:url(../images/btn-autorizar2.gif) 50% 50% no-repeat}
.btn-eliminar,.btn-eliminar:hover{background:url(../images/btn-eliminar.gif) 50% 50% no-repeat}
.btn-eliminar:hover{background:url(../images/btn-eliminar2.gif) 50% 50% no-repeat}
.btn-agregar,.btn-agregar:hover{background:url(../images/btn-agregar.gif) 50% 50% no-repeat}
.btn-agregar:hover{background:url(../images/btn-agregar2.gif) 50% 50% no-repeat}
.pic-rechazar{background:url(../images/pic-rechazar.gif) 50% 50% no-repeat}
.pic-autorizar{background:url(../images/pic-autorizar.gif) 50% 50% no-repeat}
.pic-enviar{background:url(../images/pic-enviar.gif) 50% 50% no-repeat}
.pic-cargar{background:url(../images/pic-cargar.gif) 50% 50% no-repeat}
.nav li ul{display:none}
input.dp-applied{display:block;float:left;width:64px;text-align:center;border:solid 1px #aaa;border-right:0;background:@color51@;font:normal normal normal 11px/18px Tahoma,Geneva,sans-serif;height:18px;color:@color50@}
a.dp-choose-date{display:block;width:20px;height:18px;padding:0;margin:0;position:relative;left:-3px;text-indent:-2000px;overflow:hidden;border:solid 1px #aaa;border-left:none;background:@color51@ url(../images/bg-go.gif) 50% 50% no-repeat}
a.dp-choose-date.dp-disabled{background-position:0 -20px;cursor:default}
h2.acount{margin:8px 0 15px;text-transform:uppercase;padding:0;cursor:pointer;background:@color51@;border-top:solid 2px #dbe6f2;border-left:solid 4px #dbe6f2;border-bottom:solid 4px #dbe6f2;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px}
h2.acount a,h2.acount a:hover,h2.acount a:visited,h2.acount alink{display:inline-block;margin-left:50px;padding:4px 0;height:18px;font:normal normal bold 13px/1.4em Tahoma,Geneva,sans-serif;text-decoration:none;cursor:pointer;color:#036}
h2.acount b{color:@color13@;margin-left:.3em;margin-right:.3em}
h2.acount span{float:right;padding:4px 20px 4px 0;height:18px;width:350px;text-align:right;background:#dbe6f2 url(../images/bg-acount.gif) 0 0 no-repeat;font:normal normal normal 10px/19px Tahoma,Geneva,sans-serif;text-decoration:none;color:#036}
.ico04{position:absolute;margin:2px 0 0 15px;width:22px;height:22px;background:url(../images/mas.gif) 50% 50% no-repeat}
#login p.nota{font:normal normal normal 12px/1.3em Tahoma,Geneva,sans-serif;margin:.6em 0}
ul.contacto{margin:20px 0;padding:0;list-style:none}
ul.contacto li{display:inline-block;# float:left;width:124px;height:75px;margin:5px 1px;# margin:5px 2px;padding:5px;text-align:center;background:@color52@;font:normal normal normal 11px/1.6em Tahoma,Geneva,sans-serif;color:#036;border:solid 1px #efefef;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;border-radius:3px}
#viewprint ul.breadcrumbs{display:none}
#viewprint .tb-md{display:table;# display:block;margin:10px auto;width:100%;border-collapse:collapse;background:@color52@ url(../images/bg-md.gif) -20px 50% no-repeat;border:solid 1px #ccc}
#viewprint .tb-md td,#viewprint.tb-md th{padding:5px 5px 10px}
#viewprint .tb-md td{display:block;padding:5px 0}
#viewprint .tb-md .pbox{display:block;float:left;width:100%;margin:4px 0;text-align:left}
#viewprint label{float:left;width:39%;text-align:right;margin:0 6px 0 0;padding:4px 0;color:#333;color:@color50@;font:normal normal normal 11px/14px Tahoma,Geneva,sans-serif}
#viewprint .pbox h4{display:block;float:left;clear:right;width:59%;padding:0 2px;margin:0;border:solid 1px @color05@;height:18px;line-height:18px;background:#fafafa}
#viewprint .mesg2{display:block;margin:10px 0;padding:6px;min-height:16px;text-align:left;width:440px;width:50%;background-color:@color10@;background-image:url(../images/ico-info2.jpg);background-position:7px 7px;background-repeat:no-repeat;border:solid 1px #c4d0de;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px}
#viewprint .mesg2 p{padding:2px 0;margin:0 10px;font:normal normal normal 11px/1.3em Tahoma,Geneva,sans-serif;color:#036}
#viewprint .mesg2 p strong{text-transform:none}
#viewprint .mesg2 ul{padding:3px 10px 5px 45px;list-style:circle;background-color:@color10@;font:normal normal normal 11px/1.3em Tahoma,Geneva,sans-serif;color:#036}
#viewprint .barbtn{display:block;clear:both;width:100%;margin:0 0 10px;padding:5px 0;text-align:center}
#viewprint .barbtn .btn{display:none}