/* RUTAS DE IMÁGENES: Antes de enviar a producción, se debe revisar las rutas de imágenes
Para DMR: img/
Para producción Cashmanager: ../imgn/
*/

/* Globo de Ayuda */
#dhtmlgoodies_tooltip{
	background-color:#DCF2FA;
	border:1px solid #187CA3;
	position:absolute;
	display:none;
	z-index:20000;
	padding:5px 33px 5px 5px;
	font-size:10px;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: Tahoma, Verdana, Arial;
	color: #187CA3;
	background-image: url(img/icono_comentario_small.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
#dhtmlgoodies_tooltipShadow{
		position:absolute;
		background-color:#666666;
		display:none;
		z-index:10000;
		opacity:0.7;
		filter:alpha(opacity=70);
		-khtml-opacity: 0.7;
		-moz-opacity: 0.7;
		-moz-border-radius:6px;	/* Rounded edges in Firefox */
	}
/* Contenido general de la página */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #F2F2FF;
	background-image: url(img/fondo_gral.gif);
	background-repeat: repeat-y;
	background-position: 0px;
}
a:link {
	color: #0099CC;
}
a:visited {
	color: #4A99B5;
}
a:hover {
	color: #666666;
}
a:active {
	color: #7400CC;
}
.Tit1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 22px;
	font-weight: bold;
}
.Tit2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 16px;
	font-weight: bold;
}
.Txt1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #444444;
}
.Txt1Bold {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #444444;
	font-weight: bold;
}
.Txt1Color {

	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #448FB4;
}
.Txt1ColorBold {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #448FB4;
	float: left;
	font-weight: bold;
}
.Txt1Color2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
}
a.Txt1Color2:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.Txt1Color2:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.Txt1Color2:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.Txt1Color2:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.Txt2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #444444;
}
.Txt2Bold {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #444444;
	font-weight: bold;
}
.Txt2Color2 {

	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #FFFFFF;
}
a.Txt2Color2:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a.Txt2Color2:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a.Txt2Color2:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.Txt2Color2:active {
	color: #FFFFFF;
	text-decoration: underline;
}
/* DIV pié de página */
.PieDePagina {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #EEEEEE;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
/*Botonera superior, contiene cargador y botones imprimir, excel */
.BotoneraTop {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	text-align: right;
}
/* Botones */
.BtnSeparacion {
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 5px;
	width: auto;
	margin-left: 3px;
}
.Btn {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #666666;
}
a.Btn:link {
	color: #666666;
}
a.Btn:visited {
	color: #666666;
}
a.Btn:hover {
	color: #000000;
}
a.Btn:active {
	color: #000000;
}
.Btn1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #666666;
}
a.Btn1:link {
	color: #666666;
	text-decoration: none;
}
a.Btn1:visited {
	color: #666666;
	text-decoration: none;
}
a.Btn1:hover {
	color: #000000;
	text-decoration: none;
}
a.Btn1:active {
	color: #000000;
	text-decoration: none;
}
.Btn1s {
	font-family: Tahoma, Verdana, Arial;
	font-size: 10px;
	color: #666666;
}
a.Btn1s:link {
	color: #666666;
	text-decoration: none;
}
a.Btn1s:visited {
	color: #666666;
	text-decoration: none;
}
a.Btn1s:hover {
	color: #000000;
	text-decoration: none;
}
a.Btn1s:active {
	color: #000000;
	text-decoration: none;
}
.Btn2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #046802;
}
a.Btn2:link {
	color: #046802;
	text-decoration: none;
}
a.Btn2:visited {
	color: #046802;
	text-decoration: none;
}
a.Btn2:hover {
	color: #000000;
	text-decoration: none;
}
a.Btn2:active {
	color: #000000;
	text-decoration: none;
}
.Btn3 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #5B5B00;
}
a.Btn3:link {
	color: #5B5B00;
	text-decoration: none;
}
a.Btn3:visited {
	color: #5B5B00;
	text-decoration: none;
}
a.Btn3:hover {
	color: #000000;
	text-decoration: none;
}
a.Btn3:active {
	color: #000000;
	text-decoration: none;
}
.Btn4 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #FFFFFF;
}
a.Btn4:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.Btn4:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.Btn4:hover {
	color: #FFC4C4;
	text-decoration: none;
}
a.Btn4:active {
	color: #FFC4C4;
	text-decoration: none;
}
.BtnS {
	font-family: Tahoma, Verdana, Arial;
	font-size: 9px;
	color: #666666;
}
a.BtnS:link {
	color: #666666;
	text-decoration: none;
}
a.BtnS:visited {
	color: #666666;
	text-decoration: none;
}
a.BtnS:hover {
	color: #000000;
	text-decoration: none;
}
a.BtnS:active {
	color: #000000;
	text-decoration: none;
}
/* MarcoEsq son para div contenidos uno al interior del otro, para formar bordes redondeados o con líneas al rededor del Div con estilo Marco */ 
.MarcoEsq1 {
	/* background-color: #FFCCFF; */
} 
.MarcoEsq2 {} 
.MarcoEsq3 {} 
.MarcoEsq4 {
	border-top: none;
	border-right: none;
	border-bottom: 3px solid #CCCCCC;
	border-left: none;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
}
/* div principal (va al interior de divs MarcoEsq1 al 4, puede dar el espacio entre los marcos exteriores MarcoEsq1 al 4 ó colocarle una línea cuando no se usan MarcoEsq1 al 4.*/
.Marco {
	border: 1px solid #999999;
}
/* div del título del Marco (hay versiones de distinto color). Van contenidos dentro del div con estilo Marco */
.MarcoTit1 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	border: 1px solid #FFFFFF;
	background-image: url(img/marco1_fondo_titulo.gif);
	padding: 10px;
	background-color: #CCCCCC;
}
.MarcoTit2 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #5ABDDE;
	border: 1px solid #FFFFFF;
	padding: 10px;
	background-image: url(img/marco1_fondo_titulo2.gif);
}
.MarcoTit3 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8AC701;
	border: 1px solid #FFFFFF;
	padding: 10px;
	background-image: url(img/marco1_fondo_titulo3.gif);
}
.MarcoTit4 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FFAD00;
	border: 1px solid #FFFFFF;
	padding: 10px;
	background-image: url(img/marco1_fondo_titulo4.gif);
}
.MarcoTit5 {
	font-family: Tahoma, Verdana, Arial;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #8D8EDA;
	border: 1px solid #FFFFFF;
	padding: 10px;
	background-image: url(img/marco1_fondo_titulo5.gif);
}
/* div para contenidos dentro de del marco. Usado proncipalmente para dar espacio entre el borde del marco y el contenido */.TablaPadding {
	margin: 10px;
}
/* Div botonera ubicada al inicio de una tabla con opciones como bajar a Excel */
.TablaBotonera {
	display: block;
	text-align: right;
	padding-right: 5px;
}
.TablaBotoneraTxt {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
}
a.TablaBotoneraTxt:link {
	color: #CCCCCC;
	text-decoration: none;
}
a.TablaBotoneraTxt:visited {
	color: #CCCCCC;
	text-decoration: none;
}
a.TablaBotoneraTxt:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a.TablaBotoneraTxt:active {
	color: #FFFFFF;
	text-decoration: none;
}

/* Final de la tabla en donde se coloca información como el nr. de registros que se está mostrando */
.TablaPie {
	padding: 3px;
	text-align: center;
}
.TablaPieTxt {
	font-family: Tahoma, Verdana, Arial;
	font-size: 9px;
	color: #999999;
}
.TablaPieTxtDest {
	font-family: Tahoma, Verdana, Arial;
	font-size: 9px;
	color: #999999;
	font-weight: bold;
}
/* Título de columna de una tabla, alineada a la izquierda */
.CeldaTitIzq {
	border-bottom: 1px solid #444444;
	background-color: #444444;
	vertical-align: top;
	text-align: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
/* Estilo de campos de formulario */
.Form {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #444444;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
/* Estilo de campos de formulario obligatorios */
.FormObl {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
	border: 1px solid #333333;
}
/* Estilo de campos de formulario con error */
.FormCorregir {

	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #7D6400;
	background-color: #FFE064;
	border: 1px solid #7D6400;
	background-repeat: no-repeat;
	background-position: right center;
}
/* Ícono OBLIGATORIO en texto costado campo de formulario obligatorio */
.IconoFormObl {
	background-image: url(img/icono_form_obl.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 11px;
	display: inline-block;
	padding-left: 15px;
}
/* Ícono CORREGIR en texto costado campo de formulario con error */
.IconoFormCorregir {
	background-image: url(img/form_corregir_icono.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 11px;
	display: inline-block;
	padding-left: 15px;
}
/* Marco de comentario con ícono */
.MarcoComentario {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #187CA3;
	background-color: #DCF2FA;
	padding: 10px 47px 10px 10px;
	border-bottom-style: solid;
	border-bottom-color: #B5E3F4;
	border-bottom-width: 4px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(img/icono_comentario.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* Comentario para ser insertado dentro de una tabla (se aplica a la celda) */
.CeldaComentario {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #187CA3;
	background-color: #DCF2FA;
	padding: 5px 33px 5px 5px;
	border-bottom-style: solid;
	border-bottom-color: #B5E3F4;
	border-bottom-width: 1px;
	background-image: url(img/icono_comentario_small.gif);
	background-repeat: no-repeat;
	background-position: right top;
	vertical-align: top;
}
/* Marco de comentario con ícono de un reloj */
.MarcoComentarioReloj {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #187CA3;
	background-color: #DCF2FA;
	padding: 10px 40px 10px 10px;
	border-bottom-style: solid;
	border-bottom-color: #B5E3F4;
	border-bottom-width: 4px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(img/icono_comentario_reloj.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* Marco de error con ícono de alerta */
.MarcoAvisoError {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #7D6400;
	background-color: #FFF1BB;
	background-image: url(img/icono_aviso1.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding: 10px 40px 10px 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFCC00;
	/* height: 25px; */
}
.MarcoAvisoError .list {
	background-image: url(img/marco_aviso_error_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 10px;
}
/* Marco de aviso de seguridad */
.MarcoAvisoSeguridad {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #333333;
	background-color: #CCCCCC;
	padding: 10px 47px 10px 10px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	border-bottom-width: 4px;
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background-image: url(img/icono_seguridad.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
/* Estilo pasos en páginas ingreso datos */
.PasosTitulo {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #0099CC;
	padding: 5px;
	background-image: url(img/pasos_fondo_tit.jpg);
	background-repeat: repeat-y;
	background-position: right top;
}
/* Define si se imprime o no */
.print_prt {
	 /*background-image: url(img/etapa_diseno/fondo_solo_impresora.gif);*/
	/*display:none*/
}
.print_scr {
	 /*background-image: url(img/etapa_diseno/fondo_solo_pantalla.gif);*/  
	 display:none  
}
/* Tabs */
.tab-body {
	padding: 10px;
	border-top: 1px solid #448FB4;
}
/* Div que mantiene el espacio entre div anterior y costados de la página */
.Parrafo {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
}
/* Igual que div anterior pero el contenido es centrado */
.ParrafoBotones {
	text-align: center;
}
.ParrafoBotones table { 
margin-left: auto;
margin-right: auto;
text-align: left;
}
/* Div que contiene casi todo el contenido de la página, forzando el ancho de los contenidos a un tamaño fijo */
.CuerpoFijo {
	width: 570px;
	float: left;
	background-color: #FFFFFF;
}
/* Div que contiene casi todo el contenido de la página, permitiendo que el ancho de los contenidos sea variable */
.CuerpoVariable {

	width: 100%;
	float: left;
}
/* ícono lupa que se agrega a links de texto */
.IconoLinkVerMas {
	background-image: url(img/icono_link_vermas.gif);
	background-repeat: no-repeat;
	background-position: left;
	display: inline-block;
	padding-left: 12px;
}
/* Fondo título columna alineada a la derecha */
.CeldaTitDer {
	border-bottom: 1px solid #444444;
	background-color: #444444;
	vertical-align: top;
	text-align: right;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
/* Fondo celda alineada a la derecha */
.CeldaDer {
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: middle;
	text-align: right;
	background-color: #FFFFFF;
	padding-right: 5px;
}
/* Fondo celda alineada a la derecha con color diferente para diferenciar columnas */
.Celda2Der {
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: middle;
	text-align: right;
	background-color: #F4F4F4;
	padding-right: 5px;
}
/* Fondo celda alineada a la izquierda */
.CeldaIzq {
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: middle;
	text-align: left;
	padding-right: 5px;
}
/* Fondo celda alineada al centro */
.CeldaCentro {
	border-bottom: 1px dotted #CCCCCC;
	vertical-align: middle;
	text-align: left;
	padding-right: 5px;
	background-color: #FFFFFF;
}
/* Fondo celda alineada a la izquierda con color diferente para diferenciar columnas */
.Celda2Izq {

	border-bottom: 1px dotted #CCCCCC;
	vertical-align: middle;
	text-align: left;
	background-color: #F4F4F4;
	padding-right: 5px;
}
/* Div flechas en título columnas para definir y seleccionar orden de presentación */
.FlechasOrdenColumna {
	display: block;
	float: right;
	padding-top: 1px;
	padding-left: 2px;
}
/* Paginador */
.PaginadorTxtOff {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #8A8A8A;
}
a.PaginadorTxtOff:link {
	color: #8A8A8A;
	text-decoration: none;
}
a.PaginadorTxtOff:visited {
	color: #8A8A8A;
	text-decoration: none;
}
a.PaginadorTxtOff:hover {
	color: #8A8A8A;
	text-decoration: underline;
}
a.PaginadorTxtOff:active {
	color: #8A8A8A;
	text-decoration: underline;
}
.PaginadorTxtOn {
	font-family: Tahoma, Verdana, Arial;
	font-size: 12px;
	color: #333333;
	font-weight: bold;
}
.PaginadorPosicion {
	margin: 10px;
}
/* Marco imagen de documento */
.ImgDocsMarco {
	border: 1px solid #000000;
	width: 520px;
}