body {
	/*color : #555555;  /* #333;*/
	 /*background: #eeeeee;*/
	background:  #dfdfdf repeat-x;
	/*background-image: url(../images/page_bg.png); */
	font-family: Arial, Helvetica, sans-serif, DejaVu Sans, Verdana;
	font-size: 12px;
	padding:0px;
	margin:0px;
	width: 100%;
}


/* Inicio Styles del Diseño Central del Sistema */
#bar { 
	width:100%; 
	height:45px; 
	padding:10px 0; 
	background:url(../images/bar.png) repeat-x; 
	position: absolute;
}
#header { 	
	height: 45px;
	margin-top: 0px;	
	margin-left: 10px;	
	position:absolute;
}
#useronline {	
	height: 45px;
	font-size:11px;
	margin-top: 10px;	
	margin-right: 35px;	
	position:relative;
        float:right;
}

#main_contenido {
	position: absolute;
	top: 65px;
	width:100%;
	background-position: center center;
	background-repeat: no-repeat;
}
#path_links{
clear: right;
font: bold 110% Verdana;
margin-top: 0.5em;
margin-bottom: 1em;

}
#path_links a:hover{color: red;}
#spacertd, #spacergif{ width: 8px; height: 1px;}
#leftbar{ width: 150px;}
#main{
	width:800px;
	/* Centering it in the middle of the page */
	margin:60px auto;
}
#main p{	padding-bottom:8px;}

#panel_inicio{
	width:100px;
	/* Centering it in the middle of the page */
	margin:60px auto;
}
.container_path_links{
	margin-top:2px;
	background:#FFFFFF;
	border: 1px solid #cccccc;
	/*border:1px solid #E0E0E0;*/
	padding:2px;	
	/* Rounded corners */
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;	
   box-shadow: 0px 3px 6px #011E3A;
}
.container_path_links_public{
	border-bottom-color: #cccccc;
	border-bottom-style: solid;
	border-bottom-width: 1px;			
}
.container_contenido{
	margin-top:10px;
	background:#FFFFFF;
	border: 1px solid #cccccc;
	padding:3px;	
	/* Rounded corners */
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

.container_contenido_cat{
	background:#FFFFFF;
	border: 1px solid #cccccc;
	padding:3px;	
	/* Rounded corners */
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.container_footer{
	margin-top:10px;
	background: url("../images/footer.png") 0 0 repeat-x;	
	/*border:1px solid #E0E0E0;*/
	padding:2px;	
	/* Rounded corners */
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;	
   box-shadow: 0px 2px 5px #011E3A;
}
.container{
	position: absolute;
	background-image: url("../images/logo_fondo.png");	
	width:80%;
	height: 60%;
	background-position: center center;;
	background-repeat: no-repeat;
}
h1{
	font-size:28px;
	font-weight:bold;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
h2{
	font-family:"Arial Narrow",Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:normal;
	letter-spacing:1px;
	padding-left:2px;
	text-transform:uppercase;
	white-space:nowrap;
	margin-top:4px;
	color:#888888;
}
h4 {
  border-bottom-color:#EDEDED;
  border-bottom-style:solid;
  border-bottom-width:1px;
  color:#656565;
  font-family:'trebuchet MS', Helvetica, sans-serif;
  font-size:2.2em;
  font-weight:normal;
  line-height:1em;
  margin-bottom:5px;
  margin-top: 10px;
  padding-bottom:5px;
  text-transform:uppercase;
}
/* Fin Styles del Diseño Central del Sistema */

/* Inicio Style Etiqueta para los mensajes del Sistema */

.system-message {  /* Error */
	background: #E6C0C0 url(../images/notice-alert.png) 0px top no-repeat; 
	border-top: 2px solid #DE7A7B; 
	border-bottom: 2px solid #DE7A7B;
	padding: 8px;
}
.system-message h2 {
	color: #c00;
	margin: 0px;
	height: auto;
	padding: 0px 0px 0px 25px;
 	text-align: left;
	font-size: 1em;
}
.system-message-e {   /* Estandar */
	background: #C3D2E5 url(../images/notice-info.png) 0px center no-repeat;
	border-top: 3px solid #4b90e5; 
	border-bottom: 3px solid #4b90e5;
	padding: 8px;
}
.system-message-e h2 {
	color: #c00;
	margin: 0px;
	height: auto;
	padding: 0px 0px 0px 25px;
 	text-align: left;
	font-size: 1em;
}
/* System Notice Messages */
.system-message-n {	 /* noticia */
	color: #c00; background: #EFE7B8 url(../images/notice-note.png) 4px top no-repeat; 
	border-top: 3px solid #F0DC7E;
	border-bottom: 3px solid #F0DC7E;
}
.pending, .error, .warning, .message { color: #000; }
h3.info, h3.error, h3.warning, h3.message { font-size: 90%;}
.error { background: #fdd url("../images/notice-alerta.png") no-repeat 6px 2px; border: 1px solid #fbb; padding: .3em 30px; margin: .2em 0 .2em 0; position: relative; }
.warning, .pending { background: #ffd url("../images/icon_warning.gif") no-repeat 10px 3px; border: 1px solid #fe6; padding: .2em 40px; margin: .5em 0 1em 0; position: relative; }
.message { background: #dfd url("../images/notice-informa.png") no-repeat 6px 2px; border: 1px solid #bfb; padding: .3em 30px; margin: .2em 0 .2em 0; position: relative; }
.pending { background: #ffd url("../images/ajax-loader.gif") no-repeat 10px 3px;}
.info {	background: #def url("../images/notice-info.png") no-repeat 6px 2px; border: 1px solid #9cf; padding: .3em 30px; margin: .2em 0 .2em 0; position: relative; }

.err{	color:red;}
.success{color:#00CC00;}

/* Fin de estilos para mensajes de error, alertas... */

/* Inicio Style Etiqueta LiveValidation */

.LV_valid {
    color:#00CC00; /* verde */
}	
.LV_invalid {
	color:#CC0000; /* rojo */
}	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}    
/*.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;  
}   */
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;  /* Rojo */
}

/* Fin Style Etiqueta LiveValidation */

/* Inicio de Style para botones y cajas*/
/*form { margin: 0px;}*/
textarea, input[type=text], input[type=password], select{ background-color:#ffffff; padding-left:2px;}
textarea:hover, input[type=text]:hover, input[type=password]:hover, select:hover{ background-color:#eff0ff;}
textarea:focus, input[type=text]:focus, input[type=password]:focus, select:focus{ background-color:#eff0ff;}
select, input, textarea { font-family: Arial, Helvetica, sans-serif, Verdana; font-size:11px; border:1px solid #999999;  border: 1px solid silver; }
/*
input[type=button]{ background-color: buttonface; height:24px; cursor: pointer;}
input[type=submit]{ background-color: buttonface; height:24px; cursor: pointer;}
input[type=reset]{ background-color: buttonface; height:24px; cursor: pointer;}
input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover{ background-color:#c4c4c4; border:1px solid #888585;}
input[type=button]:focus, input[type=reset]:focus, input[type=submit]:focus{ background-color:#c4c4c4; border:1px solid #888585;}
*/
input.disabled {background-color: #F0F0F0;}

input.submit {
   font-size: 11px;
   border: 1px solid #888888;
   background-color:#eeeeee;   
   cursor:pointer;   
   -moz-box-shadow: 0px 1px 3px;
   -webkit-box-shadow: 0px 1px 3px ;
   box-shadow: 0px 1px 3px ;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 4px;
   height: auto;
}
input.submit:hover {
   border: 1px inset #888888;
   background-color:#ffffff;   
}

input.button {
   font-size: 11px;
   border: 1px solid #888888;
   background-color:#eeeeee;   
   cursor:pointer;   
   -moz-box-shadow: 0px 1px 3px;
   -webkit-box-shadow: 0px 1px 3px ;
   box-shadow: 0px 1px 3px ;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 4px;
   height: auto;
}
input.button:hover {
   border: 1px inset #888888;
   background-color:#ffffff;   
}

input.reset {
   font-size: 11px;
   border: 1px solid #888888;
   background-color:#eeeeee;   
   cursor:pointer;   
   -moz-box-shadow: 0px 1px 3px;
   -webkit-box-shadow: 0px 1px 3px ;
   box-shadow: 0px 1px 3px ;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 4px;
   height: auto;
}
input.reset:hover {
   border: 1px inset #888888;
   background-color:#ffffff;   
}
/* BUTTONS */

input.bt_login, input.bt_register {	
	height: 24px;
	text-align: center;
	cursor: pointer;
	border: none;
	font-weight: bold;
	margin: 2px 0;
}

input.bt_login {
	width: 74px;
	background: transparent url(../images/bt_login.png) no-repeat 0 0;
}
input.bt_register {
	width: 94px;
	color: white;
	background: transparent url(../images/bt_register.png) no-repeat 0 0;
}

/* Fin de Style para botones y cajas*/

/* inicio Styles de Tablas para formularios */
/*
td.general { background-color: #FFFFFF; border: 1px #98AAB1 solid;  }
td.titulo { background-color: #74CD82; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 14px; margin:0px; margin-top:0px; margin-bottom:0px; margin-left:0px; margin-right:0px; padding:0px; padding-left:0px;padding-right:0px; padding-top:0px; padding-bottom:0px;}
*/
/*#C3D9FF #a4c5ff verde: #74DD82*/
table.borded { background-color: #fff; border: 1px #a4c5ff solid; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; color:#333333;}
table.borded th { background-color: #74CD82; font-size : 14px; font-weight: bold; }
table.borded tr.subtitulo { background-color: #EEEEEE; font-weight : bold; }
/*table.borded tr { background-color: #FFFFFF; }*/
td.titulo_opciones { color : black; font-size : 12px; font-weight: bold; height: 20px; border-width: 0px 0px 0px 0px; border-color: #FFFFFF; border-style: solid; background-color:#74CD82;}
td.opcion_menu {line-height: 160%; color : blue; font-size : 12px; font-weight: normal; text-align: left;   vertical-align: middle; background-color: #CFFFD7; border-width: 0px 0px 0px 0px; border-color: #FFFFFF; border-style: solid; }
td.rowformleft { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; background-color:#FFF7F7; color: #222222; }
td.rowformright { font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 11px; background-color:#FFF7F7; color: #222222;}
table.foot { border:solid 1px #74CD82; padding:0px; width:100%;	position: relative; vertical-align: bottom; }
table.foot td { font-family: Verdana, Arial, Helvetica, sans-serif; color:gray; font-size:9pt;}  
td.headers{ font-family: Verdana, Arial, Helvetica, sans-serif;	color:black; font-size:18pt; }  
td {font-size: 11px;}
font,th,td,p { font-family: Arial, Helvetica, sans-serif, DejaVu Sans, Verdana; }

a:link,a:active,a:visited { color : #5A6AFF; text-decoration: none; outline:none; }
a:hover { text-decoration: underline; color : #F70C08;}

hr { height: 0px; border: solid #D1D7DC 0px; border-top-width: 1px; }
.clr { clear:both;}
.clear{clear:both;}

/*#direccion { width:350px;}  height:17px;*/
#terminos_condiciones { color:#555555;background-color: white;font-family: Courier New;font-size: 13px;width:96%;height:200px;overflow:auto;padding: 10px 10px 10px 10px;border-right:1px solid #999999;border-left: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #999999;text-align:justify;}

.filapar { background:#E8EEFA;}
.filaimpar{ background:#C3D9FF;}
.filatitulo{ background:#f0f0f0;}
.espacioDatos{ border-bottom:1px solid #555555; height:360px; margin-bottom:3px;}
.celdaEtq{ text-align:right; padding-right: 10px; } /*width:170px;*/

/* Fin Styles de Tablas para formularios */

/* Inicio Styles ayuda de formularios */
.msj_cargando{text-align:center;vertical-align:50%;font-family:Tahoma,Verdana,Arial;width:100%;height:120%;position:absolute;left:0%;top:0%;cursor:wait;visibility:hidden;}
.msj_cargando_texto{position:absolute;font-weight:bold;vertical-align:middle;font-family:Tahoma,Verdana,Arial;font-size:13px;z-index:2;background-color:#FFFFFF;width:200px;height:20px;padding:22px;padding-left:50px;position:absolute;background-position:9%45%;background-repeat:no-repeat;background-image:url(../images/loading.gif);left:40%;top:40%;text-align:center;color:#336699;border-style:solid;border-width:1px;visibility:hidden;}
#mensajesAyuda{width:160px;font-family:Verdana;font-size:10px;border:1px solid#000000;position:absolute;top:0px;left:0px;display:none;text-align:center;z-index:1}
#ayudaTitulo{background-color:#9c9d9d;color:#FFFFFF;padding:1px;cursor:help;}
#ayudaTexto{padding:2px;text-align:justify;background-color:#FFFFFF;}
/* Fin Styles ayuda de formularios */

/* Inicio de otros Styles de Tablas para formularios */
.button_small {
	/*border : solid 1px #cccccc;*/
	/*background: #E9ECEF;*/
	background: #C3D9FF;	
	color : #666666;
	font-weight : bold;
	font-size : 10px;
	padding: 2px;
}
.inputlabel2 {	
	text-align: left;
	font-size : 14px;
	font-family : sans-serif, Arial, Helvetica;
}
.inputselect_small {	
	/*text-align: left;*/
	font-size : 10px;
	font-family : sans-serif, Arial, Helvetica;
}

table.form_reg_prof { border: 1px #9a9a9a solid; border-style: solid;  /*#C3D9FF verde: #74DD82 azul: #a4c5ff*/}
table.form_reg_prof th { background-color: #8eb4ed; /*#C3D9FF verde: #74DD82*/	font-size : 14px;	font-weight: normal;font-weight : bold;}
table.form_reg_prof td.titulo {	background-color: #E0E0E0; /*#C3D9FF verde: #74DD82*/ font-size : 11px;	font-weight: normal;font-weight : bold;}
table.form_reg_prof td.rowformleft { background-color:#e2e4ff;/*#E8EEFA verde: #B5EDBC*/}
table.form_reg_prof td.rowformright { background-color:#eff0ff;/*#E8EEFA verde: #B5EDBC*/}

span.font_form_est_prof {	
	color : #222222; 
	font-size : 13px; 
	font-weight: normal; 
	text-align: left; 
	vertical-align: middle;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
span.font_form_est_prof_small {	
	color : #222222; 
	font-size : 11px; 
	font-weight: normal; 
	text-align: left; 
	vertical-align: middle;		
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


/*Fin de Estilo para formar tablas a partir de consultas de varios registros*/

.CabeceraDeMenu { background-color: #74CD82; color:black; }
.CabeceraDeTabla { background-color: #74CD82; color:#000000; }
.CeldaTitular {	background-color: #74CD82; color: black; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
.CeldaFormulario { background-color: #EEEEEE; font-weight:bold;	color:black; }
.CeldaRecojeDatos { background-color: #FFFFFF; font-weight:bold; color:black; }
.TablaFormulario{ border:solid;	border-width:1; border-collapse:collapse;border-color:#74CD82; rules: none; frame: box; cellpadding:2;cellspacing:0; font-family: Arial, Helvetica, sans serif; font-size: 2; color:black; font-size: 9pt; }

td.CeldaTitularListado{	background-color:#eeeeee; font-weight:bold; color:#333333; font-family: Arial;	font-size:11; border-width:1; border-style:solid; } 
td.CeldaItemListado{ background-color:#FFFFFF; font-weight:bold; color:#333333;	font-family: Arial,Verdana;	font-size:10; border-width:1;border-style:solid;}
table.TablaListado{ border-collapse:collapse; border-color:333333; border-top-width:1; border-left-width:1;	border-right-width:1; border-bottom-width:1; border-style:solid;} 
td.CeldaTitularListadoNota{ background-color:#eeeeee; font-weight:bold;	color:#333333;	font-family: Arial;	font-size:11; border-width:1; border-style:solid;}

/*Estilo para tablas generales de la seccion empleado*/

table.gen_table_form{ border-collapse:collapse;border-color: #9a9a9a /*#F4F4F4*/; border-top-width:1; border-left-width:1; border-right-width:1; border-bottom-width:1; border-style:solid 1px; } 
table.gen_table_form_unborded{ border-collapse:collapse;border-color:#919191 /*#F4F4F4*/; border-top-width:0; border-left-width:0;	border-right-width:0; border-bottom-width:0; border-style:solid; } 
table.gen_table_form th { background-color: #5381cd; font-size : 12px; color :#ffffff; font-weight : bold; text-align:center;}
th.section_name { background-color: #3F7C5F /*#006EA5*/; font-size : 12px; font-weight : bold; color : #ffffff; text-align:center;}
td.item_text { background-color: #E0E0E0 /**/; font-family:MS Sans Serif;font-size:12px; font-weight : bold; color:#333333; }
td.item_input { background-color: #F3F3F3 /*#CFFFD7*/; font-family:MS Sans Serif; font-size:11px; color:#333333; }
td.item_data { background-color: #FDFDFD; font-family:MS Sans Serif; font-size:10px; font-weight : bold;color:#333333; }
.boton { font-family: MSSans Serif; font-size: 9px;}
.gen_input { font-family: Arial; font-size: 12px; border:1px solid #cccccc;}
tr.item_oscuro{background-color: #eff0ff;font-family:MS Sans Serif; font-size:12px; color:#333333; } 
tr.item_claro{background-color: #f8f8ff;font-family:MS Sans Serif; font-size:12px; color:#333333; }
/* Fin de otros Styles de Tablas para formularios */

/* Esto es para el cambio del colores de la barra de desplazamiento (solo windows)
scrollbar-face-color: ;
scrollbar-highlight-color:;
scrollbar-shadow-color: ;
scrollbar-3dlight-color: ;
scrollbar-arrow-color: ;
scrollbar-track-color: ;
scrollbar-darkshadow-color: ;
*/