body{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
H1 {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;
	padding-top: 60px;
	padding-bottom: 5px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: bold;
	FONT-SIZE: 25px;
	MARGIN: 0px;
	COLOR: #708090;
	background-color: buttonface;
	text-transform: uppercase;
	cursor: default;
	border-bottom: silver 1px solid;
}
H2 {
	PADDING: 10px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: bold;
	FONT-SIZE: 18px;
	MARGIN: 0px;
	COLOR: #708090;
	background-color: buttonface;
	text-transform: uppercase;
	cursor: default;
	border-bottom: silver 1px solid;
}
H3 {
	PADDING: 5px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 0px;
	COLOR: #708090;
	background-color: #FFFAFA;
	text-transform: uppercase;
	cursor: default;
	border-bottom: silver 1px solid;
	border-top: silver 1px solid;
}
.variable_definicion{
	border: gray 1px solid;
	font-weight: bold;
	padding-top: 20px;
	background-color: #F5F5F5;
}
b {
	color: Maroon;
}
.campo_impresion {
	text-decoration: none;
	border-bottom: 1px silver solid;
	border: 1px silver solid;
}
.item {
	line-height: 15px;
	padding-left: 15px;
	padding-top: 0px;
	background-image: url(arrow.png) ;
	background-repeat: no-repeat;
	background-position: 0px 3px;
}

.filaover {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: white;
	background-color: #848ccd;
	cursor: hand;
}
.filaout {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: black;
	background-color: white;
}
.filaclick {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: black;
	background-color: GAINSBORO;
	cursor: hand;
}
.obligatorio {
	color: #d42b00;
	font-weight: normal;
}
.blanco {
	background-color: White;
}
.celda_tabulacion {
	border-top: white solid 1px;
	border-left: white solid 1px;
	border-bottom: white solid 1px;
	border-right: white solid 1px;
}
.estadistica_encabezado {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: white;
	background-color: #848ccd;
	cursor: default;
}
.estadistica_registro {
	padding: 3px;
	font-size: 11px;
	FONT-FAMILY: verdana;
	color: black;
	background-color: #dcdcdc;
	cursor: default;
}
.cliente {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	FONT-FAMILY: verdana;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	MARGIN: 0px;
	COLOR: #696969;
	background-color: #dcdcdc;
	text-transform: uppercase;
	cursor: default;
	border: solid 1px outset;
}
.tabular {
	background-color: Silver;
	border: #9999CC solid 1px;
}
.tabularcelda {
	border: solid white 1px;
	border-bottom: #EEEFFF solid 1px;
}
/********************************************************************
	WEBWIDGETS: GRID 
********************************************************************/
/*	you may skip grid id (#myGrid) in all other rules
	- if the rule applies to all grids
	- if you have only one grid on your page */

	#myGrid { width: 400px}
/********************************************************************
	Rows
********************************************************************/
	#myGrid .aw-grid-row {height: 20px; border-bottom: 1px solid #ccc}
/*	#myGrid .aw-row-1 {color: blue} */
	/*	Alternate row colors */
	#myGrid .aw-alternate-even {background: #fff;}
	#myGrid .aw-alternate-odd {background: #eee;}
	#myGrid .aw-alternate-even .aw-column-1 {background: #eee;}
	#myGrid .aw-alternate-odd .aw-column-1 {background: #ddd;}
	/*	Highlight on mouseover, mousedown */
	#myGrid .aw-mouseover-row {background: #ccc;} 
	#myGrid .aw-mousedown-row {background: #999;} 
	#myGrid .aw-mouseover-row .aw-column-1 {background: #bbb;} 
	#myGrid .aw-mousedown-row .aw-column-1 {background: #888;}
	/* Selected rows */
	#myGrid .aw-rows-selected {background: #316ac5;}
	#myGrid .aw-rows-selected .aw-column-1 {background: #316ac5;}
/********************************************************************
	Columns
********************************************************************/
	#myGrid .aw-column-0 {width: 50px; border-right: 1px dotted #ccc;}
	#myGrid .aw-column-1 {width: 150px; border-right: 1px dotted #ccc;}
	#myGrid .aw-column-2 {text-align: left}
	#myGrid .aw-column-3 {text-align: left}
	#myGrid .aw-column-4 {text-align: left}
/********************************************************************
	Cells
********************************************************************/
/*	#myGrid .aw-row-2 .aw-column-1 {color: red; font-style: italic} */
	/*	Highlight on mouseover, mousedown */
/*	#myGrid .aw-mouseover-cell {color: red;} 		*/
/*	#myGrid .aw-mousedown-cell {background: #666;}	*/
	/* Selected cells */
	#myGrid .aw-grid-row .aw-cells-selected {background: #316ac5;}
/********************************************************************
	Headers
********************************************************************/
	#myGrid .aw-grid-headers {color: black}
	#myGrid .aw-grid-headers .aw-column-1 {font-weight: bold}
	/*	Highlight on mouseover, mousedown */
	#myGrid .aw-mouseover-header {color: blue;}
	#myGrid .aw-mousedown-header {color: blue;}
	#myGrid .aw-header-1 {background: #def}
/********************************************************************
	Row selectors
********************************************************************/
	#myGrid .aw-row-selector {width: 20px; text-align: center}
	#myGrid .aw-row-2 .aw-row-selector {font-weight: bold}
	#myGrid .aw-mouseover-row .aw-row-selector {color: black; font-weight: bold; background: Silver;}
	/*	Highlight on mouseover, mousedown */
	#myGrid .aw-mouseover-selector {background: gray;}
	#myGrid .aw-mousedown-selector {background: yellow;}

/********************************************************************
	DOCUMENTOS
********************************************************************/
.doc_titulo{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	color: Black;
	font-weight: bold;
}
.doc_numero{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	text-transform: uppercase;
	color: red;
	font-weight: bold;
}
.doc_azul{
	background-color: Navy;
	color: white;
	border: 1px navy solid;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
}
.doc_blanco {
	background-color: white;
	color: black;
	border: 1px navy solid;
	text-transform: none;
	text-align: center;
	font-weight: bold;
}
.doc_proveedor{
	background-color: white;
	color: Navy;
	border: 0px navy solid;
	text-transform: none;
	text-align: left;
	font-weight: bold;
}
.doc_h1{
	padding: 40px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-bottom: solid 1px silver;
	font-size: 17px;
	color: navy;
	text-transform: uppercase;
	font-weight: bold;
}
.doc_h2{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: dotted 0px silver;
	font-size: 13px;
	color: navy;
	text-transform: uppercase;
	font-weight: bold;
}
.informe_mg_body{
	background-color: #FAF0E6;
	margin: 10px;
}
.informe_mg_tit{
	color: black;
	font-weight: bold;
	font-size: 16px;
}
a.informe_mg_cerrar:link, a.informe_mg_cerrar:visited {
	display: block;
	background: url(../../img/informe_mg_cerrar.png) no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: Gray;
	text-align: left;
	padding-top: 7px;
	padding-left: 9px;
	height: 27px;
	width: 64;
	text-decoration: none;
	margin-bottom: 5px;
}
a.informe_mg_cerrar:hover {
	background-position: 0px -26px;
	text-decoration: none;
	color: black;
}
.iframe_indice{
	border: 1px solid red;
}
.informe_mg{
	width: 800px; 
	height: 500px; 
	border: #D3D3D3 1px solid; 
	text-align: left; 
	background: white;
	overflow: auto;
	vertical-align: middle;
	padding: 50px;
	margin: 40px;
	background: url(../../img/informe_mg_fondo.gif) no-repeat;
	background-attachment: fixed;
}
.informe_mg_unegocio{
	text-transform: uppercase;
	color: Maroon;
	font-weight: bold;
	font-size: 13px;
	background: url(../../img/icon_folder.gif) no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid maroon;
}
a.informe_mg_enlace:link, a.informe_mg_enlace:visited {
	display: block;
	background: url(../../img/si.gif) no-repeat;
	background-position: 40px 0px;
	font-size: 10px;
	font-weight: bold;
	color: Gray;
	text-align: left;
	padding-left: 60px;
	width: 100%;
	text-decoration: none;
	margin-bottom: 5px;
}
a.informe_mg_enlace:hover {
	text-decoration: none;
	color: orange;
}



.informe_mg_seccion{
	text-transform: capitalize;
	color: Black;
	font-weight: bold;
	font-size: 13px;
	background: url(../../img/icon_folder.gif) no-repeat;
	background-position: 20px 0px;
	padding-left: 40px;
	margin-bottom: 10px;
}
.informe_competencia_body{
	width:780px; 
	height: 630px; 
	border: #D3D3D3 1px solid; 
	text-align: left; 
	background: white;
	overflow: auto;
	vertical-align: middle;
	padding: 10px;
}
.informe_preguntas{
	width: 98%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: 1px solid black;
}
.informe_titulos {
	text-align: center;
	text-transform: uppercase;
	color: White;
	font-size: 12px;
	font-weight: bold;
}
.informe_preguntas_tit{
	width: 100%;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
}
.informe_preguntas_competencia{
	font-weight: bold;
	color: White;
	border: 1px solid black;
}
.informe_preguntas_texto{
	border: 1px solid solid;
}
.informe_preguntas_promedio{
	text-align: center;
	border: 1px solid solid;
}

.grafica_informe {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border: #D3D3D3 1px solid;
}
.grafica_informe_titulo{
	text-align: center;
	font-weight: bolder;
}
.grafica_informe_titulo{
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
.grafica_informe_barra_nombre{
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}
.grafica_informe_barra_1{
	background-image: url(../../img/informe_barra_1.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_2{
	background-image: url(../../img/informe_barra_2.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_3{
	background-image: url(../../img/informe_barra_3.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_4{
	background-image: url(../../img/informe_barra_4.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_5{
	background-image: url(../../img/informe_barra_5.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_6{
	background-image: url(../../img/informe_barra_6.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_7{
	background-image: url(../../img/informe_barra_7.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_8{
	background-image: url(../../img/informe_barra_8.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_9{
	background-image: url(../../img/informe_barra_9.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_10{
	background-image: url(../../img/informe_barra_10.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_11{
	background-image: url(../../img/informe_barra_11.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_12{
	background-image: url(../../img/informe_barra_12.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_13{
	background-image: url(../../img/informe_barra_13.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_14{
	background-image: url(../../img/informe_barra_14.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_barra_15{
	background-image: url(../../img/informe_barra_15.gif);
	background-position: 0px 0px;
	border: 1px solid black;
	height: 18px;
}
.grafica_informe_xcelda{
	text-align: right;
	color: gray;
	font-weight: bold;
	border-right: gray 1px solid;
	border-top: gray 1px solid;
}
.grafica_informe_area_sombreada{
	background-image: url(../../img/zona_pasa.gif);
	background-repeat: no-repeat;
	background-position: 469px 0px;
}
.informe_indice_body{
	background-image: url(../../img/informe_indice.jpg);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	margin: 10px;
	margin-left: 7px;
}
.informe_indice_contenido{
	background-image: url(../../img/informe_contenido.jpg);
	background-repeat: no-repeat;
	background-position: 0px -5px;
	margin: 20px;
	margin-right: 15px;
	margin-left: 7px;
}
.informe_top_body{
	background-image: url(../../img/informe_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px -2px;
	margin: 10px;
}
.informe_top_text{
	color: White;
	text-align: left;
	font-weight: bold;
	font-size: 13px;
}
.informe_bottom_body{
	background-image: url(../../img/informe_bottom.jpg);
	background-repeat: no-repeat;
	background-position: -1px 13px;
	margin-right: 10px;
}
.informe_bottom_text{
	color: White;
	font-weight: normal;
	font-size: 9px;
	text-align: center;
}
.indice_logo{
	background-image: url(../../img/informe_indice_logo.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: center;
	height: 50px;
	padding-top: 6px;
	margin-bottom: 10px;
}
.indice_evaluado{
	background-image: url(../../img/informe_indice_evaluado.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-align: center;
	height: 100px;
	width: 173px;
	padding: 10px;
	margin-bottom: 10px;
	color: White;
	font-weight: bold;
}
a.indice_enlace:link, a.indice_enlace:visited {
	display: block;
	background: url(../../img/menu_bg.png) no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: Gray;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	height: 37px;
	width: 170;
	text-decoration: none;
	margin-bottom: 5px;
}

a.indice_enlace:hover {
	background-position: 0px -36px;
	text-decoration: none;
	color: black;
}
a.indice_cerrar:link, a.indice_cerrar:visited {
	display: block;
	background: url(../../img/informe_indice_cerrar.png) no-repeat;
	font-size: 10px;
	font-weight: bold;
	color: Gray;
	text-align: left;
	padding-top: 7px;
	padding-left: 9px;
	height: 27px;
	width: 64;
	text-decoration: none;
	margin-bottom: 5px;
}

a.indice_cerrar:hover {
	background-position: 0px -26px;
	text-decoration: none;
	color: black;
}
.tit1 {
	PADDING: 5px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	MARGIN-top: 15px;
	MARGIN-bottom: 10px;
	COLOR: #708090;
	background-color: buttonface;
	text-transform: uppercase;
	cursor: default;
	border-bottom: silver 1px solid;
}
.tit2 {
	PADDING: 3px;
	FONT-FAMILY: arial;
	FONT-WEIGHT: bold;
	FONT-SIZE: 10px;
	MARGIN-top: 10px;
	COLOR: #708090;
	background-color: buttonface;
	text-transform: uppercase;
	cursor: default;
	border: silver 1px solid;
}
.item_item{
	width: 100%;
	height: 35px;
	padding: 3px;
	border: 1px solid silver;
	border-top: 0px;
	border-bottom: 0px;
	background-color: white;
}
.item_promedio{
	width: 50%;
	height: 20px;
	text-align: center;
	padding: 3px;
	border: 1px solid silver;
	border-top: 0px;
	border-right: 0px;
	background-color: white;
}
.item_brecha{
	width: 50%;
	height: 20px;
	text-align: center;
	padding: 3px;
	border: 1px solid silver;
	border-top: 0px;
	border-left: 0px;
	background-color: white;
}
a.alerta:link, a.alerta:visited {
	display: block;
	background: url(../../img/alerta.gif) no-repeat;
	background-position: 5px 2px;
	background-color: #F0F8FF;
	vertical-align: middle;
	font-size: 12px;
	font-weight: bold;
	color: black;
	text-align: left;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 6px;
	height: 25px;
	width: 100%;
	text-decoration: none;
	border: 1px gray solid;
}
a.alerta:hover {
	text-decoration: none;
	color: black;
	background-color: #8CA9CE;
}