/* 
    Document   : styleForm
    Created on : 5/12/2012, 01:28:25 PM
    Author     : WAGUAS
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

body {
    font-family: Verdana;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.ltexto{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    width:100px;
    color:#373737;
    text-align:left;
}
.lselect{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    width:150px;
    color:#004392;
    text-align:left;
    text-transform:uppercase;
}
.obligatorio{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    width:150px;
    color:#004392;
    background-color: #FFDEBD;
    text-align:left;
    text-transform:uppercase;
}
.lselect2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#004392;
    text-align:left;
    text-transform:uppercase;
}
.lselect3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#004392;
    text-align:left;
    text-transform:uppercase;
}
.ldate{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    width:125px;
    color:#004392;
    text-align:center;
}
.lbdate{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    width:20px;
    color:#373737;
}
.ltitle{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#004392;
    font-weight:bold;
}
.ltexto2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#373737;
    text-align:left;
}
.lindice{
    font-family:Arial;
    font-size:11px;
    color:#373737;
    text-align:center;
}
.lindice3{
    font-family:Arial, Helvetica, sans-serif;
    font-size:9px;
    color:#373737;
    text-align:center;
}
.lindice2{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#373737;
    text-align:left;
    width: 120px
}
.fondo {
    background: url(../../design/images/fondotextura2.png); width: 200px; height: 100%
}
.fondo2 {
}
.logo {
}
.format {
    text-align: center;
    font-size: 9px;
}
.entradatitle{ background:url(../../design/images/entradaTitle0.png);width:551px; height:50px;}
.entradatitle2{ background:url(../../design/images/entradaTitle0.png);width:551px; height:50px;}
.entradatitle0{ background:url(../../design/images/entradaTitle0.png);width:551px; height:50px;}
.subtitle { font-size:11px;font-weight:bold;color:#004392}
.subtitle2 { font-size:11px;font-weight:bold;color:#373737}
.title{ color:#004392 ; font-family:Verdana; font-weight:bold; font-size:11px; text-align:center;}
.alert{ color:#000000 ; font-family:Verdana; font-weight:bold; font-size:9px; text-align:left;}
.label{ color:#004392; font-family:Verdana;  font-size:11px; text-align:left;}
.label2{ color:#004392; font-family:Verdana;  font-size:9px; text-align:left;}
.labeltitle{ color:#666666; font-family:Verdana;  font-size:11px; text-align:left;}
.text{ color:#666666; font-family:Verdana; font-weight:bold; font-size:11px; text-align:left;}
.text2{ color:#666666; font-family:Verdana; font-weight:bold; font-size:9px; text-align:left;}
.texttramite{ color:#666666; font-family:Verdana; font-size:9px; text-align:left;}
.buttontramite{ color: #004392; font-family:Verdana; font-style: italic; font-size:8px;}
.trtramite{ color: activeborder}
.line {background:url(../../design/images/line.png) repeat-x ;height:2px; font-size:9px;color:#ff7e13;padding-top: 4px; padding-left: 10px; }
.selecttext{ color:#000000; font-family:Verdana; font-size:10px; text-align:left; width: 120px}
.selecttext2{ color:#000000; font-family:Verdana; font-size:11px; text-align:left; width: 150px}
.selecttext3{ color:#000000; font-family:Verdana; font-size:10px; text-align:left; width: 300px}
.row{ color:#004392; font-family:Verdana; font-size:10px; text-align:center; vertical-align:middle;}
.column{ color:#FFFFFF; font-family:Verdana;  font-size:8px; text-align:center;}
.column2{ color:#373737; font-family:Verdana;  font-size:9px; text-align:center;}
.feetlabel{ color:#004392; font-family:Verdana; font-weight: bold; font-size:11px; text-align:right;}
.feettext{ color:#D9151A; font-family:Verdana; font-weight: bold; font-size:10px; text-align:center;}
.button{ color:#004392; font-family:Verdana; font-weight:bold; font-size:11px; text-align:center;width:100px}
.message{ color:#004392; font-family:Verdana; font-weight:bold; font-size:13px; text-align:center;}
.input{ text-transform:uppercase; color:#069; font-family:Verdana; font-weight:bold; font-size:12px; text-align:center;width:100px}
.buttonsave{ background:url(../../design/images/save.png) no-repeat;color:#004392;font-family:Verdana; font-size:11px; text-align:left; width: 105px; height: 40px; text-align: right; border: none; text-decoration: underline; cursor: pointer }

.head1 { background:url(../../design/images/h2bg.gif) repeat-x left center;padding-top:4px;margin-left:8px; height: 8px}
.head1 .decy {height:10px; font-size:6px;font-weight:bold;color:#E1021F;padding-top: 3px; padding-left: 10px; }

.head2 { 
    padding-top:1px;
    padding-left:8px; 
    /*height: 8px; */
    border-bottom: solid 2px #cfdbea;
    padding-bottom: 1px;
}

.head2 .decz {height:17px; font-size:11px;font-weight:bold;color: #004392;padding-top: 4px; padding-left: 10px; padding-bottom: 5px}
   
.head3 {background-color: #FFFFFF; padding-top:1px; height: 24px; border-bottom: solid 2px #cfdbea;}
.head3 .decw  {background:url(../../design/images/tituloDiv.png) repeat-x top;height:17px; font-size:11px;font-weight:bold;color:#E1021F;padding-top: 4px}

.head4 { background:url(../../design/images/h2bg.gif) repeat-y right;padding-top:1px;margin-left:8px; height: 8px}

.head5 { background:url(../../design/images/h2bg.gif) repeat-y left;padding-top:1px;margin-left:8px; height: 8px}

.heads { background:url(../../design/images/h2bg.gif) repeat-x left bottom;padding-top:0px;padding-bottom: 5px;margin-left:8px; height: 5px}

.lpage{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#373737;
    font-weight:bold;
    text-align:center;
}

.popup{ background:url(../../design/images/popupState.png) no-repeat;width: 464px; height: 251px;}
.popup2{ background:url(../../design/images/popupActivity.png) no-repeat;width: 769px; height: 163px;}
.popup3{ background:url(../../design/images/popupDir.png) no-repeat;width: 659px; height: 186px;}
.popup4{ background:url(../../design/images/popupAlert.png) no-repeat;width: 541px; height: 323px;}

.bannerA{ background:url(../../design/images/bannerA.png) no-repeat; height: 129px;width: 358px}
.bannerB{ background:url(../../design/images/bannerB.png) no-repeat; height: 178px;width: 260px}
.bannerC{ background:url(../../design/images/bannerC.png) no-repeat; height: 46px; width: 253px}
.alertasx { background: url(../../design/images/alertasx.png) no-repeat; height: 75px; width: 257px; font-family: Calibri; color: #FD9309;}
.loading {cursor:pointer;background-image:url('../../design/images/cargando.gif');background-repeat: no-repeat; width:100px;text-align:center; padding-top: 8px; padding-left: 25px; font-style:italic ; font-size: 11px;color: #004392; font-weight: bold; height:30px;top:45%;left:48%;z-index:6;position: fixed; display: none; background-color: #FFFFFF}

.roundedTwo {
    width: 28px;
    height: 28px;
    background: #fcfff4;

    background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
    margin: 5px auto;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;

    -webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
    position: relative;
}

.roundedTwo label {
    cursor: pointer;
    position: absolute;
    width: 20px;
    height: 20px;

    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    left: 4px;
    top: 4px;

    -webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

    background: -webkit-linear-gradient(top, #222 0%, #004392 100%);
    background: -moz-linear-gradient(top, #222 0%, #004392 100%);
    background: -o-linear-gradient(top, #222 0%, #004392 100%);
    background: -ms-linear-gradient(top, #222 0%, #004392 100%);
    background: linear-gradient(top, #222 0%, #004392 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}

.roundedTwo label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    content: '';
    position: absolute;
    width: 9px;
    height: 5px;
    background: transparent;
    top: 5px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.roundedTwo label:hover::after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.roundedTwo input[type=checkbox]:checked + label:after {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.systemtextok{ color:#D9151A; font-family:Verdana; font-weight: bold; text-align:center;width:450px }
.systemtextnot{ color:#008000; font-family:Verdana; font-weight: bold; text-align:center;width:450px}

.newLabelTxt{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#373737;
    font-weight:bold;
    text-align:left;
    width:130px;
}

.newSelect{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#004392;
    text-align:left;
    text-transform:uppercase;
}

.newInputL{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#004392;
    text-align:left;
    text-transform:uppercase;
}

.newInputC{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#004392;
    text-align:center;
    text-transform:uppercase;
}

.newInputR{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#004392;
    text-align:right;
    text-transform:uppercase;
}

.obligatorio{
    background-color: #E0EBFF;
}

.cabezote{
    width: 100%;
    height:100px;
    margin:0px;
    padding:0px;
    background:url('../../design/images/encabezado.png') no-repeat top center;
    position:relative;
}

.novedadPr{
    width: 121px;
    height: 45px;
    background:url('../../design/images/nuevaNovedad.fw.png') no-repeat top center;
    position:relative;
}
.certificatePr{
    width: 121px;
    height: 45px;
    background:url('../../design/images/certificateStudy.fw.png') no-repeat top center;
    position:relative;
}

.kardexPr{
    width: 121px;
    height: 45px;
    background:url('../../design/images/kardexWorker.png') no-repeat top center;
    position:relative;
}

.massivePr{
    width: 121px;
    height: 45px;
    background:url('../../design/images/kardexWorker.png') no-repeat top center;
    position:relative;
}

.ejecutivaPr{
    width: 355px;
    height: 111px;
    background:url('../../design/images/ejecutiva.png') no-repeat top center;
    position:relative;
}
#userloged{
    background:url('../../design/images/sesion.png') no-repeat top center;
    width:192px;
    height:68px;
    position:absolute;
    top:25px;
    left: 84%;
    text-align:right;
}

#userlogedmessaje{font-size:10px;color:white;font-weight: bold;text-align:left;padding:8px 10px 0px 10px;}
#userlogedwho{font-size:9px;color:yellow;font-weight:bold;text-align:left;padding:0px 10px 3px 10px;}
#userloged a{font-size:11px;color:black;font-weight: bold;text-decoration: underline ;margin-right:20px}
#userloged a img{border:none; text-decoration:none;}
.newa{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #004392;
    text-align:center;
}
.orange{
    color: #924300;
}
.green{
    color: #009243;
}
.red{
    color: #cd0a0a;
}

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}
.list-group-item:first-child {
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
}
.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
    color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
    color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #f5f5f5;
}
button.list-group-item {
    width: 100%;
    text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
    color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
    color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
    color: #c7ddef;
}
.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
    color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
}
.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
    color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
}
.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
    color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
}
.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
    color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
}
.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}
.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}