/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14/10/2015, 04:13:16 PM
    Author     : Chaz
*/

/*estiloBase.css*/
.titulo1{
    color: navy;
    font-family: futura, verdana, helvetica, arial;
    font-size: 12pt;
    font-weight: 900;
    text-transform: capitalize;
}
.bodyLogin{
    text-align: center;

    font-family: futura, verdana, helvetica, arial;


    /*scrollbars*/
    scrollbar-face-color: #6685CA; 
    scrollbar-highlight-color: #6685CA; 
    scrollbar-shadow-color: #6685CA; 
    scrollbar-3dlight-color:#FFFFFF;
    scrollbar-arrow-color:#FFFFFF; 
    scrollbar-track-color:#E5E5E5; 
    scrollbar-drakshadow-color:#000000;

}
.divPrincipal{
    /*width: 1024px;*/
    width: 95%;
    /*height: 768px;*/
    padding-left:  30px;
    padding-right: 30px;
    padding-top: 34px;
    background: #dfe0e0; /* Old browsers */

    background: -moz-linear-gradient(top,  #dfe0e0 0%, #f9f9f9 49%, #fcfcfc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfe0e0), color-stop(49%,#f9f9f9), color-stop(100%,#fcfcfc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #dfe0e0 0%,#f9f9f9 49%,#fcfcfc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #dfe0e0 0%,#f9f9f9 49%,#fcfcfc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #dfe0e0 0%,#f9f9f9 49%,#fcfcfc 100%); /* IE10+ */
    background: linear-gradient(top,  #dfe0e0 0%,#f9f9f9 49%,#fcfcfc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfe0e0', endColorstr='#fcfcfc',GradientType=0 ); /* IE6-9 */
}
.divCabecera{  
    width: 100%;
    height: 141px; 
    /*height: 120px;*/
    vertical-align: bottom;

    background-color: #005596;  
    /*background-image: url('../images/logox.png');  */
    /*border: 2px solid white;*/
}
.divCabeceraLogin{  
    width: 100%;
    height: 141px; 
    /*height: 120px;*/
    vertical-align: bottom;

    background-color: #005596;  
    /*background-image: url('../images/grisblanco2_chico.png');  */

    background-image: url('../images/azulacademicos-01.png');

    background-repeat: no-repeat;
    background-position: left;

}
.fondoLogo{
    /*background:#005596 url(../images/logox.png) no-repeat;*/
    background-color: #005596;  
    background-image: url('../images/logox.png');  
    background-repeat: no-repeat;
    background-position: left;
}
.divBuzon{
    /*background-color: #005596;*/
    background-color: #a4a5a8;
    /*width: 980px;*/
    width: 100%;
    height: 141px; 
    vertical-align: bottom;
}
.divContacto{
    /*background-color: #005596;*/
    /*background-color: #a4a5a8;*/
    /*width: 980px;*/
    width: 100%;

    top: 65%;
    position: relative;
    vertical-align: bottom;
    text-transform: none;
    font-family: verdana, helvetica, arial;
    font-size: 11pt;
    color: white;
}
.divCintilloContacto{
    background-color: #808183;
    /*width: 980px;*/
    width: 100%;
    height: 20px; 
    vertical-align: bottom;
    text-transform: none;
    top: 60%;
    position: relative;
}
.divContenido{

    /*width: 980px;*/
    width: 100%;
    height: 350px;
    top: 34px;
    left: 22px;
    /* position:  relative;*/
    vertical-align: bottom;
    background-color: white;

}
.divContenidoVariable{

    /*width: 980px;*/
    width: 100%;
    height: auto;
    top: 34px;
    left: 22px;
    /* position:  relative;*/
    vertical-align: bottom;
    background-color: white;

}
.imgLogo{
    position: relative;
    left: 20px;
    top:30px;

}
.tablaCabecera{
    top: 90px;
    left: 32%;
    /*top: 60px;*/
    position: relative;
    height: 40px;
    width: 68%;
    background-color: transparent;

} 
.tablaCabeceraPrincipal{
    top: 80px;
    left: 40%;
    /*top: 60px;*/
    position: relative;
    height: 40px;
    width: 59%;
    background-color: transparent;
    z-index: 100;
} 
.tdBorde{
    color: white;
    border-left-color: white;
    border-left-style: dashed;
    border-left-width: 1px;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    font-size: 11pt;
    width: 25%;

}
.tdBordePrincipal{
    color: white;
    border-left-color: white;
    border-left-style: dashed;
    border-left-width: 1px;
    vertical-align: top;
    text-align: center;
    cursor: pointer;
    font-size: 11pt;
    width: 25%;
}

.thChico{
    font-size: 10pt;
    font-family: tahoma;
    font-weight: 400;
    background-color: #4683B1;
    color: white;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
}
.tdChico{
    font-size: 9pt;
    font-family: tahoma;
    font-weight: 400;
}
.tdIzquierda{
    text-align:left;
}


.activo{

    background-color: #4683b1;
}



.inputTexto{
    border-bottom: 1px solid rgb(0,0,102) ;
    border-left:  none ; 
    border-right: none ; 
    border-top:   none ; 
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    background-color: rgb(244,244,244);
}
.fechaPieI{
    font-family: verdana, helvetica, arial;
    font-size: 11pt;
    color: #A4A5A8;
    text-align: left;
    float: left;

}
.fechaPieD{
    font-family: verdana, helvetica, arial;
    font-size: 11pt;
    color: #A4A5A8;
    text-align: right;

}
.fotoAlumno{
    width: 90px;
    height: 106px;
    border-bottom: 3px solid silver;
    border-right: 3px solid silver;
}



.frameContenido{
    width: 100%;
    height: 100%;
    border: none ;
    background-color: transparent;

    background-image: url('../images/Blancoacademicos-01.png');
    background-position: right;
    background-repeat: no-repeat;
}
.botonGeneralGris{
    background-color: rgb(82,82,82);
    /*border: 2px solid rgb(204,204,204) ;*/
    cursor: pointer;
    color: white;
    font-weight: 700;
    font-family: futura, verdana, tahoma, arial;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; 

}

.botonGeneral{
    background-color: #4683B1;
    /*border: 2px solid rgb(204,204,204) ;*/
    cursor: pointer;
    color: white;
    font-weight: 700;
    font-family: futura, verdana, tahoma, arial;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px; 

}
.botonLogOut{ 

    top: 5px;
    left: 440px;
    /*top: 60px;*/
    position: relative;
}

.mensajeError{

    vertical-align: middle;
    padding-left: 5px;
    color: red;
    font-weight: 800;
}
.liError{
    list-style-image: url("../images/exclamation.png");
    list-style-position: outside;
    vertical-align: middle;
    padding-left: 5px;
    color: red;
    font-weight: 800;
}
.tdDerechaTitulo{
    text-align: right;
    font-weight: 800;
    font-size: 7pt;
    color: rgb(102,102,102);

}
.tdIzquierdaTitulo{
    text-align: left;
    font-weight: 800;
    font-size: 7pt;
    color: rgb(102,102,102);

}
.tdCentroTitulo{
    text-align: center;
    font-weight: 800;
    font-size: 7pt;
    color: rgb(102,102,102);

}
.tdCentro{
    text-align: center;
    font-weight: 800;
    font-size: 7pt;
    color: black;

}
.tdIzquierda{
    text-align: left;
    font-weight: 800;
    font-size: 7pt;
    color: black;

}
.inputCaptura{
    font-family: courier new, verdana;
    width: 100%;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.inputCapturaNumero{
    font-family: courier new, verdana;
    width: 60px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: right;
}
.inputCapturaSmall{
    font-family: courier new, verdana;
    width: 100px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.spanNombres{
    font-size: 8pt;
    text-align:left;
}

.trSeleccionado{
    background-color: #5891C9;
    color : white;
}

.trSeleccionado td{
    color: white;
}

.trOver{
    background-color: #FDFFD6;
    cursor: pointer;

}
/*PROPIEDADES INDIVIDUALES*/

.mayusculas{
    text-transform: uppercase;
}
.minusculas{
    text-transform: lowercase;
}
.derecha{
    text-align: right;
}
.izquierda{
    text-align: left;
}
.centrado{
    text-align: center;
}
.justificado{
    text-align: justify;
}
.negrita{
    font-weight: 900;
}
.fechaAviso{
    color: navy;
    font-weight: 500;
}

/* estiloLogin.css */

form {}
.formaAlumnos{
    width: 20%;
    height: 40%;
    left: 40%;
    position:relative;
    background-color: rgb(245,245,245);  
    /*border: 1px solid red;*/
}
.formaDocentes{
    width: 20%;
    height: 40%;
    left: 60%;
    position:relative;
    background-color: rgb(245,245,245);  
    /*border: 1px solid red;*/
}
.formaAdministrativos{
    width: 20%;
    height: 40%;
    left: 80%;
    position:relative;
    background-color: rgb(245,245,245);
    /*border: 1px solid red;*/
}
.tdLogin{
    font-family: futura, verdana, helvetica, arial;
    font-size: 11pt;
    text-align: right;
    color: Navy;
}
.tdLoginInput{
    font-family: futura, verdana, helvetica, arial;
}
.tdIzquierdaCintillo{
    color: white;

    font-family: futura, verdana, helvetica, arial;
    font-size: 11pt;
    text-transform: uppercase;
    vertical-align: middle;
}

.inputLogin{
    border-bottom: 1px dotted  rgb(0,0,102) ;
    border-left:  none ; 
    border-right: none ; 
    border-top:   none ; 
    font-weight: 700;
    text-transform: uppercase;
    width: 100%;
    padding-left: 7px;
    /*background-color: #C7C8CA;*/
    /*background-color: rgb(244,244,244);*/

}
.divContenidoLogin{
    background-color: white;
    /*width: 980px;*/
    width: 100%;
    height: 279px;
    top: 34px;
    left: 22px;
    /* position:  relative;*/
    vertical-align: bottom;

    background-image: url('../images/Blancoacademicos-01.png');
    background-position: right;
    background-repeat: no-repeat;
}
.divCintilloLogin{
    width:100%;
    height: 20px;
    background-color: #808183;  
    vertical-align: middle;
    padding: 0px;
    font-size: 11pt;
}
.divCintilloLoginAzul{
    width:100%;
    height: 20px;
    background-color: #005596;  
    vertical-align: middle;
    padding: 0px;
}
.pieLoginIzquierda{
    height: 260px;
    width: 80%;
    background-color: #a4a5a8;
    float: left;
}
.pieLoginDerecha{
    height: 260px;
    width: 20%;
    background-color: #005596;
    float : right;
}

.piePrincipalIzquierda{
    height: 190px;
    width: 80%;
    background-color: #a4a5a8;
    float: left;
}
.piePrincipalDerecha{
    height: 190px;
    width: 20%;
    background-color: #005596;
    float : right;
}
.divCalendario{
    width: 25%;
    float: left;
    background-color: transparent;
    position: relative;
    top: 10px;
    /*border : 1px solid white;*/
}
.divNoticiasLogin{
    width: 73%;
    height: 90%;
    overflow: auto;
    float: right;
    background-color: transparent;
    position: relative;
    top: 10px;
    right: 10px;
    font-family: verdana, helvetica, arial;
    font-size: 11pt;
    font-weight: 500;
    color: white;
    text-align: left;
    line-height: 18pt;
    letter-spacing: 0px;
    /*border : 1px solid white;*/
}
.divFormaLogin{
    text-align: center;
    border : 1px solid transparent ;
    width: 50%;
    left: 20%;
    position: relative;
}
.pTituloLogin{
    color: Navy;
}

/*  estudiantes.css */

.icono{
    width: 16px; 
    height:16px;
}
.campoRequerido{
    border-bottom-color: red;
    border-bottom-style: solid;
    border-bottom-width: 2px;

    border-top-color: red;
    border-top-style: solid;
    border-top-width: 1px;

    border-right-color: red;
    border-right-style: solid;
    border-right-width: 2px;

    border-left-color: red;
    border-left-style: solid;
    border-left-width: 1px;

    background-color: rgb(255,240,240);  
}
.combo{
    font-weight: 500;
    font-family: courier new, verdana, tahoma, arial;
}
.inputOtro{
    font-weight: 500;
    font-family: courier new, verdana, tahoma, arial;
}
.divOpciones{
    width: 90%;
    padding-left: 50px;
    padding-top: 8px;
    font-family: futura, verdana, tahoma, arial;

    color: #005596;
}
.divPregunta{
    background-color: rgb(243,243,255);
    font-weight: 700;
    font-family: futura, verdana, tahoma, arial;
    color: #005596;
}
.divSubPregunta{
    width: 90%;
    padding-left: 30px;
    font-size: -30%;
    font-weight: 400;
    font-family: futura, verdana, tahoma, arial;
    color: #005596;
}
.spanOtro{
    display: none;
}
.colapsable{
    cursor: pointer;
}
.fs_preguntas legend{
    text-align: left;
    padding-left: 20px;
    font-weight: 900;
    font-size: 10pt;
    color: Black;
    letter-spacing: 2px;
}
.fs_preguntas{
    text-align: left;
    padding-left: 20px;
    font-weight: 400;
    font-size: 10pt;
    color:rgb(0,0,153);
}
.divCabeceraDatosUsuario{
    color: white;
    font-family: futura, verdana, tahoma, arial;
    font-size: 10pt;
    font-weight: normal;
    position: relative;
    text-align: left;
    left: 20px;
    top:10px;
    vertical-align: middle;
    float: left;
    z-index:101;

    width: 40%;
    height: 90%;
    border: 0px solid white;
}
.tablaCabeceraEstudiantes{
    top: 80px;
    position: relative;
    z-index:100;
}
.foto{
    width: 90px;
    height: 106px;
    border-bottom: 2px solid rgb(153,153,153) ;
    border-right: 2px solid rgb(153,153,153) ;
    float: left;
}
.tdDatoPersonal{
    /*background-color: #005596;
    color: #EEEEEE;*/
    color: black;
    background-color: transparent;
    font-weight: 400;
    font-size: 10pt;
    text-align: left;    
    font-family: courier new, verdana, tahoma, arial;
}
.tdCabecera{
    /*background-color: #005596;
    color: #EEEEEE;*/
    color: #005596;
    background-color: transparent;
    font-weight: 700;
    font-size: 10pt;
    text-align: center; 
}
.tdCabeceraD{
    /*background-color: #005596;
    color: #EEEEEE;*/
    color: #005596;
    background-color: transparent;
    font-weight: 700;
    font-size: 10pt;
    text-align: right;
}
.tdCabeceraI{
    /*background-color: #005596;
    color: #EEEEEE;*/
    color: #005596;
    background-color: transparent;
    font-weight: 700;
    font-size: 10pt;
    text-align: left;
}
.inputDP{
    border-bottom: 1px dotted  rgb(0,0,102) ;
    border-left:  none ; 
    border-right: none ; 
    border-top:   none ; 
    font-weight: 700;
    text-transform: uppercase;
    width: 95%;
    padding-left: 1px;
    background-color: #F4F4F4;
    /*background-color: #C7C8CA;*/
    /*background-color: rgb(244,244,244);*/
}

/* estilo.css */

.display td{
    font-size: 9pt;
}
.display td img{
    cursor: pointer;
}
#gridGeneral td{
    font-size: 9pt;
}
#gridGeneral th{
    font-size: 9pt;
    font-weight: 700;
}
#buscaXNombre{
    cursor:pointer;
}
.gridColNombre{
    width: 70%;
    text-align: justify;
}
.gridColTexto30{
    width: 30%;
    text-align: justify;
}
.gridColTexto20{
    width: 20%;
    text-align: justify;
}
.invisible{
    display:none;
}
.capital{
    text-transform: capitalize;
}
.row_selected{
    background-color: red;
}
.flotanteDerecha{
    width: 58%;
    float: right;
    position: relative;
    border-top: 1px dotted red;
    border-bottom: 1px solid red; 
    border-right: 1px dotted red;
    border-left: 1px solid red; 
    height: 400px;
    overflow: auto;
}
.columnaNombre{
    white-space: nowrap;
    font-size: 7pt;
    text-align: left;
}
.columnaGral{
    /*white-space: nowrap;*/
    font-size: 7pt;
    text-align: center;
}
#divBusqueda td{ 
    font-size:8pt;
    text-align: left;
    border-left: 1px dotted black;
    cursor:pointer;
}
#divBusqueda tr:nth-child(even){ 
    background-color: rgb(204,204,204);
}
#divBusqueda tr:nth-child(odd){ 
    background-color: white;
}
.aMenuPpal{
    color: #005596;
    text-decoration: none;
}
.aMenuPpal:visited{
    color: #005596;
    text-decoration: none;
}
.aMenuPpal:hover{
    color: #005596;
    text-decoration: underline;
}
.aMenuPpal:active{
    color: #005596;
    text-decoration: none;
}
.renglonHistorial{
    background-color: rgb(234,234,234);
    text-align: center;
    border: rgb(0,102,153) dotted  1px;
}
.bordeBajo{
    border-bottom-width: 1px;
    border-bottom-color: red;
    border-bottom-style: dotted;
}

/* reveal.css */ 

/*	--------------------------------------------------
        Reveal Modals
        -------------------------------------------------- */
.big-link:link{
    text-decoration: none;
    color:white;
}
.big-link:visited{
    text-decoration: none;
    color:white;
}
.big-link:hover{
    text-decoration: none;
    color:white;
}	
.reveal-modal-bg { 
    position: fixed; 
    height: 100%;
    width: 100%;
    background: #000;
    background: rgba(0,0,0,.8);
    z-index: 100000;
    display: none;
    top: 0;
    left: 0; 
}

.reveal-modal {
    visibility: hidden;
    top: 50px; 
    /*left: 50%;*/
    /*left: 460px;*/

    /*margin-left: -300px; CHAZ, LO QUIT�*/
    /*width: 520px;*/
    /*width: 700px;CHAZ, LO QUIT�*/

    width: 85%;/*CHAZ, LO AGREGU�*/
    background: #eee url(modal-gloss.png) no-repeat -200px -80px;
    position: absolute;
    z-index: 101000;
    padding: 30px 40px 34px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    behavior:url(PIE.htc);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4);
}

.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
} 

/*  TableTools.css */                

div.DTTT_container {
    float: right;
    margin-bottom: 1em;
}

button.DTTT_button {
    position: relative;
    float: left;
    height: 30px;
    margin-right: 3px;
    padding: 3px 5px;
    border: 1px solid #d0d0d0;
    background-color: #fff;
    cursor: pointer;
    *cursor: hand;
}

button.DTTT_button::-moz-focus-inner { 
    border: none !important;
    padding: 0;
}


/*
 * BUTTON_STYLES
 * Action specific button styles
 */

button.DTTT_button_csv {
    padding-right: 30px;
    background: url(../images/csv.png) no-repeat center right;
}

button.DTTT_button_csv_hover {
    padding-right: 30px;
    border: 1px solid #999;
    background: #f0f0f0 url(../images/csv_hover.png) no-repeat center right;
}


button.DTTT_button_xls {
    /*padding-right: 30px; CHAZ CAMBI�*/
    padding-right: 15px;
    background: url(../images/xls.png) no-repeat center right;
    background-position: center;/* CHAZ AGREG� */
}

button.DTTT_button_xls_hover {
    /*padding-right: 30px; CHAZ CAMBI�*/
    padding-right: 15px;
    border: 1px solid #999;
    background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right;
    background-position: center;/* CHAZ AGREG� */
}


button.DTTT_button_copy {
    padding-right: 30px;
    background: url(../images/copy.png) no-repeat center right;
}

button.DTTT_button_copy_hover {
    padding-right: 30px;
    border: 1px solid #999;
    background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right;
}


button.DTTT_button_pdf {
    /*padding-right: 30px; CHAZ CAMBI�*/
    padding-right: 15px;
    background: url(../images/pdf.png) no-repeat center right;
    background-position: center;/* CHAZ AGREG� */
}

button.DTTT_button_pdf_hover {
    /*padding-right: 30px; CHAZ CAMBI� */
    padding-right: 15px;
    border: 1px solid #999;
    background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right;
    background-position: center;/* CHAZ AGREG� */
}


button.DTTT_button_print {
    /*padding-right: 30px; CHAZ CAMBI�*/
    padding-right: 15px;
    background: url(../images/print.png) no-repeat center right;
    background-position: center;/* CHAZ AGREG� */
}

button.DTTT_button_print_hover {
    /*padding-right: 30px; CHAZ CAMBI�*/
    padding-right: 15px;
    border: 1px solid #999;
    background: #f0f0f0 url(../images/print_hover.png) no-repeat center right;
    background-position: center;/* CHAZ AGREG� */
}


button.DTTT_button_text {
}

button.DTTT_button_text_hover {
    border: 1px solid #999;
    background-color: #f0f0f0;
}


button.DTTT_button_collection {
    padding-right: 17px;
    background: url(../images/collection.png) no-repeat center right;
}

button.DTTT_button_collection_hover {
    padding-right: 17px;
    border: 1px solid #999;
    background: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;
}


/*
 * SELECTING
 * Row selection styles
 */
table.DTTT_selectable tbody tr {
    cursor: pointer;
    *cursor: hand;
}

tr.DTTT_selected.odd {
    background-color: #9FAFD1;
}

tr.DTTT_selected.odd td.sorting_1 {
    background-color: #9FAFD1;
}

tr.DTTT_selected.odd td.sorting_2 {
    background-color: #9FAFD1;
}

tr.DTTT_selected.odd td.sorting_3 {
    background-color: #9FAFD1;
}


tr.DTTT_selected.even {
    background-color: #B0BED9;
}

tr.DTTT_selected.even td.sorting_1 {
    background-color: #B0BED9;
}

tr.DTTT_selected.even td.sorting_2 {
    background-color: #B0BED9;
}

tr.DTTT_selected.even td.sorting_3 {
    background-color: #B0BED9;
}


/*
 * COLLECTIONS
 * Drop down list (collection) styles
 */

div.DTTT_collection {
    width: 150px;
    padding: 3px;
    border: 1px solid #ccc;
    background-color: #f3f3f3;
    overflow: hidden;
    z-index: 2002;
}

div.DTTT_collection_background {
    background: transparent url(../images/background.png) repeat top left;
    z-index: 2001;
}

div.DTTT_collection button.DTTT_button {
    float: none;
    width: 100%;
    margin-bottom: 2px;
    background-color: white;
}


/*
 * PRINTING
 * Print display styles
 */

.DTTT_print_info {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 400px;
    height: 150px;
    margin-left: -200px;
    margin-top: -75px;
    text-align: center;
    background-color: #3f3f3f;
    color: white;
    padding: 10px 30px;

    opacity: 0.9;

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

    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

.DTTT_print_info h6 {
    font-weight: normal;
    font-size: 28px;
    line-height: 28px;
    margin: 1em;
}

.DTTT_print_info p {
    font-size: 14px;
    line-height: 20px;
}


/*
 * MISC
 * Minor misc styles
 */

.DTTT_disabled {
    color: #999;
}


/* demo_page.css */

#dt_example {
    font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    color: #333;
    background-color: #fff;
}


#dt_example #container {
    width: 800px;
    margin: 30px auto;
    padding: 0;
}


#dt_example #footer {
    margin: 50px auto 0 auto;
    padding: 0;
}

#dt_example #demo {
    margin: 30px auto 0 auto;
}

#dt_example .demo_jui {
    margin: 30px auto 0 auto;
}

#dt_example .big {
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.6em;
    color: #4E6CA3;
}

#dt_example .spacer {
    height: 20px;
    clear: both;
}

#dt_example .clear {
    clear: both;
}

#dt_example pre {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

#dt_example h1 {
    margin-top: 2em;
    font-size: 1.3em;
    font-weight: normal;
    line-height: 1.6em;
    color: #4E6CA3;
    border-bottom: 1px solid #B0BED9;
    clear: both;
}

#dt_example h2 {
    font-size: 1.2em;
    font-weight: normal;
    line-height: 1.6em;
    color: #4E6CA3;
    clear: both;
}

#dt_example a {
    color: #0063DC;
    text-decoration: none;
}

#dt_example a:hover {
    text-decoration: underline;
}

#dt_example ul {
    color: #4E6CA3;
}

.css_right {
    float: right;
}

.css_left {
    float: left;
}

/* demo_table.css */

.dataTables_wrapper {
    position: relative;
    min-height: 302px;
    clear: both;
    _height: 302px;
    zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}

.dataTables_length {
    width: 40%;
    float: left;
}

.dataTables_filter {
    width: 50%;
    float: right;
    text-align: right;
}

.dataTables_info {
    width: 60%;
    float: left;
}

.dataTables_paginate {
    width: 44px;
    /** width: 50px;*/
    float: right;
    text-align: right;
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
    height: 19px;
    width: 19px;
    margin-left: 3px;
    float: left;
}

.paginate_disabled_previous {
    background-image: url('../images/back_disabled.jpg');
}

.paginate_enabled_previous {
    background-image: url('../images/back_enabled.jpg');
}

.paginate_disabled_next {
    background-image: url('../images/forward_disabled.jpg');
}

.paginate_enabled_next {
    background-image: url('../images/forward_enabled.jpg');
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
    margin: 0 auto;
    clear: both;
    width: 100%;

    /* Note Firefox 3.5 and before have a bug with border-collapse
     * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
     * border-spacing: 0; is one possible option. Conditional-css.com is
     * useful for this kind of thing
     *
     * Further note IE 6/7 has problems when calculating widths with border width.
     * It subtracts one px relative to the other browsers from the first column, and
     * adds one to the end...
     *
     * If you want that effect I'd suggest setting a border-top/left on th/td's and 
     * then filling in the gaps with other borders.
     */
}

table.display thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    /* cursor: hand;*/
}

table.display tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.display tr.heading2 td {
    border-bottom: 1px solid #aaa;
}

table.display td {
    padding: 3px 10px;
}

table.display td.center {
    text-align: center;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
    background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
    background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
    background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
    background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
    background: url('../images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
    background-color: #ddffdd;
}

table.display tr.even.gradeA {
    background-color: #eeffee;
}

table.display tr.odd.gradeC {
    background-color: #ddddff;
}

table.display tr.even.gradeC {
    background-color: #eeeeff;
}

table.display tr.odd.gradeX {
    background-color: #ffdddd;
}

table.display tr.even.gradeX {
    background-color: #ffeeee;
}

table.display tr.odd.gradeU {
    background-color: #ddd;
}

table.display tr.even.gradeU {
    background-color: #eee;
}


tr.odd {
    background-color: #E2E4FF;
}

tr.even {
    background-color: white;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
}

.top, .bottom {
    padding: 15px;
    background-color: #F5F5F5;
    border: 1px solid #CCCCCC;
}

.top .dataTables_info {
    float: none;
}

.clear {
    clear: both;
}

.dataTables_empty {
    text-align: center;
}

thead input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

thead input.search_init {
    color: #999;
}
tfoot input {
    margin: 0.5em 0;
    width: 100%;
    color: #444;
}

tfoot input.search_init {
    color: #999;
}

td.group {
    background-color: #d1cfd0;
    border-bottom: 2px solid #A19B9E;
    border-top: 2px solid #A19B9E;
}

td.details {
    background-color: #d1cfd0;
    border: 2px solid #A19B9E;
}


.example_alt_pagination div.dataTables_info {
    width: 40%;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
}

.paging_full_numbers span.paginate_button,
.paging_full_numbers span.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
}

.paging_full_numbers span.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
    background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
    background-color: #99B3FF;
}

table.display tr.even.row_selected td {
    background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
    background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
    background-color: #D3D6FF;
}

tr.odd td.sorting_2 {
    background-color: #DADCFF;
}

tr.odd td.sorting_3 {
    background-color: #E0E2FF;
}

tr.even td.sorting_1 {
    background-color: #EAEBFF;
}

tr.even td.sorting_2 {
    background-color: #F2F3FF;
}

tr.even td.sorting_3 {
    background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
        Colour calculations (based off the main row colours)
  Level 1:
                dd > c4
                ee > d5
        Level 2:
          dd > d1
          ee > e2
*/
tr.odd.gradeA td.sorting_1 {
    background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
    background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
    background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
    background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
    background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
    background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
    background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
    background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
    background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
    background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
    background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
    background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
    background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
    background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
    background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
    background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
    background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
    background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
    background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
    background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
    background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
    background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
    background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
    background-color: #e2e2e2;
}


/*
 * Row highlighting example
 *//*
.display #tablaGrid tbody tr.even:hover, #tablaGrid tbody tr.even td.highlighted {
        background-color: #ECFFB3;
}

.display #tablaGrid tbody tr.odd:hover, #tablaGrid tbody tr.odd td.highlighted {
        background-color: #E6FF99;
}


.display #tablaGrid tr.even:hover {
        background-color: #ECFFB3;
}

.display #tablaGrid tr.even:hover td.sorting_1 {
        background-color: #DDFF75;
}

.display #tablaGrid tr.even:hover td.sorting_2 {
        background-color: #E7FF9E;
}

.display #tablaGrid tr.even:hover td.sorting_3 {
        background-color: #E2FF89;
}

.display #tablaGrid tr.odd:hover {
        background-color: #E6FF99;
}

.display #tablaGrid tr.odd:hover td.sorting_1 {
        background-color: #D6FF5C;
}

.display #tablaGrid tr.odd:hover td.sorting_2 {
        background-color: #E0FF84;
}

.display #tablaGrid tr.odd:hover td.sorting_3 {
        background-color: #DBFF70;
}*/
/*
CHAZZZZZZZ
*/
#tablaGrid tbody tr.even:hover, #tablaGrid tbody tr.even td.highlighted {
    background-color: #ECFFB3;
}

#tablaGrid tbody tr.odd:hover, #tablaGrid tbody tr.odd td.highlighted {
    background-color:  #E6FF99;
}

#tablaGrid tr.even:hover {
    background-color: #ECFFB3;
}

#tablaGrid tr.even:hover td.sorting_1 {
    background-color: #DDFF75;
}

#tablaGrid tr.even:hover td.sorting_2 {
    background-color: #E7FF9E;
}

#tablaGrid tr.even:hover td.sorting_3 {
    background-color: #E2FF89;
}

#tablaGrid tr.odd:hover {
    background-color: #E6FF99;
}

#tablaGrid tr.odd:hover td.sorting_1 {
    background-color: #D6FF5C;
}

#tablaGrid tr.odd:hover td.sorting_2 {
    background-color: #E0FF84;
}

#tablaGrid tr.odd:hover td.sorting_3 {
    background-color: #DBFF70;
}
/*TERMINA CHAZZZZZ*/

/*
 * KeyTable
 */
table.KeyTable td {
    border: 3px solid transparent;
}

table.KeyTable td.focus {
    border: 3px solid #3366FF;
}

table.display tr.gradeA {
    background-color: #eeffee;
}

table.display tr.gradeC {
    background-color: #ddddff;
}

table.display tr.gradeX {
    background-color: #ffdddd;
}

table.display tr.gradeU {
    background-color: #ddd;
}

div.box {
    height: 100px;
    padding: 10px;
    overflow: auto;
    border: 1px solid #8080FF;
    background-color: #E5E5FF;
}
.folder{
    cursor: pointer;
}

/*  jquery.dataTables.css */

table.dataTable {
    margin: 0 auto;
    clear: both;
    width: 100%;
}

table.dataTable thead th {
    padding: 3px 18px 3px 10px;
    border-bottom: 1px solid black;
    font-weight: bold;
    cursor: pointer;
    *cursor: hand;
}

table.dataTable tfoot th {
    padding: 3px 18px 3px 10px;
    border-top: 1px solid black;
    font-weight: bold;
}

table.dataTable td {
    padding: 3px 10px;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
    text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
    float: left;
}


/*
 * Filter
 */
.dataTables_filter {
    float: right;
    text-align: right;
}


/*
 * Table information
 */
.dataTables_info {
    clear: both;
    float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
    float: right;
    text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
    height: 19px;
    float: left;
    cursor: pointer;
    *cursor: hand;
    color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
    text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
    outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
    color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
    padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
    padding-right: 23px;
    margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
    height: 22px;
    line-height: 22px;
}
.paging_full_numbers a:active {
    outline: none
}
.paging_full_numbers a:hover {
    text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
    border: 1px solid #aaa;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
}

.paging_full_numbers a.paginate_button {
    background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
    background-color: #ccc;
    text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
    background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 250px;
    height: 30px;
    margin-left: -125px;
    margin-top: -15px;
    padding: 14px 0 2px 0;
    border: 1px solid #ddd;
    text-align: center;
    color: #999;
    font-size: 14px;
    background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }

table.dataTable th:active {
    outline: none;
}


/*
 * Scrolling
 */
.dataTables_scroll {
    clear: both;
}

.dataTables_scrollBody {
    *margin-top: -1px;
    -webkit-overflow-scrolling: touch;
}



#tablaCarga tr:nth-child(odd) td {
    background-color: #fbfbfb
} /*odd*/
#tablaCarga tr:nth-child(even) td {
    background-color: #e8ecee
} /* even*/
#tablaCarga tr:hover td {
    background-color: #fffbae;
    cursor: pointer;
} /* hovering */


.tablaDatosEmpate{
    text-align: left;
    padding: 0.7em;
}
.tablaDatosEmpate caption{
    font-weight: bolder;
    font-size: 1em;
    text-transform: uppercase;
}
.tablaDatosEmpate td{
    padding: 0.7em;
}
.tablaDatosEmpate tr:nth-child(even) td {
    background-color: #fbfbfb;
    font-size: 11px;
} /*odd*/
.tablaDatosEmpate tr:nth-child(odd) td {
    background-color: #e8ecee
} /* even*/
H3{
    color: #990000;
    
}