@import url("relogin.css");
@import url("quickform.css");

body {
	margin-left          : 1px;
	background-image     : url(../images/fondo.jpg);
	background-repeat    : no-repeat;
	background-attachment: fixed;
	background-position  : 100% 100%;
	background-color     : white;
}

A {
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 11px;
  font-weight    : bold;
  color          : #D3D3D3;
	text-decoration: none;
}

A:link,
A:visited,
A:hover {
  text-decoration: none;
}

INPUT {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
  color           : #000000;
  border          : 2px groove #dddddd;
  PADDING         : 2px;
  background      : white;
}

INPUT:hover {
  background     : #A2A4FD;
}

INPUT:focus {
	background	: #03079c;
	font-weight	: bold;
	color		: #ffff00;
}

button {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
  color           : #000000;
  border          : 2px groove #dddddd;
  PADDING         : 2px;
  background      : white;
}

button:hover {
  background     : #A2A4FD;
}

button:focus {
  background     : #03079c;
	FONT-WEIGHT    : bold;
  color          : #ffff00;
}


SELECT {
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
	PADDING         : 2px;
	BORDER          : 2px groove #dddddd;
	COLOR           : #333333;
	BACKGROUND      : white;
}

SELECT:hover {
  background     : #A2A4FD;
}

SELECT:focus {
  background     : #03079c;
	FONT-WEIGHT    : bold;
  color          : #ffff00;
}

TEXTAREA {
	font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : normal;
	BORDER          : 2px groove #dddddd;
	PADDING         : 2px;
	COLOR           : #333333;
	BACKGROUND      : #ffffff;
}

TEXTAREA:hover {
  background     : #A2A4FD;
}

TEXTAREA:focus {
  background     : #03079c;
	/*FONT-WEIGHT    : bold; */
  color          : #ffff00;
}

FONT {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
	color      : #006699;
}

.font1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
	color      : #006699
}

.FONT2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #996666
}

.FONT3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #CC6600
}

.FONT4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #FF0000
}

.FONT5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: bold;
	color      : #000000
}

.FONT6 {
	font-family: Arial,Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
	color      : #FFFFFF;

}

.FONT7 {
	font-family     : Courier New, Courier, mono;
	font-size       : 13px;
	font-weight     : normal;
  	background-color: #CC0000;
	color           : #FFFFFF;
}

.FONT8 {
	font-family     : Arial,Helvetica, sans-serif;
	font-size       : 11px;
	font-weight     : normal;
	color           : #3F726A;
}

.FONT9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: bold;
  color      : #006699;
}

.FONT10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #FF0000;
}

.FONT11 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 12px;
  font-weight: normal;
  color      : #990000;
}

.FONT12 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #000000;
}

.FONT13 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #990000;
}

.font13:hover {
  text-decoration: underline;
}

.FONT14 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #fff;
}

.FONT15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 11px;
	font-weight: bold;
	color      : #000000
}

.FONT16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 11px;
	font-weight: bold;
	color      : #FFFFFF
}

.FONT17 {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 11px;
	font-weight: bold;
	color      : green;
}

.FONT18 {
	font-family     : Courier New, Courier, mono;
	font-size       : 13px;
	font-weight     : normal;
  	background-color: green;
	color           : #FFFFFF;
}


.fondocelda {
    background-color              : #eeeeee;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda2 {
    background-color              : #dddddd;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda3 {
    background-color              : #006699;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda4 {
    background-color              : #8C8C8C;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda5 {
    background-color              : #A7A372;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda6 {
    background-color              : #7A93BA;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda7 {
    background-color              : #84CA77;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda8 {
    background-color              : #F9F3D0;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda9 {
    background-color              : #F2E9A6;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda10 {
    background-color              : #DEE4D3;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda11 {
    background-color              : #F4D0E3;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.fondocelda12 {
    background-color              : #D3DCE3;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}
.fondocelda13 {
    background-color              : red;
    -moz-border-radius-topleft    : 10px;
    -moz-border-radius-bottomleft : 10px;
    -moz-border-radius-topright   : 10px;
    -moz-border-radius-bottomright: 10px;
}

.inputcolor{
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  FONT-WEIGHT     : bold;
  BORDER          : 2px groove #dddddd;
  PADDING         : 2px;
  COLOR           : red;
  BACKGROUND      : #ffffff;
}

.inputcolor:hover, .inputcolor:focus{
  background     : #c1d3c8;
}

.anchor {
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 11px;
  font-weight    : bold;
  color          : #6B9900;
	text-decoration: none;
}
.anchor2 {
	font-family    : Arial, Helvetica, sans-serif;
	font-size      : 11px;
  font-weight    : bold;
  color          : #007B95;
	text-decoration: none;
}



/****************************************************************
 Estilos temporales para Schlumberger
****************************************************************/

.estilotabla{
  border-style: none;
}

.estiloCeldaTitulo01 {
  background-color: #008acc;
  border-style    : none;
}

.estiloCeldaTitulo02 {
  background-color: #ceefff;
  border-style    : none;
}

.tituloboton {
  text-align          : right;
  border-style        : none none dotted none;
  border-bottom-width : 2px;
  border-color        : #555;
}

.pieboton {
  background-color : #003148;
  border-style     : dotted none none none;
  border-top-width : 2px;
  border-color     : #fff;
  text-align       : right;
}

.celdaMargenSuperior {
  border-style       : dotted none none none;
  border-top-width   : 2px;
  border-color       : #555;
  text-align         : left;
  vertical-align     : top;
}

.celdaMargenDerechoSuperior {
  border-style       : dotted dotted none none;
  border-top-width   : 2px;
  border-right-width : 2px;
  border-color       : #555;
  font-family        : Arial, Helvetica, sans-serif;
  font-size          : 12px;
  font-weight        : normal;
  text-align         : left;
  vertical-align     : top;
}

.celdaSeparador {
  background-color   : #efffca;
  border-style       : dotted none solid none;
  border-top-width   : 1px;
  border-bottom-width: 1px;
  border-color       : #000;
}

.celdaSeparadorDerecho {
  border-style       : none dotted none none;
  border-right-width : 1px;
  border-color       : #000;
  text-align         : center;
}

.celdaSeparadorDerechoLeft {
  border-style       : none dotted none none;
  border-right-width : 1px;
  border-color       : #000;
  text-align         : left;
}

.celdaSeparadorSolid {
  background-color   : #7A93BA;
  border-style       : solid none solid none;
  border-top-width   : 1px;
  border-bottom-width: 1px;
  border-color       : #000000;
}

.celdaMargenDerechoInferiorSolid {
  border-style       : none solid solid none;
  border-top-width   : 2px;
  border-right-width : 2px;
  border-color       : #555;
  font-family        : Arial, Helvetica, sans-serif;
  font-size          : 12px;
  font-weight        : normal;
  text-align         : left;
  vertical-align     : top;
}

.titulolinea00 {
  color           : #fff;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 12px;
  font-weight     : bold;
  background-color: #008acc;
  border-style    : none;
  text-align      : center;
}

.titulolinea01 {
  color       : #fff;
  font-family : Arial, Helvetica, sans-serif;
  font-size   : 11px;
  font-weight : bold;
}

.titulolinea02 {
  color       : #000;
  font-family : Arial, Helvetica, sans-serif;
  font-size   : 11px;
  font-weight : bold;
}

.entradaDatosBoton {
  background-color: #dddddd;
  border          : 2px groove #ddd;
  color           : #000;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : normal;
  padding         : 2px;
}

.entradaDatosBoton:hover {
  background-color: #aaa;
}

.entradaDatosBoton:focus {
  background-color: #333;
	font-weight     : bold;
  color           : #fff;
}

.entradaDatosInformacion {
  background-color: #fff;
  border          : 2px groove #eee;
  color           : #000;
  font-family     : Arial, Helvetica, sans-serif;
  font-size       : 11px;
  font-weight     : normal;
  padding         : 2px;
}

.entradaDatosInformacion:hover {
  background-color: #fff3ca;
}

.entradaDatosInformacion:focus {
  background-color: #ffde6a;
/*font-weight     : bold; */
  color           : #000;
}

.imagen {
  border: none;
  vertical-align: top;
}

.top {
	vertical-align: top;
}

.falsa {
	text-decoration: underline;
	color      : #006699;
	cursor     : pointer;
}

/****************************************************************
 Estilos en fuentes para Schlumberger (colorear matos)
****************************************************************/

.fuenteColor1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #990051;
}

.fuenteColor2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #070099;
}

.fuenteColor3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #009913;
}

.fuenteColor4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #640099;
}

.fuenteColor5 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #997700;
}

.fuenteColor6 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #009977;
}

.fuenteColor7 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #983e01;
}

.fuenteColor8 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #990073;
}

.fuenteColor9 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #6a9801;
}

.fuenteColor10 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #006699;
}

.fuenteColor11 {
  font-family: Arial, Helvetica, sans-serif;
  font-size  : 11px;
  font-weight: normal;
  color      : #8d9900;
}

/*
 * Estilos para usar con domcollapse
 */

.triggerexpanded{
  border-style     :inset;
  background-color :#cccccc;
}

.trigger{
    cursor: pointer;
    width: 800px;
    position: relative;
    border-width: thin;
    -moz-border-radius: 10px;
    margin: 1px;
}
.triggernormal{
    border-style:outset;
    background-color:#dddddd;
}
.triggerhover{
                    background-color:#ffffff;
}
.bo{
	BORDER : none;
}

.elementnormal{}
.elementcollapsed{display:none;}

fieldset  {
	background-color              : #efefef;
}

.completa {
	width: 100%;
}

/* Para el ajuste de pedimentos */
.ajuste {
    background-color: #EFEFEF;
/*    border-style: groove; 
    border-width: 2px; 
    border-color: #F6F6F5; */
}
div.ajuste {
    background-color: #EFEFEF;
    border-style: groove; 
    border-width: 2px; 
    border-color: #F6F6F5;
}
.ajuste, legend {
    color: red;
}

.tabla_estilo, .tabla_estilo td {
	font-family: Arial, Helvetica, sans-serif;
	font-size  : 12px;
	font-weight: normal;
        border-width: 1px;
        border-style: solid;
        border-collapse: collapse;
        padding: 2px;
        background-color: #EFEFEF;
}

.tabla_estilo th {
        border-width: 1px;
        border-style: solid;
        padding: 2px;
}


.default_alertWindow
{
        border: 2px solid #000000;  /* this is the border around the alert window */
}
.default_titleBar
{
        /* title bar settings */
        color: #ffffff;
        font: 10px Verdana;
        border-bottom: 1px solid #000000; /* the bottom border of your title bar, the border that separates it from the content area */
        background: #336699;
        line-height: 16px; /* if you have an icon, you probably want to set this as the same size or a bit larger than the icon size */
        padding: 5px;
}
.default_titleBarLeftIcon
{
        /* left icon settings */
        background: transparent url(information.png) no-repeat;
        width: 16px;
        height: 16px;
}
.default_titleBarRightIcon
{
        /* right icon settings */
        /* background: transparent url(/icons/cancel.png) no-repeat;
        width: 16px;
        height: 16px; */
}
.default_contentArea
{
        /* the contente area, where the actual message text is shown */
        color: #000000;
        font: 14px Verdana;
        overflow: auto;  /* setting this to auto will make scrollbars appear if the message text is too long for the height attribute, assuming you set it */
        padding: 5px;
        background: #e7ebef; /* your background color.  the button area background color should be set the same as well */
}
.default_buttonArea
{
        /* the button area, the div that your buttons are placed into */
        text-align: right; /* if you want you buttons to the left or center of the alert box, change this setting */
        background: #e7ebef; /* your background color.  the content area background color should be set the same as well */
        padding-bottom: 5px;
}
.default_okButton
{
        /* ok button settings */
        background: url(accept.png);
        padding-left: 15px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-position: center left;
        height: 35px;
}
.default_cancelButton
{
        /* cancel button settings, if present */
        background: url(cancel.png);
        padding-left: 15px;
        margin-right: 5px;
        background-repeat: no-repeat;
        background-position: center left;
        height: 35px;
}

/* los errores los mostramos en rojo */
.error {
    color: red;
    font-weight: 600;
}

.box3 h3{
text-align:center;
position:relative;
top:15px;
}
.box2 h3{
text-align:center;
position:relative;
top:15px;
}
.box2 {
width:30%;
height:50px;
background:#ECECEC;
margin:20px auto;
}
.box3 {
width:30%;
height:120px;
background:#ECECEC;
margin:20px auto;
}
/*==================================================
* Efecto 1
* ===============================================*/
.effect1{
-webkit-box-shadow: 0 10px 6px -6px #777;
-moz-box-shadow: 0 10px 6px -6px #777;
box-shadow: 0 10px 6px -6px #777;
}
/*===========================================================*   
 * Estilos para el nuevo m�dulo de Repositorio de Documentos *
 *===========================================================*/

.simMas{
    float: left; width: 13px; height: 15px; margin: -1px 5px 0px 0px; padding: 0px 3px 0px 3px;
    border: solid 1px #999999; box-sizing: border-box; color: #666666;  
}
.simMas:before{
    content: '+';
}
.simMenos{
    float: left; width: 13px; height: 15px; margin: -1px 5px 0px 0px; padding: 0px 2px 0px 4px;
    border: solid 1px #999999; box-sizing: border-box; color: #666666;  
}
.simMenos:before{
    content: '-';
}
.simMenos-d{
    float: right; width: 13px; height: 15px; margin: -1px 0px 0px 0px; padding: 0px 0px 0px 1px;
    border: solid 1px #999999; box-sizing: border-box; color: #666666;  
}
.simMenos-d:before{
    content: '-';
}
.simMenos-d:hover{
    background-color: #C0C0C0; cursor: pointer;
}
.simPor{
    position: absolute; width: 13px; height: 15px; right: 3px; top: 3px; padding: 0px 3px 0px 3px;
    border: solid 1px #999999; box-sizing: border-box; color: #666666;  
}
.simPor:hover{
    background-color: #C0C0C0; cursor: pointer;
}
.simPor:before{
    content: 'x';
}
.simOrdenar{
    float: left; width: 13px; height: 15px; margin: -1px 5px 0px 0px; text-align: center;
    border: solid 1px #999999; box-sizing: border-box; color: #666666;  
}
.simOrdenar:before{
   content: ''; display: block; width: 1px; height: 1px; background: transparent;
    box-shadow: 1px 3px #666666, 6px 3px #666666, 
                6px 4px #666666,
                1px 5px #999999, 6px 5px #666666, 
                6px 6px #666666,
                1px 7px #999999, 4px 7px #666666, 5px 7px #666666, 6px 7px #666666, 7px 7px #666666, 8px 7px #666666,
                5px 8px #666666, 6px 8px #666666, 7px 8px #666666,
                1px 9px #999999, 6px 9px #666666;
}
.simOrdenar{
    float: left; width: 13px; height: 15px; margin: -1px 5px 0px 0px; text-align: center;
    border: solid 1px #999999; box-sizing: border-box; color: #666666;  
}
.simOrdenar:before{
   content: ''; display: block; width: 1px; height: 1px; background: transparent;
    box-shadow: 1px 3px #666666, 6px 3px #666666, 
                6px 4px #666666,
                1px 5px #999999, 6px 5px #666666, 
                6px 6px #666666,
                1px 7px #999999, 4px 7px #666666, 5px 7px #666666, 6px 7px #666666, 7px 7px #666666, 8px 7px #666666,
                5px 8px #666666, 6px 8px #666666, 7px 8px #666666,
                1px 9px #999999, 6px 9px #666666;
}
.simEditar{
    float: left; width: 13px; height: 15px; margin: -1px 5px 0px 0px; text-align: center;
    border: solid 1px #999999; box-sizing: border-box; color: #666666;  
}
.simEditar:before{
    content: ''; display: block; width: 1px; height: 1px; background: transparent;
    box-shadow: 3px 1px #666666, 4px 1px #666666, 5px 1px #666666, 6px 1px #666666, 7px 1px #666666,
                3px 2px #666666, 4px 2px #666666, 5px 2px #666666, 6px 2px #666666, 7px 2px #666666,
                3px 4px #666666, 5px 4px #666666, 7px 4px #666666,
                3px 5px #666666, 5px 5px #666666, 7px 5px #666666,
                3px 6px #666666, 5px 6px #666666, 7px 6px #666666,
                3px 7px #666666, 5px 7px #666666, 7px 7px #666666,
                3px 8px #666666, 5px 8px #666666, 7px 8px #666666,
                3px 9px #666666, 7px 9px #666666,
                4px 10px #666666, 5px 10px #666666, 6px 10px #666666,
                5px 11px #666666; 
}
.simFolder{
    float: left; width: 13px; height: 15px; margin: -2px 5px 0px 0px;
}
.simFolder:before{
    content: ''; display: block; width: 1px; height: 1px; background: transparent;
    box-shadow: 0px 2px #666666, 1px 2px #666666, 2px 2px #666666, 3px 2px #666666, 4px 2px #666666, 5px 2px #666666,
                0px 3px #666666, 1px 3px #666666, 2px 3px #666666, 3px 3px #666666, 4px 3px #666666, 5px 3px #666666, 6px 3px #666666,
                0px 4px #666666, 1px 4px #666666, 2px 4px #666666, 3px 4px #666666, 4px 4px #666666, 5px 4px #666666, 6px 4px #666666, 7px 4px #666666, 8px 4px #666666, 9px 4px #666666, 10px 4px #666666, 11px 4px #666666, 12px 4px #666666,
                0px 5px #666666, 1px 5px #666666, 2px 5px #666666, 3px 5px #666666, 4px 5px #666666, 5px 5px #666666, 6px 5px #666666, 7px 5px #666666, 8px 5px #666666, 9px 5px #666666, 10px 5px #666666, 11px 5px #666666, 12px 5px #666666,
                0px 6px #666666, 1px 6px #666666, 2px 6px #666666, 3px 6px #666666, 4px 6px #666666, 5px 6px #666666, 6px 6px #666666, 7px 6px #666666, 8px 6px #666666, 9px 6px #666666, 10px 6px #666666, 11px 6px #666666, 12px 6px #666666,
                0px 7px #666666, 1px 7px #666666, 2px 7px #666666, 3px 7px #666666, 4px 7px #666666, 5px 7px #666666, 6px 7px #666666, 7px 7px #666666, 8px 7px #666666, 9px 7px #666666, 10px 7px #666666, 11px 7px #666666, 12px 7px #666666,
                0px 8px #666666, 1px 8px #666666, 2px 8px #666666, 3px 8px #666666, 4px 8px #666666, 5px 8px #666666, 6px 8px #666666, 7px 8px #666666, 8px 8px #666666, 9px 8px #666666, 10px 8px #666666, 11px 8px #666666, 12px 8px #666666,
                0px 9px #666666, 1px 9px #666666, 2px 9px #666666, 3px 9px #666666, 4px 9px #666666, 5px 9px #666666, 6px 9px #666666, 7px 9px #666666, 8px 9px #666666, 9px 9px #666666, 10px 9px #666666, 11px 9px #666666, 12px 9px #666666,
                0px 10px #666666, 1px 10px #666666, 2px 10px #666666, 3px 10px #666666, 4px 10px #666666, 5px 10px #666666, 6px 10px #666666, 7px 10px #666666, 8px 10px #666666, 9px 10px #666666, 10px 10px #666666, 11px 10px #666666, 12px 10px #666666,
                0px 11px #666666, 1px 11px #666666, 2px 11px #666666, 3px 11px #666666, 4px 11px #666666, 5px 11px #666666, 6px 11px #666666, 7px 11px #666666, 8px 11px #666666, 9px 11px #666666, 10px 11px #666666, 11px 11px #666666, 12px 11px #666666,
                0px 12px #666666, 1px 12px #666666, 2px 12px #666666, 3px 12px #666666, 4px 12px #666666, 5px 12px #666666, 6px 12px #666666, 7px 12px #666666, 8px 12px #666666, 9px 12px #666666, 10px 12px #666666, 11px 12px #666666, 12px 12px #666666;
}
.simFolderAbierto{
    float: left; width: 13px; height: 15px; margin: -2px 5px 0px 0px;
}
.simFolderAbierto:before{
    content: ''; display: block; width: 1px; height: 1px; background: transparent;
    box-shadow: 0px 2px #666666, 1px 2px #666666, 2px 2px #666666, 3px 2px #666666, 4px 2px #666666, 5px 2px #666666,
                0px 3px #666666, 1px 3px #666666, 2px 3px #666666, 3px 3px #666666, 4px 3px #666666, 5px 3px #666666, 6px 3px #666666,
                0px 4px #666666, 1px 4px #666666, 2px 4px #666666, 3px 4px #666666, 4px 4px #666666, 5px 4px #666666, 6px 4px #666666, 7px 4px #666666, 8px 4px #666666, 9px 4px #666666, 10px 4px #666666, 11px 4px #666666, 12px 4px #666666,
                0px 5px #666666, 1px 5px #FFFFFF, 2px 5px #FFFFFF, 3px 5px #FFFFFF, 4px 5px #FFFFFF, 5px 5px #FFFFFF, 6px 5px #FFFFFF, 7px 5px #FFFFFF, 8px 5px #FFFFFF, 9px 5px #FFFFFF, 10px 5px #FFFFFF, 11px 5px #FFFFFF, 12px 5px #666666,
                0px 6px #666666, 1px 6px #FFFFFF, 2px 6px #666666, 3px 6px #666666, 4px 6px #666666, 5px 6px #666666, 6px 6px #666666, 7px 6px #666666, 8px 6px #666666, 9px 6px #666666, 10px 6px #666666, 11px 6px #666666, 12px 6px #666666, 13px 6px #666666,
                0px 7px #666666, 1px 7px #FFFFFF, 2px 7px #666666, 3px 7px #666666, 4px 7px #666666, 5px 7px #666666, 6px 7px #666666, 7px 7px #666666, 8px 7px #666666, 9px 7px #666666, 10px 7px #666666, 11px 7px #666666, 12px 7px #666666, 13px 7px #666666,
                0px 8px #666666, 1px 8px #FFFFFF, 2px 8px #666666, 3px 8px #666666, 4px 8px #666666, 5px 8px #666666, 6px 8px #666666, 7px 8px #666666, 8px 8px #666666, 9px 8px #666666, 10px 8px #666666, 11px 8px #666666, 12px 8px #666666, 13px 8px #666666,
                0px 9px #666666, 1px 9px #FFFFFF, 2px 9px #666666, 3px 9px #666666, 4px 9px #666666, 5px 9px #666666, 6px 9px #666666, 7px 9px #666666, 8px 9px #666666, 9px 9px #666666, 10px 9px #666666, 11px 9px #666666, 12px 9px #666666, 13px 9px #666666,
                0px 10px #666666, 1px 10px #FFFFFF, 2px 10px #666666, 3px 10px #666666, 4px 10px #666666, 5px 10px #666666, 6px 10px #666666, 7px 10px #666666, 8px 10px #666666, 9px 10px #666666, 10px 10px #666666, 11px 10px #666666, 12px 10px #666666, 13px 10px #666666,
                0px 11px #666666, 1px 11px #FFFFFF, 2px 11px #666666, 3px 11px #666666, 4px 11px #666666, 5px 11px #666666, 6px 11px #666666, 7px 11px #666666, 8px 11px #666666, 9px 11px #666666, 10px 11px #666666, 11px 11px #666666, 12px 11px #666666, 13px 11px #666666,
                0px 12px #666666, 1px 12px #666666, 2px 12px #666666, 3px 12px #666666, 4px 12px #666666, 5px 12px #666666, 6px 12px #666666, 7px 12px #666666, 8px 12px #666666, 9px 12px #666666, 10px 12px #666666, 11px 12px #666666, 12px 12px #666666, 13px 12px #666666;
}
.simBuscar{
    float: left; width: 13px; height: 15px; margin: -2px 5px 0px 0px;
}
.simBuscar:before{
    content: ''; display: block; width: 1px; height: 1px; background: transparent;
    box-shadow: 3px 3px #666666, 4px 3px #666666, 5px 3px #666666, 9px 3px #666666, 10px 3px #666666, 11px 3px #666666,
                3px 4px #666666, 4px 4px #666666, 5px 4px #666666, 9px 4px #666666, 10px 4px #666666, 11px 4px #666666,
                3px 5px #666666, 4px 5px #666666, 5px 5px #666666, 9px 5px #666666, 10px 5px #666666, 11px 5px #666666,
                3px 6px #666666, 4px 6px #666666, 5px 6px #666666, 6px 6px #666666, 7px 6px #666666, 8px 6px #666666, 9px 6px #666666, 10px 6px #666666, 11px 6px #666666,
                2px 7px #666666, 3px 7px #666666, 4px 7px #666666, 5px 7px #666666, 9px 7px #666666, 10px 7px #666666, 11px 7px #666666, 12px 7px #666666,
                2px 8px #666666, 3px 8px #666666, 4px 8px #666666, 5px 8px #666666, 6px 8px #666666, 8px 8px #666666, 9px 8px #666666, 10px 8px #666666, 11px 8px #666666, 12px 8px #666666,
                2px 9px #666666, 3px 9px #666666, 4px 9px #666666, 5px 9px #666666, 6px 9px #666666, 8px 9px #666666, 9px 9px #666666, 10px 9px #666666, 11px 9px #666666, 12px 9px #666666,
                2px 10px #666666, 3px 10px #666666, 4px 10px #666666, 5px 10px #666666, 6px 10px #666666, 8px 10px #666666, 9px 10px #666666, 10px 10px #666666, 11px 10px #666666, 12px 10px #666666,
                2px 11px #666666, 3px 11px #666666, 4px 11px #666666, 5px 11px #666666, 6px 11px #666666, 8px 11px #666666, 9px 11px #666666, 10px 11px #666666, 11px 11px #666666, 12px 11px #666666,
                2px 12px #666666, 3px 12px #666666, 4px 12px #666666, 5px 12px #666666, 6px 12px #666666, 8px 12px #666666, 9px 12px #666666, 10px 12px #666666, 11px 12px #666666, 12px 12px #666666,
                2px 13px #666666, 6px 13px #666666, 8px 13px #666666, 12px 13px #666666,
                2px 14px #666666, 3px 14px #666666, 4px 14px #666666, 5px 14px #666666, 6px 14px #666666, 8px 14px #666666, 9px 14px #666666, 10px 14px #666666, 11px 14px #666666, 12px 14px #666666;
}
.simAbajo{
    float: left; margin: 7px 5px 0px 0px; 
    border: solid 5px transparent; border-top-color: #D0D0D0;
}
.simDerecha{
    float: right; margin: 1px 12px 0px 0px; 
    border: solid 5px transparent; border-left-color: #D0D0D0;
}





.dvPantalla{
    position: fixed; top: 0px; left: 0px; width: 100%; height: 100%;
    background-color: rgba(255,255,255,.5); z-index: 9999;
}
.dvVentanaAviso{
    position: absolute; top:50%; left: 50%; font-family: Arial;
    margin-left: -200px; margin-top: -200px; font-size: 11px;
    width: 400px; height: 200px; vertical-align: middle; text-align: center;
    background-color: #FFF; border: solid 1px #006699;
}
.dvVentanaAviso p{
    line-height: 130px;
}
.dvVentanaAviso header{
    display: block; width: 100%; padding: 3px 0px 3px 0px; text-align: center;
    background-color: #F3F3F3; color: #333333; border-bottom: solid 1px #D0D0D0;
    font-size: 14px; font-weight: bold;
}
.dvVentanaAviso input[type='button']{
    position: absolute; bottom: 2px; left: 2px; display: block; width: 396px; height: 22px;
    background-color: #none; color: #333333; border: solid 1px #D0D0D0;
}
.dvVentanaAviso input[type='button']:hover{
    background-color: #f0f0f0;
}

.dvRepositorio{
    position: relative; margin: auto; width: 1000px; height: auto;
    font-family    : Arial, Helvetica, sans-serif;
}
.dvRepositorio b{
    font-size: 12px; color: #333333; 
}
.dvRepositorio > header{
    position: relative; width: 100%; padding: 4px 0px 4px 0px;
    text-align: center; color: #006699; font-size: 14px; font-weight: bold;
}
.dvRepositorio .ulNivel1, .dvRepositorio .ulNivel2{
    margin: 0px; padding: 0px;
}
.dvRepositorio ul li{
    list-style: none;
}
.dvRepositorio ul li a{
    text-decoration: none; color: #333333; font-weight: normal;
} 

.ulNivel1 > li{
    margin-bottom: 5px; 
}
.ulNivel1 > li > div{
    position: relative; border:solid 1px #999999;
}
.ulNivel1 > li > div:hover > nav{
    display: block;
}
.ulNivel1 > li > div > nav{
    position: absolute; right: 0px; top: 1px; display: none;
}
.ulNivel1 > li > div > nav > a{
    display: block; width: auto; padding: 3px 3px 3px 3px; margin: 0px 2px 0px 2px;
    border: solid 1px transparent;
}
.ulNivel1 > li > div > nav > a:hover{
    border-color: #999999;
}
.ulNivel1 li div a > section{
    position: relative; width: 100%; padding: 5px 0px 5px 5px; box-sizing: border-box;
    background-color: #F6F6F6; border-bottom:solid 1px #999999;
}
.ulNivel1 li div a > section:hover{
    cursor: pointer; background-color: #FCFCFC;
}
.ulNivel1 > li > div > article{
    display: none; 
}
.ulNivel1 > li > div > article{
    position: relative; width: 990px; height: 600px; margin:3px 3px 3px 3px;
    border: solid 1px #D0D0D0;  
}
.ulNivel1 > li > div > article > nav{
    position: relative; display: block; width: 200px; padding: 1px 0px 1px 0px; left: 0px; 
    border-bottom:solid 1px #D0D0D0; box-sizing: border-box;
}
.ulNivel1 > li > div > article > nav > a{
    display: inline-block; width: auto; padding: 6px 3px 6px 3px; margin: 0px 1px 0px 2px;
}
.ulNivel1 > li > div > article > nav > a:hover{
    background-color: #F3F3F3;
}

.ulNivel2{
    height: 570px; width: 200px; overflow: hidden; overflow-y: scroll;
}
.ulNivel2::-webkit-scrollbar{
    display: block; background-color: none;
    width: 12px;
}
.ulNivel2::-webkit-scrollbar:hover{
    background-color: #D0D0D0;
}
.ulNivel2::-webkit-scrollbar-thumb {
    background-color: #F0F0F0; display: block; widht: 8px;
    border:solid 1px #FFFFFF;
}
.ulNivel2::-webkit-scrollbar-thumb:hover {
    border-color: #D0D0D0;
}
.ulNivel2 li{
    width: 200px;
}
.ulNivel2 > li > input[type='radio']{
    position: absolute; display: none;
}
.ulNivel2 li a:hover{
    background-color: #F0F0F0;
}
.ulNivel2 li .activo{
    background-color: #E0E0E0;
}
.ulNivel2 li > a:hover > span{
    border-left-color: #999999;
}
.ulNivel2 li a{
    display: block; width: 200px; padding: 6px 0px 6px 6px;
    box-sizing: border-box;
}
.ulNivel2 > li > article{
    position: absolute; width: 790px; height: 100%; top:0px; left: 200px;
    border-left: solid 1px #D0D0D0; box-sizing: border-box; padding: 0px 0px 0px 3px;
    display:none; overflow: hidden;
}
 .ulNivel2 > li > article > div{
    position: absolute; width: 790px; height: 571px; top:29px; left: 0px;
    box-sizing: border-box; padding: 0px 0px 0px 3px; overflow: hidden; overflow-y: scroll;
}
.ulNivel2 > li > article > nav{
    position: absolute; display: block; width: 100%; padding: 1px 0px 1px 0px; left: 0px; 
    border-bottom:solid 1px #D0D0D0; box-sizing: border-box;
}
.ulNivel2 > li > article > nav > a{
    display: inline-block; float: right;  width: auto; padding-right: 5px; margin: 0px 4px 0px 2px;
}
.ulNivel2 > li > article > nav > a:hover{
    background-color: #F3F3F3;
}

.ulNivel3{
    margin-top: 3px; padding: 0px; font-size: 11px;
}
.ulNivel3 > li{
    margin: 3px 0px 4px 0px;
}
.ulNivel3 > li:hover > article{
    background-color: #FBFBFB;
}
.encontrado{
    outline: solid 1px #0099FF; background-color: #EBF1F7;
}
.ulNivel3 > li:hover > article > nav{
    display: block;
}
.ulNivel3 > li > article{
    position: relative; width: 766px; height: 100px; height: auto; border:solid 1px #D0D0D0;
}
.ulNivel3 > li > article > img{
    float: left; margin: 10px 5px 0px 10px;
}
.ulNivel3 > li > article > nav{
    position: absolute; right: 0px; top: 0px; width: 165px; height: 100%;
    border-left: solid 1px #D0D0D0; display: none;
}  
.ulNivel3 > li > article > nav > a{
    display: block; width: auto; padding-right: 5px; margin: 0px 4px 0px 2px;
}
.ulNivel3 > li > article > nav > a:hover{
    background-color: #F3F3F3;
}
.ulNivel3 > li > article > p{
    color: #666666; line-height: 20px;
}
.ulNivel3 > li > article > p > span{
    display: block; width: 497px;  margin: 3px 0px 0px 96px; text-align: justify;
}
.ulNivel3 > li > article > p > span > font{
    color: #666666; font-size: 11px;
}
.ulNivel3 > li > article > p > img{
    margin: 0px 5px 0px 10px; vertical-align: middle;
}

.tbFormulario{
    border:solid 1px #999999; max-width: 600px;
}
.tbFormulario tr td, .tbFormulario tr th{
    border: none; padding: 5px 5px 5px 5px;
}
.tbFormulario tr th{
    position: relative; text-align: center; background-color: #F6F6F6; color: #333333;
    border-bottom: solid 1px #999999; font-size: 11px;
}
.tbFormulario tr td{
    position: relative; background-color: #FFFFFF; vertical-align: middle;
}
.tbFormulario tr td fieldset{
    border: solid 1px #C0C0C0; background-color: #FFFFFF;
}
.tbFormulario tr td fieldset legend{
    padding: 0px 5px 0px 5px; color: #333333; 
}
.tbFormulario tr td fieldset div{
    position: relative; width: 100%; height: auto; padding: 5px; box-sizing: border-box;
    -webkit-column-count: 3;  
    -moz-column-count: 3; 
    column-count: 3;
}
.tbFormulario tr td fieldset section{
    position: relative; width: 100%; height: auto; padding: 5px; box-sizing: border-box;
}
.tbFormulario tr td fieldset a {
    color: #333; font-weight: normal; line-height: 14px;
}
.tbFormulario tr td fieldset a:hover{
    color: #06F; text-decoration: underline;
}
.tbFormulario input[type='text']{
    display: inline-block; border: solid 1px #CCCCCC; height: 22px; width: 100%;
    padding: 3px; box-sizing: border-box;
}
.tbFormulario input[type='text']:hover{
    border-color: #999999; background-color: #FFFFFF;
}
.tbFormulario input[type='text']:focus{
    border-color: #999999; background-color: #FFFFFF; color: #000; font-weight: normal;
}
.tbFormulario input[type='file']{
    display: inline-block; border: solid 1px #CCCCCC; height: 22px; width: 100%;
}
.tbFormulario input[type='file']:hover{
    border-color: #999999; background-color: #FFFFFF;
}
.tbFormulario input[type='button']{
    display: inline-block; border: solid 1px #CCCCCC; height: 22px; color: #000; font-weight: normal;
    background-color: #FFFFFF;
}
.tbFormulario input[type='button']:hover{
    border-color: #999999; background-color: #F3F3F3; cursor: pointer; 
}
.tbFormulario input[type='button']:active{
    border-color: #999999; background-color: #F3F3F3; cursor: pointer; 
}
.tbFormulario input[type='submit']{
    display: inline-block; border: solid 1px #CCCCCC; height: 22px; color: #000; font-weight: normal;
    background-color: #FFFFFF;
}
.tbFormulario input[type='submit']:hover{
    border-color: #999999; background-color: #F3F3F3; cursor: pointer; 
}
.tbFormulario input[type='submit']:active{
    border-color: #999999; background-color: #F3F3F3; cursor: pointer;
}