/* These are all EXAMPLES -- they are meant to be updated/changed/modified */
@charset "UTF-8";
.textoblanco11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.textonegro11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.textonegro13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.textonegro15 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}
.textoblanco13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.textoblanco10 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.textoazul13 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}
.textobazul11 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
}
.textobazul11:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
.textonegro9 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
}
.textobazulp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #003366;
	text-decoration: none;
}

TD, BODY { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; text-align: left; }
TH { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; text-align: left; font-weight: bold; }
.title { font: 30px 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; margin-left: -2px;}
.title_action { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; margin-bottom: -4px; }
.warning { color: #ff0000; }
.instructions { font: 9px 'Arial','Helvetica','Sans-Serif'; font-style: italic; }
.item_divider { line-height: 16px; }
.item_label { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; padding-bottom: 4px; }
.item_label_disabled { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; padding-bottom: 4px; color: #999999; }

.button { font: 10px 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; }
.listbox { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; width: 250px; }
.textbox { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; width: 250px; }

.paginator_inactive_step { font-weight: bold; color: #aaaaaa; }
.paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; }
.paginator_page { text-decoration: none; color: #000000; padding: 0px 3px 0px 3px; }
.paginator_selected_page { font-weight: bold; background-color: #ddccff; padding: 0px 3px 0px 3px; border: 1px; border-style: solid; }

.dashboard_top {width: 854px; margin-left: 170px; color: #000066; font: 30px 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; height: 40px;}
.dashboard_pane {float: left; font-size: 10px; width: 160px;}
.dashboard_left {float: left; background-color: #eeeeff; width: 400px; height: 500px; margin-left: 10px; border-width: 1px; border-style: solid; border-color: black; padding: 10px; overflow: auto;}
.dashboard_right {float: left; background-color: #eeeeff; width: 400px; height: 500px; margin-left: 10px; border-width: 1px; border-style: solid; border-color: black; padding: 10px; overflow: auto;}

.file_asset_dbox { border: 1px solid #1c4a8c; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
.file_asset_dbox h1 { margin: 0; }
.file_asset_dbox input { padding: 3px; margin-right: 5px; }

/* Valores heredados de menuppal.css */

/*
#franja_negra1 { position: absolute; top:-4%; height:100%; width: 100%; z-index:0; } 
#franja_negra2 { position:absolute; top:-4%; left:96%; height:100%; width: 100%; z-index:0; }
*/
#capa_negra { position: absolute; top:0%; height:100%; width: 100%; z-index:0; } 
#capa_blanca { position: absolute; top:0%; height:100%; width: 90%; z-index:1; } 
#header { position: absolute; top: 2%; left: 5%; width: 90%; } 
#header_inic { position: absolute; top: 2%; left: 6%; width: 90%; } 
#imagen_izq { position: absolute; top: 13%; left: 5%; width: 20%; } 
#imag_unox { position: absolute; top: 1%; left: 110%; width: 20%; } 
#imag_desp { position: absolute; top: 13%; left: 5%; width: 15%; border:1px solid #000000; } 
#imag_con1 { position: absolute; top: 16%; left: 40%; width: 20%; }
#imag_con2 { position: absolute; top: 40%; left: 25%; width: 20%; }
#imag_con3 { position: absolute; top: 65%; left: 40%; width: 20%; }
#imag_con4 { position: absolute; top: 40%; left: 55%; width: 20%; } 
#imag_oper { position: absolute; top: 15%; left: 5%; width: 20%; } 
#opci_cons { position: absolute; top: 40%; left: 40%; width: 10%; } 
#tabl_menu { position: absolute; top: 13%; left: 24%; width: 50%; } 
.header_imp a { text-decoration:none; } 
#formulario { position: absolute; top: 13%; left: 23%; width: 72%;
   text-align: center;
} 
#formulario_dsp { position: absolute; top: 13%; left: 05%; width: 90%; } 
#formulario_dsp50 { position: absolute; top: 23%; left: 51%; width: 70%; } 
#formulario_ficha { position: absolute; top: 40%; left: 25%; width: 70%; } 
#formulario_web { position: absolute; top: 22%; left: 15%; width: 70.7%; } 
#info_gene { position: absolute; top: 13%; left: 25%; width: 70%; height: 70%; } 
#reporte { position: absolute; top: 20%; left: 10%; width: 80%; } 
#login_form { position: absolute; top: 25%; left: 30%; width: 60%; } 
#mens_usua { position: absolute; top: 25%; left: 30%; width: 20%; }
.boxinfo { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #666666; width: 20%; } 
.boxinfo1 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #666666; } 
#imagen { position: absolute; top: 0%; left: 0%; width: 70%; height: 70%; } 
#imag_ayud { position: absolute; top: 13%; left: 5%; width: 70%; }
#botones { position: absolute; top: 90%; text-align: center;  width: 100%; }
#botones_int { position: absolute; top: 130%; text-align: center;  width: 100%; }
#lista_checkpoints { position: absolute; top: 90%; left: 5%; text-align: center;  width: 100%; }

/* Valores heredados de azul.css */

.warning { color: #ff0000; }
.instructions { font: 9px 'Arial','Helvetica','Sans-Serif'; font-style: italic; }
.opcion_menu { font-family: Arial, Helvetica, Sans-serif; background-color: #0066FF; layer-background-color:#C0C0C0; font-size:4px; color: #FFFFFF; cursor:pointer; cursor:hand; padding:2px; text-align:left; vertical-align:middle; border:1px solid #000000; text-decoration : none; display: block; }
.titulo_menu { text-align: center; font-family: Arial, Helvetica, Sans-serif; padding:2px;  font-size:17px;  font-weight:bold; background-color: #0066FF;  layer-background-color:#C0C0C0;  color: #FFFFFF;  border:1px solid #000000; }
#menu_ppal { position: absolute; top: 13%; left: 5%; width: 15.5%; }
#menu_ppal a:hover { color:#FFFFFF; font-size:17px; text-decoration:none;   }
#menu_ppal a { color:#FFFFFF; font-size:17px;  text-decoration:none; } 
#menu_ppal a:visited { color:#FFFFFF; font-size:17px; text-decoration:none;  }
#menu_mnto  { position: absolute; top: 13%; left: 5%; width: 15.5%; }
#menu_mnto a:hover { color:#FFFFFF; font-size:17px; text-decoration:none;  }
#menu_mnto a:visited { color:#FFFFFF; font-size:17px; text-decoration:none;  }
#menu_mnto a { color:#FFFFFF; font-size:17px; text-decoration:none;  }
.loginform_peq { border: 1px solid #000000; font-size:12px; background-color: #E1EFFF; }
.loginform_peq a { text-decoration:none; color:#FFFFFF; }
.loginform_peq a:visited { text-decoration:none; color:#FFFFFF; }
.loginform { border: 1px solid #000000; background-color: #E1EFFF; }
.loginform a { text-decoration:none; color:#000000; }
.loginform a:visited { text-decoration:none; color:#000000; }
.smalllink { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFFFFF; text-decoration: none; }
.boxtitle { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; height: 25px; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 5px; text-transform: uppercase; background-color: #0066FF; }
.boxtitle_left { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; height: 25px; text-align: left ; vertical-align: middle; font-weight: bold; padding-top: 5px; text-transform: uppercase; background-color: #0066FF; }
.boxtitle_right { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; height: 25px; text-align: right ; vertical-align: top; font-weight: bold; padding-top: 5px; text-transform: uppercase; background-color: #0066FF; }
/*--------------------------------------------------------------------*/
/* Estas clase con "_p" se usan solo en la pantallas con muchos datos */
/* donde se desea mayor visibilidad                                   */
/*--------------------------------------------------------------------*/
.boxtext_p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; }
.boxtext_center_p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-align: center; vertical-align:middle; }
.boxtext_left_p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; text-align: left; background-color: #E1EFFF; vertical-align:top;}
.boxtext_right_p { font-family: Arial, Helvetica, sans-serif; font-size: 10x; font-weight: bold; color: #000000; text-align: right;  background-color: #E1EFFF;}
.boxtitle_right_p { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; height: 22px; text-align: right ; vertical-align: top; font-weight: bold; padding-top: 4px; text-transform: uppercase; background-color: #0066FF; }
.boxtitle_right_pe { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FFFFFF; height: 22px; text-align: right ; vertical-align: top; padding-top: 4px; text-transform: uppercase; background-color: #0066FF; }
.boxtitle_right_py { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #0000FF; height: 22px; text-align: right ; vertical-align: top; font-weight: bold; padding-top: 4px; text-transform: uppercase; background-color: #E1EFFF; }
/*----------------------------------------------------------------------*/
/* Estas clase sin "_p" se usan normalmente en la pantallas del Sistema */
/*----------------------------------------------------------------------*/
.boxtext { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
.boxtext_center { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: center; vertical-align:middle; }
.boxtext_left { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: left;  background-color: #E1EFFF;}
.boxtext_left_e { font-family: Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left;  background-color: #E1EFFF;}
.boxtext_right { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: right; }
/*------------------------------------------------------------------*/
/* Estas clase con "_dsp" se usan solo en la pantalla de "Despacho" */
/*------------------------------------------------------------------*/
.boxtext_dsp { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; }
.boxtext_center_dsp { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: center; vertical-align:middle; }
.boxtext_center_dsp a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: center; vertical-align:middle; }
.boxtext_left_dsp { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: left; }
.boxtext_right_dsp { font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000000; text-align: right; }
/*------------------------------------------------------------------*/
/* Estas clase con "_red" se usan solo en la pantalla de "Despacho" */
/* para identificar las recolecta de la ruta 'R999'                 */
/*------------------------------------------------------------------*/
.boxtext_dsp_red { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000; text-decoration: blink; }
.boxtext_center_dsp_red { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000; text-align: center; vertical-align:middle; text-decoration: blink; }
.boxtext_center_dsp_red a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000; text-align: center; vertical-align:middle; text-decoration: blink; }
.boxtext_left_dsp_red { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000; text-align: left; text-decoration: blink; }
.boxtext_right_dsp_red { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ff0000; text-align: right; text-decoration: blink; }

.boxlabel { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-align: right; vertical-align: top; font-weight: normal; padding-top: 5px; background-color: #0066FF; }
.boxlabel_center { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; height: 25px; text-align: center; vertical-align: top; font-weight: bold; padding-top: 5px; text-transform: uppercase; background-color: #0066FF; }
.text_arri { vertical-align: middle; } 
.fondogris { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #666666; height: 24px; text-align: right; vertical-align: middle; font-weight: bold; padding-top: 5px; text-transform: uppercase; background-color: #CCCCCC; }
.boxlabel_peq { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #666666; height: 23px; text-align: right; vertical-align: middle; font-weight: bold; padding-top: 4px; text-transform: uppercase; background-color: #CCCCCC; }
.boxtextred { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #CC0000; } 
body { margin: 0px; padding: 0px; background-color: #FFFFFF; } 
.button_ing { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #666666; margin-left: center; padding: 2px; height: 20px; width: 100px; text-transform: uppercase; border: thin outset #FFFFFF; background-position: center center; font-weight: bold; } 
.button { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; background-color: #666666; margin: 2px; padding: 2px; height: 20px; width: 100px; text-transform: uppercase; border: thin outset #FFFFFF; background-position: center center; font-weight: bold; }
.button:hover { color: #FFCC00; }
.maintable { background-color: #FFFFFF; height: 100%; width: 760px; } 
.mainmenubox { background-color: #E1EFFF; border: 1px solid #999999; }  
div.icon_menu    {  margin: 3px;  } 
div.icon_menu a  {  display: block;  vertical-align: middle;  text-align: center; text-decoration : none; border: 1px solid #DDD; padding: 1px 3px 1px 3px; } 
div.icon_menu a:hover    {  color : #333;  background-color: #f1e8e6;   border: 1px solid #c24733; padding: 3px 4px 0px 6px;  } 
div.icon    {  margin: 2px;  }
div.icon a  {  display: block;  float: left; height: 97px !important; height: 100px;  width: 104px !important; width: 106px;  vertical-align: middle;  text-decoration : none; border: 1px solid #DDD; padding: 1px 3px 1px 2px; text-align:center; } 
div.icon a:hover    {  color : #333;  background-color: #f1e8e6;   border: 1px solid #c24733; padding: 2px 2px 0px 3px;  } 
div.icon img  {  margin-top: 13px;  }
div.icon span  {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000000; display: block;  padding-top: 3px; } 
.userinfobox { background-color: #E1EFFF; border: 1px solid #999999; } 
.userinfobox a{ text-decoration:none; color:#000000; } 
.printheader { background-color: #FFFFFF; border: 1px solid #999999; } 
.title { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; text-align: center; vertical-align: middle; font-weight: bold; padding-top: 5px; text-transform: uppercase;  } 
.optionbox { background-color: #FFFFFF; height: 100px; width: 100px; border: 1px solid #666666; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; overflow: scroll;    } 
.imgs	{ border: 0px; width: 16px; height: 18px; }