/* =============================================================================
   Normalize: 
   ========================================================================== */
html { font-size: 100%; width:100%; height: 100%;}
body { margin: 0; font-size: 13px; line-height: 1.231; width:100%; }

a { color: #00e; text-decoration: none; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
i, em {font-style: italic;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
small { font-size: 85%; }

ul, ol {list-style: none; list-style-image: none; margin: 0; padding: 0;}
img { border: 0;}
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { }
.section fieldset {margin: 5px 0;}  
        .section fieldset label {display:block; width:150px; float:left; color:#34383b; font: normal 12px "Verdana";}   
end { border-style: none;
    border-color: inherit;
    border-width: 0;
    padding: 0;
    height: 16px;
}
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline }
button, input { line-height: normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer;}
textarea { overflow: auto; vertical-align: top; resize:none; }
input{text-align: left;}
table { /*border-collapse: collapse; border-spacing: 0;*/ }
td { vertical-align: top;}


/* =============================================================================
   Fonts: 
   ========================================================================== */

@font-face {
    font-family: 'ColaborateThin';
    src: url('../fonts/ColaborateThin/colabthi-webfont.eot');
    src: url('../fonts/ColaborateThin/colabthi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/ColaborateThin/colabthi-webfont.woff') format('woff'),
         url('../fonts/ColaborateThin/colabthi-webfont.ttf') format('truetype'),
         url('../fonts/ColaborateThin/colabthi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OskiDakelh';
    src: url('../fonts/OskiDakelh/oskidakelhbold1-webfont.eot');
    src: url('../fonts/OskiDakelh/oskidakelhbold1-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OskiDakelh/oskidakelhbold1-webfont.woff') format('woff'),
         url('../fonts/OskiDakelh/oskidakelhbold1-webfont.ttf') format('truetype'),
         url('../fonts/OskiDakelh/oskidakelhbold1-webfont.svg#TrebuchetMS') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* =============================================================================
   Notify Boxs: 
   ========================================================================== */
.notifymessage{background-size: 40px 40px; background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent); 
               box-shadow: inset 0 -1px 0 rgba(255,255,255,.4); width: 100%; border: 1px solid; color: #fff; padding: 5px 10px; position: fixed; text-shadow: 0 1px 0 rgba(0,0,0,.5); animation: animate-bg 5s linear infinite; left:0; top:0; cursor:pointer; z-index:10000}
    .notifymessage h3{margin: 0 0 5px 0;}
    .notifymessage p {margin: 0;}
    .notifymessage.info{background-color: #4ea5cd; border-color: #3b8eb5;}
    .notifymessage.error{background-color: #de4343; border-color: #c43d3d;}
    .notifymessage.warning{background-color: #eaaf51; border-color: #d99a36;}
    .notifymessage.success{background-color: #61b832; border-color: #55a12c;}

@keyframes animate-bg {
    from {background-position: 0 0;}
    to {background-position: -80px 0;}
}

/* =============================================================================
   Base: 
   ========================================================================== */
   
body{font: normal 14px ColaborateThin;  color:#34383b; background: url("../images/common/patron.png") repeat scroll 0 0 #FFFFFF;}
#maincontent {width:1004px; margin:0 auto 20px ; padding: 10px 10px 20px; box-shadow: 2px 3px 5px 0px #999; background: rgba(255, 255, 255, 0.8); }
#maincontent >div {margin:0 auto; min-height:350px; padding: 0 10px;}
input, select {font: normal 14px "ColaborateThin"; color:#34383b;}
input.error{background-color: #FFFFD5; border: 1px dotted red; color: red;}
div.modal-body label.error {
    font-size: x-small!important;
    color: red!important;
}

div.ms-parent.error {
    border: 1px dotted red;
}

div button.ms-choice.error {
    background-color: #FFFFD5;
    color: red;
}

div div.ms-drop.ms-choice.error {
    background-color: #FFFFD5;
    color: red;
}
    

    span.error {
        color: red;
    }
.alert{display:block; color:#f00; }


h1 {font: bold 18px "OskiDakelh" !important; color:#34383b; border-bottom:1px dashed #999; padding: 0 0 10px 0; }
h2 {font: normal 14px "OskiDakelh" !important; color:#34383b; padding: 5px 0 10px 0; }


#loadinglayer {left: 0; overflow: hidden; top: 0; z-index: 9999; height: 100%; position: fixed; width: 100%; background:  url("../images/colorbox/overlay.png") repeat scroll 0 0 #000; opacity: 0.9; display:none;}
#loadinglayer span{position: absolute; top: 45%; left:38%; display: table-cell; vertical-align: middle;  color:#fff; font: bold 13px "ColaborateThin"; text-align:center; width:300px; }
#loadinglayer span img {display:block; margin: 10px auto;}


/* =============================================================================
   Formularios: 
   ========================================================================== */

.hide {display:none;}
.section {border-bottom: 1px dashed #999; padding: 0 0 10px 0; margin: 10px 10px 10px 10px;}.section fieldset {margin: 5px 0;}  
     .section fieldset label {display:block; width:150px; float:left; color:#34383b; font: normal 12px "Verdana";}    
        .section fieldset label {display:block; width:622px; 
float:left; color:#34383b; font: normal 12px "Verdana";
    height: 20px;
}   
        .section fieldset input[type="text"] {display:block; float:left; background: rgba(255, 255, 255, 0.2); border:1px solid #ccc; width:250px; height: 16px;  padding: 2px; font: normal 12px "Verdana"; color:#34383b;}  
        .section fieldset input[type="submit"]  {margin:20px 0 0 0; box-shadow:inset 0px 1px 0px 0px #ffffff; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font: normal 12px "Verdana"; padding:3px 12px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; text-align:center;
}
        .section fieldset input[type="submit"]:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }
    .section fieldset input.small { width: 85px; margin: 0 5px 0 0; }
        .section fieldset input[type="text"].tiny { width:30px;}
        .section fieldset input.error {background-color: #FFFFD5; border: 1px dotted red; color: red;}
        .section fieldset label.error:after {border-color: transparent #d83526; border-style: solid; border-width: 5px 8px 5px 0; bottom: auto; content: ""; display: block;left: -7px; position: absolute; top: 7px; width: 0;}
        .section fieldset label.error {background: none repeat scroll 0 0 #d83526; border-radius: 5px 5px 5px 5px; color: #000000; margin-left: 15px; padding: 5px; position: relative; font: normal 10px "Verdana"; color:#fff; width:auto; clear :none ;}
        .section fieldset select { background: rgba(255, 255, 255, 0.2);   width: 256px;  padding: 2px;  border: 1px solid #ccc;  height: 24px; font: normal 12px "Verdana"; color:#34383b; float:left;}  
        .section fieldset select.small {width: 120px; margin:0 5px;}  
        .section.fsBusqueda fieldset label {width:100px;width:auto;}
    .section.fsBusqueda fieldset input[type="button"] {
        margin: 0 5px;
        float:right;
        width:auto !important;
    }
        .section.fsBusqueda fieldset input[type="text"] {margin-right:20px;}
        .section.fsBusqueda fieldset input[type="submit"] {margin:0 0 0 10px;}
        .section.fsBusqueda #tablecontainer table th {font-size:9px; padding: 6px 3px; text-align:center;}
        .section.fsBusqueda #tablecontainer table td {padding: 6px 3px; text-align:center;}
        .section fieldset input[type="image"] {float: left;height: 20px;margin: 0 5px;width: 20px;}
        

         .section fieldset select.error {background-color: #FFFFD5; border: 1px dotted red; color: red;}
        
        
        
        .section.headerfields { }
        .section.headerfields fieldset {display:block; margin:0 0 10px 0; }
        .section.headerfields fieldset .matricula {width:90px; float:left; margin-right:20px; font: bold 12px "Verdana";  color:#0B703A;}
        .section.headerfields fieldset input[type="checkbox"] {display:block; float:left; margin: 3px 5px 0 0;} 
        .section.headerfields fieldset label {margin: 3px 0 0 0;} 
        
        .section.headerfields .firstline label {width:80px;}
        .section.headerfields .firstline span {margin: 3px 0 0 0;}
        .section.headerfields .firstline label.fecha{width:auto; margin: 3px 5px 0 0;}
        .section.headerfields .fechaRegistro {display:block; float:right; margin:0 20px 0 0;} 
        .section.headerfields .fechaRegistro input[type="image"] {float:left; margin: 2px 0 0 5px;} 
        .section.headerfields .bajaFamilia {display:block; margin:0 20px 0 0;}
        .section.headerfields .bajaFamilia input[type="image"] {float:left; margin: 2px 0 0 5px;} 
        
        .section.headerfields fieldset.secondline span {float:left; display:block;}
        .section.headerfields fieldset.secondline label {width:auto; margin: 3px 10px 0 0;}
        .section.headerfields #cicloescolar {display:block; float:right; margin:0 10px 0 0;}
        .section.headerfields #cicloescolar select{ width:100px}
        .section.headerfields #cicloescolar label { margin: 3px 10px 0 0; width:auto;}
        .section.headerfields #descTransporte {display:block; margin:0 10px 0 0;}
        .section.headerfields #descTransporte label {width:auto; margin:3px 5px 0 0;} 
        .section.headerfields .buttonsline { text-align:center; margin: 0;}
        .section.headerfields .buttonsline input[type="submit"] { margin: 0;}
        .section.headerfields .buttonsline .large { width:130px;}

        .section.headerfields .thirdline label {width: 130px;}
        .section.headerfields .thirdline input {width: 350px;}

        .section .tabs li a {float:left; margin:0 2px 0 0; color:#34383b;  box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; border-radius:6px 6px 0 0; border:1px solid #dcdcdc; border-bottom: 1px solid #ccc; display:inline-block; font: normal 11px "Verdana"; padding:3px 12px; text-align:center;}
        .section .tabs li a:hover  {box-shadow:inset 0px 1px 0px 0px #0B703A; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; border-top-color :#0B703A; }
        .section .tabs li a.current{box-shadow:inset 0px 1px 0px 0px #0B703A; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ffffff) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ffffff 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff'); background-color:#ffffff; border-top-color :#0B703A;  border-bottom-color :#ffffff; }

        .section .tabpanels  >div {clear:both; width:960px; height: auto; min-height: 350px; border: 1px solid #ccc;  padding:10px; background: #fff;}
        .section.iframe {border:none; padding-bottom:0; margin-bottom:0;}
        .section.iframe .tabpanels  >div.tabiframe { width:480px; background:none; border:none; padding-right: 0; padding-bottom:0;}  
        .section.iframe .tabpanels  >div.tabiframe fieldset { margin-right:0px; background:#fff; height:290px;}
        .section.iframe .tabpanels  >div.tabiframe fieldset.fsButton { background:none; float: left; width: 470px; height:auto;}
        .section.iframe .tabpanels  >div.tabiframe label.msgUpdate {color: #000000; display: block; font: bold 12px "Verdana";  margin: 150px auto; text-align: center; width: 300px;}
        
        .section .tabpanels .btnDirPadre,.section .tabpanels .btnDirMadre {float:left; display:block; clear:both; width:110px}

        .section .tabpanels .btnDomicilioPadre,.section .tabpanels .btnDomicilioMadre {float:right; display:block; width:110px}
        
         
    .section.horz fieldset {float:left; margin: 5px 100px 5px 0;}
    .section .tablecontainer { height: 400px; overflow:auto; display:block;  margin: 0 auto;}
        .section .tablecontainer table {border-style: none;
    border-color: inherit;
    border-width: medium;
    font: normal 9px "Verdana";
    border-collapse:collapse; margin: 0 auto; }
            .section .tablecontainer table th {font: bold 10px Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;	border-top: 1px solid #C1DAD7;	letter-spacing: 2px;	text-transform: uppercase;	text-align: left; padding: 6px 6px 6px 12px;	background: #CAE8EA url(../images/common/bg_header.jpg) no-repeat;}
            
            .section .tablecontainer table td {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; padding: 6px 6px 6px 12px;}
            .section .tablecontainer table tr:nth-child(even) td {background: #fff; color: #4f6b72; }
            .section .tablecontainer table tr:nth-child(odd) td { background: #F5FAFA; color: #797268; }
            .section .tablecontainer table a {font: bold 10px "Verdana"; color:#66A3D3;}
            .section .tablecontainer table .btnAlumnoBaja {font: 10px "Verdana" !important; color:#66A3D3 !important;}
            .section .tablecontainer table .familia {text-align: left !important; width: 230px; padding: 6px 0 0 10px !important;}
            .section .tablecontainer table .centrado { text-align:center;}
            .section .tablecontainer table .derecha { text-align:right !important;}
            .section .tablecontainer table .subrrayado a {text-decoration:underline !important;}
            .section .tablecontainer table tfoot td {text-align:right !important;color:#4f6b72 !important; font-weight: bold; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;	border-top: 1px solid #C1DAD7;	letter-spacing: 2px;	text-transform: uppercase;	padding: 6px 6px 6px 12px;	background: #CAE8EA url(../images/common/bg_header.jpg) no-repeat !important;}
            .section .tablecontainer table .emptydata td{font: bold 12px "Verdana"; background:transparent !important; border:none; padding:20px 0 !important; text-align: center;}
            .section .tablecontainer table fieldset { width:auto; height:auto; margin:0; padding:0; border:none;}
            .section .tablecontainer table fieldset select { width:auto;}
            .section .tablecontainer.auto {height: auto;}
        .section .tablecontainer.tiny table th {font-size:9px; padding: 6px 3px; text-align:center;}
        .section .tablecontainer.tiny table td {padding: 6px 3px; text-align:center;}
        
        .section .tablecontainer.grids table.grid1 {float: left; margin-bottom: 10px;}
        .section .tablecontainer.grids table.grid2 {float: right;}
        .section .tablecontainer.grids table.grid3 {float: left; clear:left;}
        .section .tablecontainer.grids table.grid4 {float: right;}
    
          .section .tablecontainer .buttonfield {
        display: block;
        background-color: #c1dad7;
        border-radius: 0 0 4px 4px;
        border: 1px solid #DEDEDE;
        padding: 0;
    }

       .section .tablecontainer .buttonfield a {
            display: block;
            float: left;
            padding: 2px 0 2px 20px;
            margin: 0 0 0 3px;
            font: bold 9px Verdana,Arial,Helvetica;
            height: 12px;
            color: #34383b;
            text-transform: uppercase;
            background: url("../images/icons/plus_sm.png") no-repeat left center transparent;
            cursor: pointer;
        }




    .section .tablecontainer .ajax__calendar table td {border:none; padding:0;}
    .section .tablecontainer .ajax__calendar table tr:nth-child(even) td {background: #fff;}
    .section .tablecontainer .ajax__calendar table tr:nth-child(odd) td { background: #fff;}


.tabpanels fieldset {float:left; display:block; width:450px; /*height: 385px;*/ 
border: 1px solid #ccc; padding:10px; margin: 0 15px 3px 0;
}
.tabpanels fieldset.right {
    /*height: 385px;*/
    margin-left: 0;     
    margin-right: 0;
    margin-top: 0;
}


ul.separator {
    list-style: none;
    padding: 0;
    width: 100%;
    display:inline-block;
    margin:5px;
}

    ul.separator li {
        padding: .5em 0;
        border-bottom: 1px solid #CCC !important;
    }

        ul.separator li:last-child {
            border-bottom: 0;
        }


.tabpanels fieldset.fsButton {width: 500px; height:auto; margin:0 auto; padding:0; text-align:center; display:block; clear:both; border:none; float:none;}
.tabpanels fieldset.fsButton input {margin: 10px 0 0 0;}
.tabpanels fieldset legend {padding: 0 10px 0 5px; font: bold 12px "Verdana";}
.tabpanels fieldset.fsButton legend{padding: 0 10px 0 5px; font: 14px "ColaborateThin";}

.tabpanels fieldset label { width: 160px;clear: left;}
.tabpanels fieldset input[type="text"] { width:275px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
}
.tabpanels fieldset select { margin: 0 0 5px 0; width:280px}
.tabpanels fieldset input[type="text"].small {width:120px; clear:right;}
.tabpanels fieldset textarea {width:350px; clear:right; float:left; font: normal 12px "Verdana"; color: #34383B; margin: 0 0 5px;}
.tabpanels fieldset select {float:left; }
.tabpanels fieldset input[type="image"] {float:left; margin: 3px 0 0 5px;}
.tabpanels fieldset input[type="checkbox"] {display:block; float:left; margin: 0 10px 10px 0;}  
.tabpanels fieldset.large {width:937px; height: auto;}

.tabAlumnos fieldset {height: auto; margin: 0 15px 0 0;}
.tabAlumnos fieldset.right label{ clear :right ;}
.tabAlumnos fieldset.right input[type="checkbox"]{ clear :left ;}
.tabAlumnos .tablecontainer {height: auto; min-height: 50px; margin: 10px 0 0 0;}
.tabAlumnos .divBeca {display:none;}
.tabDireccion fieldset.left {width:937px; height: 270px;}
.tabFacturacion fieldset.left { /*width:937px; height: 350px;*/}

.tabFacturacion #radios input {display:block; float:left; clear:none; margin:5px;}
.tabFacturacion #radios label {clear:none; width:max-content; margin:5px; }

.tabFacturar fieldset {width:937px; height: auto; margin-bottom:10px}
.tabFacturar fieldset label { float:left;  clear:none; width:100px; margin: 3px 20px 0 0;}
.tabFacturar fieldset input { float:left; clear:none; margin: 0 20px 0 0 !important;}
.tabFacturar fieldset select {float:left; clear:none; margin: 0 26px 0 0 !important;}
.tabFacturar fieldset input[type="submit"] { float:right;}
.tabFacturar fieldset .selectdate {clear:both; margin:5px 0 0 0; float:left; display:block ;}
.tabFacturar .divgvFamilias {display:block; float:left;}
.tabFacturar .tablecontainer {margin: 20px auto 0;}
.tabFacturar fieldset select {margin-right:10px;}

.tabFacturar .fshistorial label { width:auto; margin-right:10px;}
.tabFacturar .fsdonativos label {clear:left;} 
.tabFacturar .fsdonativos input[type="text"] {clear: right; margin-bottom:5px!important;} 
.tabFacturar .fsdonativos textarea {clear: right; width :275px; height:70px;  margin-bottom:5px!important;} 
.tabFacturar .fsdonativos select {clear: right;  margin-bottom:5px!important;} 
.tabFacturar .fsdonativos  hr { float:left; display:block ; visibility:hidden; margin:10px 0; width:500px; height:1px; clear:both;}
.tabFacturar .fsdonativos input[type="submit"] { float:left; clear:both; margin-top:20px!important; display:block;}

.tabFacturar .fsdonativos select {clear: right;  margin-bottom:5px!important;} 


.tabFacturar .fsdonativos .divright {float: left; width:50%; }
.tabFacturar .fsdonativos .divleft {float: left; width: 50%;}
.tabFacturar .fsdonativos .fscomplementos {clear:left; float:left; border:none!important; width:auto!important; } 


.tabpanels .fscomplementos.fsButton {width: 500px; height:auto; margin:0 auto; padding:0; text-align:center; display:block; clear:both; border:none; float:none;}
.tabpanels .fscomplementos.fsButton input {margin: 10px 0 0 0;}
.tabpanels .fscomplementos legend {padding: 0 10px 0 5px; font: bold 12px "Verdana";}
.tabpanels .fscomplementos.fsButton legend{padding: 0 10px 0 5px; font: 14px "ColaborateThin";}

.tabpanels .fscomplementos label {clear:left!important;}
.tabpanels .fscomplementos input[type="text"] { 
    width:210px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 5px;
}
.tabpanels .fscomplementos select { margin: 0 0 5px 0; width:280px}
.tabpanels .fscomplementos input[type="text"].small {width:120px; clear:right;}
.tabpanels .fscomplementos textarea {clear: right!important; width :275px!important; height:70px!important;  margin-bottom:5px!important;}
.tabpanels .fscomplementos select {float:left; clear: right!important;  margin-bottom:5px!important;}
.tabpanels .fscomplementos input[type="image"] {float:left; margin: 3px 0 0 5px;}
.tabpanels .fscomplementos input[type="checkbox"] {display:block; float:left; margin: 0 10px 10px 0;}  
.tabpanels .fscomplementos .help {display:block; float:left;}  
.tabpanels .fscomplementos.large {width:937px; height: auto;}
.tabpanels .fscomplementos input[type="submit"] { float:left; clear:both; margin-top:20px!important; display:block;}
.tabpanels .fscomplementos  hr { float:left; display:block; visibility:hidden; margin:10px 0; width:500px; height:1px; clear:both;}


 






 



.divtblDatosFactura fieldset select {margin-right:10px;}
.divtblDatosFactura fieldset label { width:auto;}


.PGCargaPagos .section .tablecontainer {height: auto;}
.PGCargaPagos .section .btnAplicar  {margin:0 10px 10px 0; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font: normal 12px "Verdana"; padding:3px 12px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; width:100px; text-align:center; float:right ;}
.PGCargaPagos .section .btnAplicar:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }
.PGCargaPagos .section .btnAplicarError  {margin:0 10px 10px 0; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font: normal 12px "Verdana"; padding:3px 12px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; width:100px; text-align:center; float:right ;}
.PGCargaPagos .section .btnAplicarError:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }

.PGAplicaPagos .section .tablecontainer {height: auto;}
.PGAplicaPagos .section .btnAplicar, .PGAplicaPagos .section .btn_Eliminar  {margin:0 10px 10px 0; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font: normal 12px "Verdana"; padding:3px 12px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; width:100px; text-align:center; float:right ;}
.PGAplicaPagos .section .btn_Eliminar  {margin:0 10px 10px 0; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font: normal 12px "Verdana"; padding:3px 12px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; width:100px; text-align:center; float:right ;}
.PGAplicaPagos .section .btnAplicar:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }
.PGAplicaPagos .section .btnAplicarError  {margin:0 10px 10px 0; box-shadow:inset 0px 1px 0px 0px #ffffff; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf'); background-color:#ededed; border-radius:6px; border:1px solid #dcdcdc; display:inline-block; color:#777777; font: normal 12px "Verdana"; padding:3px 12px; text-decoration:none; text-shadow:1px 1px 0px #ffffff; width:100px; text-align:center; float:right ;}
.PGAplicaPagos .section .btnAplicarError:hover{background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) ); background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed'); background-color:#dfdfdf; }
.PGAplicaPagos fieldset input[type="image"] {margin: 3px 0 0 5px;}
.PGAplicaPagos .export-pdf {float:right; display:block; width :32px; height:32px; margin:0 10px 10px 5px; text-indent:-9999; background: url("../images/common/icon-pdf.png") no-repeat scroll 0 0;}

#divpersonaliza fieldset legend {padding: 0 10px 0 5px; font: bold 12px "Verdana";}
#divpersonaliza fieldset {border: 1px solid #ccc; padding:10px; margin: 0 7px 0 7px;}
#divpersonaliza .montospago label {float:left; display:block; width:130px; margin-right: 10px; margin-bottom:10px;}
#divpersonaliza .montospago span {float:left; display:block; width:100px; margin-right: 10px; font: bold 13px "Verdana";}
#divpersonaliza .btn_generaMes { width: 130px;}

.PGCapturaPago fieldset span {float:left; width:auto; margin:0 10px 5px 0;  font: bold 12px "Verdana"; clear:right;}
.PGCapturaPago fieldset table span { margin:0;  }
.PGCapturaPago fieldset table input[type="checkbox"] { margin:0;  }
.PGCapturaPago .fsPagos input[type="submit"] {clear: both; display: block; }
.PGCapturaPago .matricula {color: #0B703A;}
.PGCapturaPago .fsPagos .chkAplicar {clear: both; display: block; float: left; margin:20px 0 5px;}
.PGCapturaPago .fsPagos .chkAplicar input{}
.PGCapturaPago .fsPagos .chkAplicar label { width:auto; clear: none;}
.PGCapturaPago .fsPagos .ddlEjercicios { margin-bottom:20px;}
.PGCapturaPago .fsPagos .etiqueta {font: bold 12px "Verdana" !important;  color:#0B703A; margin-top:20px; display:block;}
.PGCapturaPago .chkAplica {font: bold 12px "Verdana" !important; float:left; display:block; clear:both; width:200px; margin-top:10px; }
.PGCapturaPago .chkAplica label { float:left; clear:none;   }
.PGCapturaPago .chkAplica input { float:left !important; margin-top:2px;  }
#divMontosAplicados fieldset {border: 1px solid #ccc; padding:0 10px 0 10px; margin: 0 7px 0 7px; min-height:345px;}
#divMontosAplicados fieldset label { width:130px;}
#divMontosAplicados fieldset legend {padding: 0 10px 0 5px; font: bold 12px "Verdana";}
#divMontosAplicados .section {  padding-bottom:0; margin-bottom:0;}
#divMontosAplicados fieldset span { width:auto; margin:0 10px 5px 0;  font: bold 12px "Verdana"; }
#divMontosAplicados fieldset div { margin: 5px 0;  }
#divMontosAplicados fieldset .izq { float:left;  }
#divMontosAplicados fieldset .dcha { float:right;  }



.AEEdoCuenta .fsfiltros {float:left;}
.AEEdoCuenta .fsfiltros label { width:auto; display:block; float:left; margin: 5px 10px 0 0;}
.AEEdoCuenta .fsfiltros input {margin: 0 10px 0 0; float:left;}
.AEEdoCuenta .fsfiltros input[type="submit"] {margin: 0;}
.AEEdoCuenta .fsfiltros .chkInactivas{clear: both;    display: block;    float: left;    margin: 10px 0 0;}
.AEEdoCuenta .fsfiltros .chkInactivas label{margin: 0;}
.AEEdoCuenta .fsfiltros .chkInactivas input{margin: 2px 10px 0 0;}
.AEEdoCuenta .fsperiodo {float:right;}
.AEEdoCuenta .fsperiodo label { width:auto; display:block; float:left; margin: 5px 10px 0 0;}
.AEEdoCuenta .fsperiodo select.mes {width:105px; display:block; float:left; margin: 0 10px 0 0;}
.AEEdoCuenta .fsperiodo select.anio   {width:60px; display:block; float:left; margin: 0;}
.AEEdoCuenta .fsperiodo input[type="submit"] {clear: both; display: block; float: right; margin: 40px 0 0;}
.AEEdoCuenta .fsbuttons { width:550px; margin: 0 auto 10px;}
.AEEdoCuenta .fsbuttons input {float:right; margin: 10px 0 0 10px !important;}
.AEEdoCuenta .fsinfo .familia {font: bold 12px "Verdana" !important;}
.AEEdoCuenta .fsinfo .matricula {font: bold 12px "Verdana" !important;  color:#0B703A; margin-bottom:10px;}
.AEEdoCuenta .fsinfo .referencia {margin-bottom:10px;}
.AEEdoCuenta .fsinfo div:first-child {display:block; float:left; width:360px;}
.AEEdoCuenta .fsinfo div:first-child label {display:block; float:left; width:120px; clear:left; margin-bottom:2px;}
.AEEdoCuenta .fsinfo div:first-child span {display:block; float:left; width:auto; clear:right; font: 12px "Verdana";}
.AEEdoCuenta .fsinfo div:last-child {display:block; float:left; width:340px;}
.AEEdoCuenta .fsinfo div:last-child label {display:block; float:left; width:140px; clear:left; margin-bottom:2px;}
.AEEdoCuenta .fsinfo div:last-child span {display:block; float:left; width:auto; clear:right; font: 12px "Verdana";}
.AEEdoCuenta .section .tablecontainer.auto {height: auto; margin-top: 10px; border-top: 1px dashed #999; padding-top:10px;}


.AEEdoCuenta .lnkEditar {color: #66A3D3;  display: block; font: bold 10px "Verdana"; margin: 10px 0 10px 0; text-align: right; text-decoration:underline;}
.AEEdoCuenta .fsCargosManuales { border: 1px solid #CCCCCC; display: block; float: left;    height: auto;    margin: 0 0 15px 0;    padding: 0 10px;   width: 957px;}
.AEEdoCuenta .fsCargosManuales legend {padding: 0 10px 0 5px; font: bold 12px "Verdana";}
.AEEdoCuenta .fsCargosManuales > div {display:block; width:auto; margin:0 10px 0 0; float:left;}
.AEEdoCuenta .fsCargosManuales > div span {font: bold 10px "Verdana"; color:#f00;}
.AEEdoCuenta .fsCargosManuales label { width:auto; margin:0px 0 10px 0; display:block;}
.AEEdoCuenta .fsCargosManuales input[type="text"] {display:block; clear:both; margin:5px 0; float:none;}
.AEEdoCuenta .fsCargosManuales select {display:block; margin:5px 0; clear:both;}
.AEEdoCuenta .fsCargosManuales input[type="image"] {float:left; display:block; margin:3px;}
.AEEdoCuenta .fsCargosManuales label.error { display:none !important; }

.AEEdoCuenta .fsAbonosManuales { border: 1px solid #CCCCCC; display: block; float: right;    height: auto;    margin: 0 0 15px 0;    padding: 0 10px;   width: 450px;}
.AEEdoCuenta .fsAbonosManuales legend {padding: 0 10px 0 5px; font: bold 12px "Verdana";}
.AEEdoCuenta .fsAbonosManuales > div {display:block; width:auto; margin:0 10px 0 0; float:left;}
.AEEdoCuenta .fsAbonosManuales > div span {font: bold 10px "Verdana"; color:#f00;}
.AEEdoCuenta .fsAbonosManuales label { width:auto; margin:0px 0 10px 0; display:block;}
.AEEdoCuenta .fsAbonosManuales input[type="text"] {display:block; clear:both; margin:5px 0; float:none;}
.AEEdoCuenta .fsAbonosManuales select {display:block; margin:5px 0; clear:both;}
.AEEdoCuenta .fsAbonosManuales input[type="image"] {float:left; display:block; margin:3px;}
.AEEdoCuenta .fsAbonosManuales label.error { display:none !important; }

.AEEdoCuenta  .gvMovimientos {clear:both;}

.fscondonacion { border: 1px solid #CCCCCC; display: block; float: left;  margin: 15px 0 10px 5px; padding: 10px 10px 0px; width: 455px; height: 250px;}
.fscondonacion legend {padding: 0 10px 0 5px; font: bold 12px "Verdana";} 
.fscondonacion label { width:100px; display:block; float:left; clear:left; color: #34383B; font: 12px "Verdana"; margin:6px 0;}
.fscondonacion input[type="text"] {display:block; margin:5px 0; float:left; clear:right; font: 12px "Verdana";}
.fscondonacion input[type="submit"]{background: -moz-linear-gradient(center top , #EDEDED 5%, #DFDFDF 100%) repeat scroll 0 0 #EDEDED; border: 1px solid #DCDCDC; border-radius: 6px 6px 6px 6px; box-shadow: 0 1px 0 0 #FFFFFF inset; color: #777777; display: inline-block; font: 12px "Verdana"; margin: 20px 0 0; padding: 3px 12px; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #FFFFFF; width: 100px; float:left;}
.fscondonacion input[type="image"] {float:left; display:block; margin: 8px 5px 0px;}
.fscondonacion span { display:block; clear:none; margin: 6px 0 0 0; font: 12px "Verdana"; float:left;}



.AEAlumno .fsBuscaAlumnos {margin-bottom:10px;}
.AEAlumno .fsBuscaAlumnos input[type="submit"] {float:right; margin:0;}

.AEAlumno .fsBotones {border-bottom:none;border-left:none;border-right:none; text-align:center;}

.AEAlumno .fsFechaBaja {margin-top:10px;}
.AEAlumno .fsFechaBaja label {margin:3px 10px 0 0; width:auto;}
.AEAlumno .fsFechaBaja input[type="submit"] {margin:0 0 0 10px;}

.AEAlumno .fsBuscaFamilias {margin-bottom:10px;}
.AEAlumno .fsBuscaFamilias label { width:auto; margin: 3px 10px 0 0; clear:none;}
.AEAlumno .fsBuscaFamilias input[type="text"] {margin: 0 10px 0 0; clear:none;}
.AEAlumno .fsBuscaFamilias input[type="submit"] {float:right; margin:0;}

.AEAlumno .fsDatosAlumnos label {width:auto; margin:0 10px 0 0; clear:none;}
.AEAlumno .fsDatosAlumnos span {float:left; width:auto; margin:0 10px 0 0;  font: bold 12px "Verdana";}
.AEAlumno .fsDatosAlumnos .matricula {color: #0B703A;}
.AEAlumno .fsDatosAlumnos input[type="submit"] {float:right; margin:0;}
.AEAlumno .fsDatosAlumnos .tablecontainer {margin-top:30px;}

.AEAlumno .fsActividadesAlumnos label {}
.AEAlumno .fsActividadesAlumnos span {float:left; width:auto; margin:0 10px 5px 0;  font: bold 12px "Verdana"; clear:right;}
.AEAlumno .fsActividadesAlumnos .matricula {color: #0B703A;}
.AEAlumno .fsActividadesAlumnos textarea {float:left; clear:right; width: 272px;}
.AEAlumno .fsActividadesAlumnos .divBotones {clear:both; display:block;}
.AEAlumno .fsActividadesAlumnos input[type="submit"] {float:left; margin:10px 10px 0 0; }
.AEAlumno .fsActividadesAlumnos .tablecontainer {margin-top:10px; clear:both;}

.AEAlumno .fsBajasAlumnos span {float:left; width:auto; margin:0 10px 5px 0;  font: bold 12px "Verdana"; clear:right;}
.AEAlumno .fsBajasAlumnos .matricula {color: #0B703A;}
.AEAlumno .fsBajasAlumnos textarea {float:left; clear:right; width: 272px;}
.AEAlumno .fsBajasAlumnos .divBotones {clear:both; display:block;}
.AEAlumno .fsBajasAlumnos input[type="submit"] {float:left; margin:10px 10px 0 0; }



/*.AECorrespondencia fieldset {border: 1px solid #ccc; padding:10px; margin: 0 15px 0 0;}*/
.AECorrespondencia .fsSeleccion label {float:left; clear:left; margin:3px 0 0 0;}
.AECorrespondencia .fsSeleccion input[type="text"] {float:left; clear:right;  display:block ; margin: 5px 0;}
.AECorrespondencia .fsSeleccion select {float:left; clear:right; margin:0 0 5px 0;}
.AECorrespondencia .fsSeleccion select {float:left; clear:right; margin:0 0 5px 0;}
.AECorrespondencia .fsSeleccion .btnBuscar {float:left; clear:both;  display:block ; margin: 5px 0;}

.AECorrespondencia fieldset legend {padding: 0 10px 0 5px; font: bold 12px "Verdana"; }
.AECorrespondencia .fsRadios input[type="radio"] {float:left; margin:0 5px 5px 0; clear:left;}
.AECorrespondencia .fsRadios label {float:left; clear:right;}
.AECorrespondencia .fsRadios input[type="submit"] {float:right; margin:0;}
.AECorrespondencia .btnEnviar {float:right !important ; margin-top: 0 !important;}

.Reportes fieldset label { width:auto; margin:3px 10px 0 0;}
.Reportes fieldset select {float:left; margin-right:10px;}
.Reportes fieldset input[type="text"] {margin:0 10px 0 0; }
.Reportes fieldset input[type="submit"] {float:right; margin:0; }
.Reportes fieldset legend {padding: 0 10px 0 5px; font: bold 12px "Verdana"; }
.Reportes .tablecontainer table .celda200 { width:250px; text-align :left !important;}
.Reportes .tablecontainer table .celda100 { width:100px; text-align :right !important;}
.Reportes .tablecontainer table .celda80 { width:80px; text-align :center}
.Reportes .tablecontainer table .center {text-align:center ;}
.Reportes .tablecontainer table .cellright {text-align:right !important;}
.Reportes .export-excel {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-excel.png") no-repeat scroll 0 0;}
.Reportes .export-pdf {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-pdf.png") no-repeat scroll 0 0;}
.Reportes .mail {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-mail.png") no-repeat scroll 0 0;}
.Reportes .back {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-back.png") no-repeat scroll 0 0;}
.Reportes .btnGenerar {margin:4px 5px 0 0 !important;}
.Reportes .chkActivas {display:block ; float:left ; margin:5px 0  0 20px; }
.Reportes .chkActivas input {float:left;}
.Reportes .chkActivas label {float:right; margin: 0 0 0 5px;}
.Reportes .chkTransporte {display:block ; float:left ; margin:5px 0  0 0; clear:both; }
.Reportes .chkTransporte input {float:left;}
.Reportes .chkTransporte label {float:right; margin: 0 0 0 5px;}

.Reportes .fsorder {width:937px; height: auto; margin-bottom:20px}
.Reportes .fsorder input[type="radio"] {float:left; display:block; clear:none;}
.Reportes .fsorder label {float:left; display:block;  clear:none; margin:0 15px 0 5px;}
.Reportes .fsorder a {margin:0;}
 
.Reportes table.directorio {font: normal 9px "Verdana"; border-collapse:collapse; border:none; margin: 0 auto; width:100%}
    .Reportes table.directorio caption {font: bold 20px "Verdana"; color:#5f6971; margin: 10px 0;}
    .Reportes table.directorio th {font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border-bottom: 1px solid #5f6971;	border-top: 1px solid #5f6971;	letter-spacing: 2px;	text-transform: uppercase;	text-align: left; padding: 6px 5px 6px 5px;	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F9F9F9), color-stop(1, #dfdfdf) ); background:-moz-linear-gradient( center top, #F9F9F9 5%, #dfdfdf 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#dfdfdf'); background-color:#ededed;}
    .Reportes table.directorio td {border-bottom: 1px solid #5f6971; padding: 15px 5px 30px 5px; vertical-align:top;}
    .Reportes table.directorio td span {display:block;}
    .Reportes table.directorio td .resaltado { font-weight:bold; font-size: 12px;}
    .Reportes table.directorio td p {margin: 30px 0 0 0;}
    .Reportes table.directorio tr:nth-child(even) td {background: #fff; color: #5f6971; }
    .Reportes table.directorio tr:nth-child(odd) td { background: #F9F9F9; color: #5f6971; }
    .Reportes table.directorio td {height:180px;}
    .Reportes table.directorio .foot td {height:50px; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F9F9F9), color-stop(1, #dfdfdf) ) !important; background:-moz-linear-gradient( center top, #F9F9F9 5%, #dfdfdf 100% )!important; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#dfdfdf')!important; background-color:#ededed !important;}
    .Reportes table.directorio .foot td span:first-child {font-weight:bold; font-size: 12px; float:left; margin: 0 0 0 20px}
    .Reportes table.directorio .foot td span:last-child {font-weight:bold; font-size: 12px; float:right; margin: 0 20px 0 0}

/*.Reportes .resultados fieldset {border: 1px solid #ccc; padding:10px; margin: 0 15px 0 0;}*/




/*
.section fieldset input[type="submit"] {
	-moz-box-shadow:inset 0px 1px 0px 0px #a4e271;
	-webkit-box-shadow:inset 0px 1px 0px 0px #a4e271;
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809) );
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background-color:#89c403;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #528009;
}
.section fieldset input[type="submit"]:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403) );
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background-color:#77a809;
}
*/
    
      
        
  
/* =============================================================================
   Login: 
   ========================================================================== */
#formLogin{}
#formLogin form {display:block; width:400px; height:200px; margin:150px auto 0; border:1px solid #ccc; border-radius: 15px;  padding:10px; box-shadow: 3px 3px 3px 3px #000; opacity: 0.80; background: #fff;}
    #formLogin form fieldset {display:block; float:left; border-radius: 15px; padding: 5px 10px; width:380px; height:190px; background: url(../images/login/patt.png);}
        #formLogin form fieldset img {display:block; float:left; padding: 30px 20px;}
        #formLogin form fieldset div {display:block; float:left;padding: 5px 0 0 30px; height: 190px; position:relative;}
        #formLogin form fieldset label, #formLogin form fieldset input {width:170px; display:block; margin: 0 0 5px 0; }
        #formLogin form fieldset input[type="checkbox"] {width:16px; display:inline; float: left; margin:5px 5px 5px 0;}
        #formLogin form fieldset .lblSession {display:block; float: left; margin:5px 0 15px 0; clear:right;}
        #formLogin form fieldset input[type="submit"] {display:block; position:absolute; bottom:5px;}
        #formLogin form fieldset input.error {background-color: #FFFFD5; border: 1px dotted red; color: red;}
        #formLogin form fieldset label.error {color:#FF0000;}


#dvrecupera {
    height:100%;
    width:100%;
    position:relative;
}

#dvrecupera input[type=submit] {
        bottom: 0;
    display: block;
    left: 0;
    margin: 20px auto;
    position: absolute;
    right: 0;
    width: 100px;
    }

#dvrecupera div {
    bottom: 0;
    display: block;
    height: 60px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 205px;
    }
#dvrecupera label {
    margin: 0 10px 0 0;
    }

#dvrecupera input[type=text] {
    width: 200px;
    }
      
      
      
        


        
/* =============================================================================
   Header: 
   ========================================================================== */

#headerWrapper {background:transparent url("../images/header/header.png") repeat-x scroll 0 0;  }
    #header {width:1024px; height:159px; margin:0 auto; position:relative;}
        #header #logotipo {
            height: 80px;
            width: 270px;
            background: transparent url("../images/header/logo.png") no-repeat scroll 0 0;
            top: 0;
            margin: 0;
            position: absolute;
            font: bold 20px "OskiDakelh" !important;
            color: #34383b;
            padding: 10px 0 0 100px;
            text-transform: uppercase;
            box-sizing: unset!important;
        }
    #header .logeduser {top: 70px; right:0; margin:0; position:absolute; font: bold 16px "ColaborateThin"; color:#34383b;}

    #header #nav {position:absolute; top: 98px; left:0;}
        #header #nav >ul {height: 42px;}
        #header #nav >ul >li {float:left; margin:0 20px 0 0;}
        #header #nav >ul >li >a {background:transparent url("../images/header/drop.png") no-repeat scroll 100% 20px; text-decoration:none; display:block; color:#0B703A; height: 30px; padding:15px 6px 0 10px; margin-right:5px; border-left:1px solid #ddd; font:normal 13px "ColaborateThin";}
        #header #nav >ul >li.last {padding-right:6px; border-right:1px solid #ddd;  margin: 0;}
        #header #nav >ul >li.last >a {margin-right:0;}
        #header #nav >ul >li p {margin:0;}
        #header #nav >ul >li p strong {color:#34383b; font-weight:bold; font-size:18px; text-transform:uppercase; margin-right:20px;}
        #header #nav >ul >li:active p strong, #header #nav >ul >li:hover p strong {color: #339966;}
        #header #nav >div {float:left; padding-right:6px; border-right:1px solid #ddd;  margin: 0;}
        #header #nav >div >a {text-decoration:none; display:block; color:#0B703A; height: 30px; padding:15px 6px 0 10px; margin-right:0; border-left:1px solid #ddd; font:normal 13px "ColaborateThin";}
        #header #nav >div p {margin:0;}
        #header #nav >div p strong {color:#34383b; font-weight:bold; font-size:18px; text-transform:uppercase; margin-right:20px;}
        #header #nav >div a:active p strong, #header #nav >div a:hover p strong {color: #339966;}
        /*Menu desplegable*/
        .sf-menu, .sf-menu * {margin:0;	padding:0;	list-style:	none;}
        .sf-menu {line-height:	1.0;}
        .sf-menu ul {position:	absolute;top:-999em; width:10em;}
        .sf-menu ul li {width: 100%;}
        .sf-menu li:hover {visibility:	inherit;}
        .sf-menu li {float:left; position: relative;}
        .sf-menu a {display: block;	position: relative;}
        .sf-menu li:hover ul, .sf-menu li.sfHover ul {left:	0;	top: 2.5em; z-index: 99;}
        ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
        ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {left: 10em; top:	0;}
        ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:	-999em;}
        ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	10em; top: 0;}


        /*** DEMO SKIN ***/
        .sf-menu {float:left; margin-bottom:	1em;}
        .sf-menu li li a {border-left:1px solid #fff; border-top:	1px solid #CFDEFF; 	padding: .75em 1em;	text-decoration:none;}
        .sf-menu li li a, .sf-menu li li a:visited  {color:	#34383b;}
        .sf-menu li li {background:	#F7F7F7;}
        .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active {	background:	#339966; outline:	0; color: #fff;}

        /*** arrows **/
        .sf-menu a.sf-with-ul {padding-right: 	2.25em;	min-width:	1px;  cursor:default;}
        .sf-sub-indicator {position:absolute; display:none; right: .75em;	top: 1.05em; width: 10px; height:	10px; text-indent: -999em; overflow: hidden; background:	url('../images/common/arrows-ffffff.png') no-repeat -10px -100px; }
        a > .sf-sub-indicator {top:	.8em; background-position: 0 -100px;}
        a:focus > .sf-sub-indicator,
        a:hover > .sf-sub-indicator,
        a:active > .sf-sub-indicator,
        li:hover > a > .sf-sub-indicator,
        li.sfHover > a > .sf-sub-indicator {background-position: -10px -100px;}

        /* point right for anchors in subs */
        .sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
        .sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
        /* apply hovers to modern browsers */
        .sf-menu ul a:focus > .sf-sub-indicator,
        .sf-menu ul a:hover > .sf-sub-indicator,
        .sf-menu ul a:active > .sf-sub-indicator,
        .sf-menu ul li:hover > a > .sf-sub-indicator,
        .sf-menu ul li.sfHover > a > .sf-sub-indicator {background-position: -10px 0;}

        .sf-shadow ul {
	        background:	url('../images/common/shadow.png') no-repeat bottom right;
	        padding: 0 8px 9px 0;
	        -moz-border-radius-bottomleft: 17px;
	        -moz-border-radius-topright: 17px;
	        -webkit-border-top-right-radius: 17px;
	        -webkit-border-bottom-left-radius: 17px;
        }
        .sf-shadow ul.sf-shadow-off {
	        background: transparent;
        }


/* =============================================================================
   Footer: 
   ========================================================================== */

#footer {clear:both; height:40px; padding:10px 0 0 0 !important; margin: 40px 20px 0 20px !important; min-height:0px !important; border-top: 1px dashed #999;}
#footer img {float:right;}






		
/* =============================================================================
   Plugin Styles: 
   ========================================================================== */
  

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/colorbox/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/colorbox/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}
        

/*!
 * jQuery UI CSS Framework 1.8.20
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 * http://docs.jquery.com/UI/Theming/API
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #F7F7F7 url(images/ui-bg_highlight-hard_100_f2f5f7_1x100.png) 50% top repeat-x; color: #362b36; }
.ui-widget-content a { color: #362b36; }
.ui-widget-header { border: 1px solid #aed0ea; background: #deedf7 url(images/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #aed0ea; background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2779aa; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2779aa; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #74b2e2; background: #e4f1fb url(images/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #0070a3; }
.ui-state-hover a, .ui-state-hover a:hover { color: #0070a3; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #2694e8; background: #3baae3 url(images/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #f9dd34; background: #ffef8f url(images/ui-bg_highlight-soft_25_ffef8f_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #cd0a0a url(images/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }


/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

.ui-autocomplete { position: absolute; cursor: default; max-height: 300px;	overflow-y: auto;	overflow-x: hidden;	padding-right: 20px;}	

.ui-menu {list-style:none;	padding: 2px;	margin: 0;	display:block;	float: left;}
.ui-menu .ui-menu {	margin-top: -3px;}
.ui-menu .ui-menu-item {margin:0;padding: 0;	zoom: 1;	float: left;	clear: left;	width: 100%; }
.ui-menu .ui-menu-item a {text-decoration:none;	display:block;	padding:.2em .4em;	line-height:1.5;	zoom:1; font: 11px "Verdana"; color: #34383B;}
.ui-menu .ui-menu-item a.ui-state-hover,.ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;	margin: -1px;}


/* ==========================================================================
   ICONS
   ========================================================================== */
.pencil {
    background-image: url("../images/common/pencil.png");
}




/* ==========================================================================
   Reporte General
   ========================================================================== */


.RPGeneral fieldset{ border : 1px solid; margin : 5px 5px 5px 5px; }
.RPGeneral fieldset .small { width :250px; margin:7px 7px 7px 7px; height :261px; display:block; float:left;  padding: 0 29px;}
.RPGeneral fieldset .small  label { margin: 10px 10px 10px 10px; }
.RPGeneral fieldset .small  input[type=checkbox] { margin-left  : 10px;margin-top: 8px; }
.RPopciones { margin-left  : 10px;margin-top: 8px; }
.RPopciones label { margin: 10px 10px 10px 10px; }
.RPopciones input[type=checkbox] { margin-left  : 10px;margin-top: 8px; }
.RPGeneral .export-excel {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-excel.png") no-repeat scroll 0 0;}
.RPGeneral .RPtabla {height: 400px;  }
.RPGeneral .back {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-back.png") no-repeat scroll 0 0;}

/*.arriba { display:block; float:left;}*/
/*.arriba { display:block; float:left;}*/




/*=============================================
    Pop
 ==============================================*/
.pop .fsdatahlarge a {display: block;float: right;clear: both;margin: 10px 10px 10px 10px;    }
.pop .fsdatah {border: 1px solid #ddd;padding: 5px 10px;float: left;display: block;/* min-height: 440px;*/margin: 10px 10px 10px 10px; }
.pop .fsdatah.auto {min-height: 0;height: auto;}
.pop .fsdatah img {margin-left:3px;}
.pop .fsdatah.right {float: right;}
.pop .fsdatah > div {min-height: 30px;}
.pop .fsdatah legend {padding: 0 5px;font-weight: bold;}
.pop .fsdatah label {float: left;width: 110px;}
.pop .fsdatah span {float: left;}
.pop .fsdatah input {float: left;}
.pop .fsdatah input.large {float: left; width:160px }
.pop .fsdatah .shddl input {float: right;}
.pop .fsdatah label.error {display: none !important;}
.pop .fsdatah input + label {width: auto;margin: 0 20px 0 5px;}
.pop .fsdatah .rangofechas input {width: 85px !important;float: left;margin: 0 5px 5px 0;        }
.pop .fsdatah a {display: block;float: right;clear: both;margin: 0 0 10px 0;}
.pop .fsbottom {border: none;clear: both;float: right;padding: 0; margin:0 15px 10px 0;}
.pop .fsbottom input[type=submit] { margin-left:5px;}


.pop .fsdatatotal {padding: 5px 10px;float: right;display: block;margin: 10px 10px 10px 10px; clear:both; }
.pop .fsdatatotal label {float: left;width: 110px; margin-top:4px;}
    .pop .fsdatatotal span {
        float: right;
        font: bold 14px 'Verdana';
    }  
.pop .fsdatatotal > div {min-height: 33px; width:100% }


.pop.fsBusqueda #tablecontainer table th {font-size:9px; padding: 6px 3px; text-align:center;}
.pop.fsBusqueda #tablecontainer table td {padding: 6px 3px; text-align:center;}
.pop .tablecontainer { height: auto; overflow:auto; display:block;  margin: 0 auto;}
.pop .tablecontainer table {font: normal 9px "Verdana"; border-collapse:collapse; border:none; margin: 0 auto; width:100%}
.pop .tablecontainer table th {font: bold 10px Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;	border-top: 1px solid #C1DAD7;	letter-spacing: 2px;	text-transform: uppercase;	text-align: left; padding: 6px 6px 6px 12px;	background: #CAE8EA url(../images/common/bg_header.jpg) no-repeat;}
.pop .tablecontainer caption{font: bold 10px "Verdana"; color:#5f6971; margin: 1px 0; background: none repeat scroll 0 0 #cae8ea; border-right: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; border-left:1px solid #C1DAD7}

.pop .tablecontainer table td {border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; padding: 6px 6px 6px 12px;}
.pop .tablecontainer table tr:nth-child(even) td {background: #fff; color: #4f6b72; }
.pop .tablecontainer table tr:nth-child(odd) td { background: #F5FAFA; color: #797268; }
.pop .tablecontainer table a {font: bold 10px "Verdana"; color:#66A3D3;}
.pop .tablecontainer table .familia {text-align: left !important; width: 230px; padding: 6px 0 0 10px !important;}
.pop .tablecontainer table .centrado { text-align:center;}
.pop .tablecontainer table .derecha { text-align:right !important;}
.pop .tablecontainer table .subrrayado a {text-decoration:underline !important;}
.pop .tablecontainer table tfoot td {text-align:right !important;color:#4f6b72 !important; font-weight: bold; font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;	color: #4f6b72;	border-right: 1px solid #C1DAD7;	border-bottom: 1px solid #C1DAD7;	border-top: 1px solid #C1DAD7;	letter-spacing: 2px;	text-transform: uppercase;	padding: 6px 6px 6px 12px;	background: #CAE8EA url(../images/common/bg_header.jpg) no-repeat !important;}
.pop .tablecontainer table .emptydata td{font: bold 12px "Verdana"; background:transparent !important; border:none; padding:20px 0 !important; color:#000 !important; text-align: center;}
.pop .tablecontainer table fieldset { width:auto; height:auto; margin:0; padding:0; border:none;}
.pop .tablecontainer table fieldset select { width:auto;}
.pop .tablecontainer.auto {height: auto;}
.pop .tablecontainer.tiny table th {font-size:9px; padding: 6px 3px; text-align:center;}
.pop .tablecontainer.tiny table td {padding: 6px 3px; text-align:center;}
.pop .tablecontainer .ajax__calendar table td {border:none; padding:0;}
.pop .tablecontainer .ajax__calendar table tr:nth-child(even) td {background: #fff;}
.pop .tablecontainer .ajax__calendar table tr:nth-child(odd) td { background: #fff;}
.pop .tablecontainer .buttonfield {display: block;background-color: #c1dad7;border-radius: 0 0 4px 4px;border: 1px solid #DEDEDE;padding: 0;}
.pop .tablecontainer .buttonfield a {display: block;float: left;padding: 2px 0 2px 20px;margin: 0 0 0 3px;font: bold 9px Verdana,Arial,Helvetica;height: 12px;color: #34383b;text-transform: uppercase;background: url("../images/icons/plus_sm.png") no-repeat left center transparent;cursor: pointer;}


.pop .totales {
    background-color: transparent;
    border: 0px solid;
    
    width: 64px;
    color: #4f6b72;
    font: bold 16px 'Verdana';
    float:right;
}


/* ==========================================================================
   CLEmisionFactura
   ========================================================================== */

 #Cancelaciones fieldset{ }
#Cancelaciones fieldset legend{ margin:0px 0px 10px 0px; font-weight:bold;  }
 #Cancelaciones fieldset { margin:10px 10px 10px 10px;  }
 #Cancelaciones fieldset label { display: block;float: left;width: 150px; margin: 8px 0 0 0;}
 #Cancelaciones fieldset  input { margin-left  : 10px;margin-top: 5px; width: 320px }
#Cancelaciones fieldset  select { margin-left  : 10px;margin-top: 5px; }
#Cancelaciones div.fsdivBottom { position: absolute;bottom: 0;right: 0;padding: 0px 15px 15px 0px; }
 #Cancelaciones fieldset select.error{background-color: #FFFFD5; border: 1px dotted red; color: red;}
#Cancelaciones fieldset input.error{background-color: #FFFFD5; border: 1px dotted red; color: red;}

/* ==========================================================================
   Reporte General
   ========================================================================== */
.RPGeneral fieldset {
    border: 1px solid;
    margin: 5px 5px 5px 5px;
}
.RPGeneral fieldset .small { width :250px; margin:7px 7px 7px 7px; display:block; float:left;  padding: 0 29px;}
.RPGeneral fieldset .small  label { margin: 10px 10px 10px 10px; }
.RPGeneral fieldset .small  input[type=checkbox] { margin-left  : 10px;margin-top: 8px; }
.RPopciones { margin-left  : 10px;margin-top: 8px; }
.RPopciones label { margin: 10px 10px 10px 10px; }
.RPopciones input[type=checkbox] { margin-left  : 10px;margin-top: 8px; }
.RPGeneral .export-excel {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-excel.png") no-repeat scroll 0 0;}
.RPGeneral .RPtabla {height: 400px;  }
.RPGeneral .back {float:right; display:block; width :32px; height:32px; margin-bottom:10px; margin-left:5px; text-indent:-9999; background: url("../images/common/icon-back.png") no-repeat scroll 0 0;}

/*.arriba { display:block; float:left;}*/
/*.arriba { display:block; float:left;}*/


.saldoafavor td {color:#195fde !important;}
/*============================================================================
    reporte consumos
  ============================================================================*/
.rpconsumoscfta button, input[type="button"], input[type="reset"], input[type="submit"] { 
     cursor: pointer;
    background: -moz-linear-gradient(center top , #ededed 5%, #dfdfdf 100%) repeat scroll 0 0 #ededed;
    border: 1px solid #dcdcdc;
    border-radius: 6px;
    box-shadow: 0 1px 0 0 #ffffff inset;
    color: #777777;
    display: inline-block;
    font: 12px "Verdana";
    margin:0;
    padding: 3px 12px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 0 #ffffff;
    width: 100px;
}

.rpconsumoscfta td { 
    vertical-align:unset;
    vertical-align:initial;

}




/*==================================================================
    messages
    ================================================================*/
#popmsg .messsage-alert{
    color:#808080; font: bold 13px "ColaborateThin"; text-align:center; margin: 10px auto; display:block;

}


input[readonly], input:read-only {
    background-color: #dddddd !important;
}

select[readonly] {
    background: #ddd!important;
    pointer-events: none!important;
    touch-action: none!important;
}


/* ==========================================================================
   non-semantic helper classes
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers*/
.hidden { display: none !important; visibility: hidden; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats*/ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }
.left {	float:left}
.right{ float:right}
.clear {clear:both}
.hide{display:none;}





.section .tablecontainer.fixed > div { height:500px; }
.gvRptCargos table { width: 1850px !important ;}
.gvRptCartera table { width: 940px !important ;}
.gvRptPagos table{ width: 700px !important ;}
.gvRptPagosConcepto table {
}

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td { margin: 0;	padding: 0;	font-size: 100%;	font: inherit;	vertical-align: top;}
.fht-table {border-collapse: collapse;   border-spacing: 0;}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {overflow: hidden; position: relative;}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {overflow: auto;}

.fht-table-wrapper .fht-table .fht-cell {overflow: hidden;  height: 1px;}
	
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {top: 0; left: 0; position: absolute; }
	    
.fht-table-wrapper .fht-fixed-column {z-index: 1; }

#Opciones { padding: 5px;  }
#Opciones label {padding: 5px 0 5px 5px ; } 
#ContentPlaceHolder1_rb input {
    margin: 6px 40px 10px -40px;
}


/*facturacion*/

./*tabFacturacion #tabsO fieldset {
    border: 1px solid #ccc;
    display: block;
    float: left;
    
    margin: 0 15px 3px 0;
    padding: 10px;
    
    position: relative;
}


.tabFacturacion #tabsO fieldset input[type="text"] {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    width: 199px;
}

.tabFacturacion #tabsO fieldset label {
    clear: left;
    width: 75px;
}
.tabFacturacion #tabsO fieldset label.error {
    display:none!important;
}
.tabFacturacion #tabsO fieldset select {
    margin: 0 0 5px;
    width: 204px;
}
*/

.tabFacturacion #tabsP fieldset.left {
    height: 640px;
    width: 280px;
    position: relative;
}
.tabFacturacion #tabsP fieldset.left label.error {
    display:none!important;

}
.tabFacturacion #tabsP fieldset select {
    margin: 0 0 5px;
    width: 204px;
}

.tabFacturacion #tabsP fieldset label {
    clear: left;
    width: 75px;
    
}
.tabFacturacion #tabsP fieldset input[type="text"] {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    width: 199px;
}


.tabFacturacion #tabsM fieldset.left {
    height: 640px;
    width: 280px;
    position: relative;
}
.tabFacturacion #tabsM fieldset select {
    margin: 0 0 5px;
    width: 204px;
    
}
.tabFacturacion #tabsM fieldset label.error {
    display:none!important;
}
.tabFacturacion #tabsM fieldset label {
    clear: left;
    width: 75px;
}

.tabFacturacion #tabsM fieldset input[type="text"] {
    margin-bottom: 5px;
    margin-left: 0;
    margin-right: 0;
    width: 199px;
}
/*radios*/
.tabFacturacion fieldset .divrd {
    display: block;
/*    margin: 10px auto;
    width: 120px;
    bottom: 0;
    left: 0;
    right: 0;
    clear: both;*/
}
    .tabFacturacion fieldset .divrd label {
        width: 80px !important;
        border-radius: 3px;
        border: 1px solid #D1D3D4;
    }


/* hide input */
    .tabFacturacion fieldset .divrd input.radio:empty {
        margin-left: -10000px;
    }

/* style label */
        .tabFacturacion fieldset .divrd input.radio:empty ~ label {
            position: relative;
            float: left;
            line-height: 1.5em;
            text-indent: 3.25em;
            margin-left: .5em;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

            .tabFacturacion fieldset .divrd input.radio:empty ~ label:before {
                position: absolute;
                display: block;
                top: 0;
                bottom: 0;
                left: 0;
                content: '';
                width: 2.5em;
                background: #D1D3D4 !important;
                border-radius: 3px 0 0 3px;
            }

/* toggle hover */
    .tabFacturacion fieldset .divrd input.radio:hover:not(:checked) ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #C2C2C2;
    }

    .tabFacturacion fieldset .divrd input.radio:hover:not(:checked) ~ label {
        color: #888;
    }

/* toggle on */
    .tabFacturacion fieldset .divrd input.radio:checked ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #9CE2AE;
        background-color: #0b703a !important;
    }

    .tabFacturacion fieldset .divrd input.radio:checked ~ label {
        color: #777;
    }

/* radio focus */
    .tabFacturacion fieldset .divrd input.radio:focus ~ label:before {
        box-shadow: 0 0 0 0px #999;
    }
/*end radios*/

/**/
.switch {
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 32px;
  height: 16px;
}
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 10px;
  width: 10px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input:checked + .slider {
  background-color: #2196F3;
}
input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(14px);
  -ms-transform: translateX(14px);
  transform: translateX(14px);
}
.slider.round {
  border-radius: 34px;
}
.slider.round:before {
  border-radius: 50%;
}