/* CSS
Autor: Eduardo Rojel, modificado Natalia Trejo
Descripcion: Estilos.
*/

/* :: : :: : :: Tags Generales HTML :: : :: : :: */
BODY {
        /*background: url(imagenes/back.jpg) #F0F8FF;
        background-attachment: fixed; */
        /*background:#ECF5FF;*/
        background:#FFFFFF;
        text:#3399FF;
        /*background-repeat: no-repeat;*/
        /*background-position: center;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}

H1,H2,H3{

}

A {
    /*color: light-blue;
    text-align: center;
    font-weight: bold;*/
    font-size:10px;
}
a:link {
        color: #000000;
        text-decoration: none;
        /*font-weight: bold;*/
}
a:visited {
        text-decoration: none;
        color: #000000;
        /*font-weight: bold;*/
}
a:hover {
        text-decoration: none;
        color: #000000;
        font-weight: bold;
}
a:active {
        text-decoration: none;
        color: #000000;
        /*font-weight: bold;*/
}


readonly {
 border: 1px solid;
 padding: 3px;
 margin-right: 2px;
}

FIELDSET{
       background: #ECF5FF;
}

BUTTON{
        border:1px solid #999999;
}

INPUT {
        border:1px solid #999999;
        background: #ffffcc;
}

TEXTAREA {
        border:1px solid #999999;
        background: #ffffcc;
}

SELECT {
        border:1px solid #999999;
        background: #ffffcc;
}

TABLE {
        border: 0;
}

TD {
        font-size:12px;
}
/*
TR {
    border: 1px #cccccc;
    background: #ffffcc;
}*/
LEGEND{
      color: #999999;
      align:center;
      font-size:20px;
      font-weight: bolder;
}
/* :: : :: : :: Clases :: : :: : :: */

.clsTituloGrande {
    color: #999999;
    text-align:center;
    font-size:25px;
    font-weight: bolder;
}

.clsTituloChico {
    color: #999999;
    text-align:center;
    font-size:20px;
    font-weight: bolder;
}

.clsExito {
    /*
    color: green;
    background-color: #ffffcc;
    align: center;
    */
    font-weight: bold;
    background: rgb(250, 209, 99) none repeat scroll 0%;
    line-height: 1.7ex;
    /*-moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial; */
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
}
.clsError {
    /*
    color: red;
    background-color: #ffffcc;
    align: center;   */
    font-weight: bold;
    background: rgb(250, 209, 99) none repeat scroll 0%;
    line-height: 1.7ex;
    /*-moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial; */
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
}

.clsNota {
    color: #666666;
    font-size:12px;
}
/* --------> Login*/

.clsTablaLogin {
    text-align: center;
    border: 0;
}

.clsTablaLogin TH {
    text-align: right;
}

/* --------> Tabla Browse*/

.clsTablaBrowse {
    font-family: verdana, Arial;
    font-size: 12px;
    border: 1px solid #cccccc;
    background: #ffffff;
}

.clsTablaBrowse TH {
    background: #9bbdd8;
    color: #000000;
    text-align: center;
    font-size: 14px;
}

/* --------> Tabla Buscador*/

.clsTablaBuscador {
    font-family: verdana, Arial;
    border: 1px solid #cccccc;
    background: #ffffff;
    cellpadding:10;
}

.clsTablaBuscador TH {
    background: #9bbdd8;
    text-align: right;
    font-size: 13px;
    height: 30px;
}

/* ----------> ayuda*/
.clsAyuda {
        font-size: 9px;
        color: #666666;
}
/* --------> Cabezera*/

.clsCabecera {
    /*background:#ECF5FF;*/
    background:#FFFFFF;
    text-color:#3399FF;
    /*background: #66d1b1;*/
    text-align: center;
    font-family: verdana, Arial;

}

.clsTituloCabecera {
    color: #000000;
    text-align:center;
    font-size:20px;
    /*color: #3399FF;*/
}
/* --------> Main*/

.clsMain {
    background: #9bbdd8;
    /*background: #66d1b1;*/
    text-align: center;
    font-family: verdana, Arial;

}

.clsTituloMain {
    color: #ffffff;
    text-align:center;
    font-size:15px;

}
/* --------> Menu de la Izquierda*/

.clsMenuIzq {
    background: #ffffff;
    font-family: verdana, Arial;
}

.clsMenu {
    border:1px solid #9bbdd8;
    background-color:#F6F6F6;
    cursor:default;
    overflow:hidden;
    -moz-box-sizing:border-box;
    font-size: 11px;
}

.clsMenuOpcion {
    color:#141414;
    padding:2px;
    cursor:pointer;
    cursor:hand;
    -moz-box-sizing:border-box;
    -moz-user-select:none;
    font-size: 11px;
}

.clsMenuOpcion A {
/*    color: #003399;*/
    color: #555555;
    text-decoration: none;
    font-size: 11px;
}

.clsMenuOpcion A:hover {
    background-color:#E6E6E6;
    color: #003399;
    font-size: 11px;
    font-height: bold;
    border: 1px solid #000000;
    }

.clsMenuOpcion A:link {
    color: #003399;
}

.clsMenuOpcion A:active {
    color: #003399;
}

/*--> Niveles de Reparticiones */

.clsNivel0, .clsNivel1, .clsNivel2, .clsNivel3, .clsNivel4, .clsNivel5, .clsNivel6, .clsNivel7, .clsNivel8, .clsNivel9, .clsNivel10, .clsNivel11, .clsNivel12, .clsNivel13, .clsNivel14, .clsNivel15, .clsNivel16, .clsNivel17, .clsNivel18, .clsNivel19, .clsNivel20  {
    color: #666666;
    font-weight: bolder;
    background-color:#FFFFFF;
    border: 1px dotted #999999;
    font-size: 13px
}

.clsNivelResaltado {
    font-size: 17px;
    background: #94C8DE;
    color: #ffffff;
    font-weight: bolder;
    border: 1px dotted #999999;
}

.clsNivel {
    color: #000000;
    font-size: 7px;
}

/*--> Nueva Reparticion */

.clsTablaNuevaReparticion {
    border: 1px solid #c1c1c1;
    background: #ffffff;
    font-size: 12px;
}

.clsTablaNuevaReparticion TH,TD {
    font-size: 13px;
}


.clsTablaNuevaReparticion .clsTituloChico {
    background: #c2e0ec;
    color: #ffffff;
}

.clsTablaFondo {
    border:1px dashed #9bbdd8;/*#cfcfcf;*/
    background: #ffffff;
    }

.clsFormTH
    {
    background: #9bbdd8;
    color: #191970 ;
    /*background: #c9c9c9;*/
    }

.clsFormTH2
    {
    /*background: #cccccc;*/
    color: #191970 ;
    background: #c9c9c9;
    }

.clsFormTD
    {
    background: #f6f6f6;
    }

/*--> Menu desplegable */

ol#root {  padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root ol {  padding-left: 5px; margin-top: 2px; margin-bottom: 1px; list-style: none;}
#root li { margin-bottom: 1px; padding-left: 5px;  margin-top: 2px; font-size: x-small; }

.panel { border-bottom: 1px solid #999; margin-bottom: 2px; margin-top: 2px; background: #eee; }

#root ul { margin-bottom: 1px; margin-top: 2px; list-style-position: inside; }

#root a { text-decoration: none; }


.folder { background: url(css/folder-closed.gif) no-repeat; float: left; height: 14px; width: 26px; padding-right: 3px }
.doc { background: url(css/file.gif) no-repeat; float: left; height: 14px; width: 12px; padding-right: 3px; margin-left: 10px;}