
<!--
body {
	background-color: #F5F5F5;
	font-family: Verdana;
	font-size: 10px;
}

html fieldset {
	position: relative;
	margin-top: 1em;
	padding-top: .75em;
}

html legend {
	position: absolute;
	top: -.5em;
	left: .5em;
}

.imagen {
	height: 10 0px;
	width: 200px;
	visibility: visible;
	left: 5px;
	top: 1px;
	right: 5px;
	bottom: 5px;
	display: block;
	position: fixed;
	background-color: #FFFFFF;
}

.titulo {
	position: absolute;
	top: 1px;
	left: 200px;
	right: 10px;
	text-align: center;
	height: 60px;
}

.subTituloTexto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #003333;
	text-align: center;
}

.principal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 195px;
	top: 126px;
	right: 10px;
	bottom: 10px;
}

#botones {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 150px;
	height: 28px;
}

#botones h3 {
	padding: 8px 0px 2px 8px;
	border-bottom: 1px solid #cccccc;
}

#botones img {
	height: 16px;
	width: 16px;
	float: left;
	visibility: visible;
	top: 3px;
	right: 3px;
	left: 3px;
}

#botones a:link,#botones a:visited {
	color: #21536A;
	text-decoration: none;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #ffffff;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #ffffff;
	width: 140px;
	background-color: #DDE4EA;
	height: 22px;
	display: block;
	vertical-align: middle;
	padding: 1px;
	margin: 1px;
}

.texto {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	position: absolute;
	left: 200px;
	right: 1px;
	top: 54px;
	height: 50px;
	text-indent: 15px;
	padding: 5px;
	text-align: left;
	margin-right: 20px;
}

#botones a:hover {
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #FFFFFF;
}

.tbbody {
	background: #EDF0F3;
	color: #435E70;
	border: 1px solid #6187A0;
	font-weight: bold;
}

.frmcampos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*border: 1px solid #006633;*/
	color: #006699;
	background-color: #FEFFF4;
	margin-left: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9E9E9E;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9E9E9E;
}

.frmbotones {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #21536A;
	background-color: #dde4ea;
	margin-left: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	cursor: pointer;
}

.frmbotones a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #21536A;
	text-decoration: none;
}

div#box {
	left: 200px;
	right: 0px;
	top: 60px;
}

.fieldsetLogin {
	width: 40%;
	text-align: center;
}

.fieldsetSeleccionaImportador {
	width: 50%;
	text-align: center;
}

.fieldsetVistaFrm {
	width: 50%;
	text-align: center;
}

-->
#holder,#holder iframe {
	position: relative;
	width: 500px;
	height: 400px
}

#loading {
	height: 50px;
	width: 125px;
	padding: 1ex;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -63px;
	display: none;
	border: 2px groove gray;
	background-color: #cccccc;
	color: #333333;
}

/***************************************************************/
	/* MODULO GRAFICAS
/****************************************************************/
.graficas_default_zonaplegable {
	height: 175px;
	overflow: hidden;
	vertical-align: bottom;
}

.graficas_default_fondoBarra {
	vertical-align: middle;
	text-align: left;
	height: 27px;
	background-color: #33CCFF;
	background-image: url("/ctraweb/images/graficas/fondoBarra.png");
	background-repeat: repeat-x;
}

/***************************************************************/
	/* TERMINA MODULO BUSQUEDA AVANZADA
/****************************************************************/
	/***************************************************************/
	/* CLAVE splash ARCHIVO loadingSplashinicial.tpl
/****************************************************************/
#splash-loadingMask {
	font: bold;
	width: 450px;
	contentEditable: false;
}

#splash-loadingBar {
	background-image: url("/ctraweb/images/loadingBar.gif");
	width: 220px;
	height: 16px;
	background-repeat: no-repeat;
}

#splash-Wrapper {
	border-color: D6E6FA;
	background-color: #FFFFFF;
	vertical-align: middle;
	border-style: solid;
	padding: 25px;
}

#splash-Wrapper-Bottom {
	text-align: right;
}

#splash-Wrapper-Top {
	height: 100px;
}

#splash-logoImage {
	height: 100px;
	float: left;
}

#splash-enterpriseNameWrapper {
	height: 100px;
	float: right;
	vertical-align: middle;
	float: right;
}

#splash-enterpriseName {
	text-align: right;
	font-weight: bolder;
	font-size: 18px;
}

#splash-versionCtraweb {
	float: none;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	text-align: right;
}

/***************************************************************/
	/* CLAVE littleSplash ARCHIVO loadingAfterBodyTag.tpl
/****************************************************************/
#littleSplash-loadingMask {
	display: block;
	font: bold;
	padding: 20px;
}

#littleSplash-wrapper {
	border-color: #D6E6FA;
	border-style: solid;
	vertical-align: middle;
	background-color: #FFFFFF;
}

#littleSplash-loadingImage {
	background-image: url("/ctraweb/images/loading.gif");
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
}

/***************************************************************/
	/* CLAVE login ARCHIVO acceso_default.tpl
/****************************************************************/
#login-versionCtraweb {
	color: #CCCCCC;
	text-align: center;
	float: none;
	right: 10px;
	bottom: 10px;
	position: absolute;
	font-size: 9px;
}

#login-acceso {
	width: 470px;
	text-align: center;
	margin: 0px auto;
}

#login-lblControlAcceso {
	font-size: 16px;
	color: #0A4785;
	font-weight: bolder;
	text-align: right;
}

#login-lblInstrucciones {
	text-align: left;
	font-size: 10px
}

#login-lblUsuario {
	text-align: left;
	font-size: 10px;
	font-weight: bolder;
	width: 100%;
}

#login-lblRecuerdaContra {
	text-align: left;
	font-size: 10px;
}

#login-lblPassword {
	font-size: 10px;
	font-weight: bolder;
	width: 100%;
	text-align: left;
}

#login-lblError {
	text-align: left;
	color: red;
	font-size: 10px;
}

#login-wrapperFormulario {
	background-color: #FFFFFF;
	border-bottom-color: #C5C6C7;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-color: #C5C6C7;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-color: #C5C6C7;
	border-right-style: solid;
	border-right-width: 1px;
}

.tborder {
	background: #ffffff;
	color: #000000;
	border: 1px solid #b9b9b9;
}

.tcat {
	background: #6E89DD;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

.panel {
	background: #EDEDED;
	color: #000000;
	padding: 5px;
}

.panelsurround {
	background: #EDEDED;
	color: #000000;
}

.smallfont {
	font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica,
		sans-serif;
}

/***************************************************************/
	/* CLAVE header ARCHIVO ctraweb_headerCtraweb.tpl
/****************************************************************/
#header-Wrapper {
	border: 0px;
	padding: 0px;
	width: 100%;
	height: 100px;
	background-image: url('/ctraweb/images/default/headerBg.jpg');;
	background-repeat: repeat-y;
	background-position: right
}

#header-logo {
	text-align: center;
	float: left;
}

#header-enterpriseName {
	vertical-align: baseline;
	float: left;
	line-height: 100px;
	height: 100px;
	text-align: left;
	font-family: Verdana;
	font-size: 24px;
	font-weight: bold;
	color: #003333;
}

#header-loginStatus {
	float: right;
	text-align: left;
	line-height: 160px;
	height: 100px;
	vertical-align: baseline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#header-separadorVertical40pixeles {
	height: 100px;
	width: 40px;
	float: left;
}

#header-separadorVertical60pixeles {
	height: 100px;
	width: 60px;
	float: right;
}

/***************************************************************/
	/* CLAVE default ARCHIVO ctraweb_default.tpl
/****************************************************************/
#default-Header {
	background-color: white;
}

#default-MenuVersionCtraweb {
	color: #CCCCCC;
	/*float: none;*/
	right: 10px;
	bottom: 10px;
	font-size: 9px;
}

#default-MenuWrapper {
	text-align: center;
	width: 100%;
}

#default-MenuWrapperCenter {
	width: 90%;
}

.default-MenuWrapperWindow {
	border: 0px;
	text-align: left;
	width: 100%;
}

.default-MenuWrapperWindowTopLeft {
	text-align: right;
}

.default-MenuWrapperWindowTopCenter {
	background-image:
		url("/ctraweb/images/default/ui/plegableMenu/bgTabla.png");
	background-color: white;
	background-repeat: repeat-y;
	background-position: right;
	height: 16px;
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 0;
	border: 0;
}

.default-MenuWrapperWindowTitle {
	float: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
}

.default-MenuWrapperWindowTopCenterButtons {
	float: right;
	cursor: pointer;
}

.default-MenuWrapperWindowTopCenterButtonUp {
	background-image:
		url("/ctraweb/images/default/ui/plegable/buttonUp.gif");
	width: 16px;
	height: 16px;
}

.default-MenuWrapperWindowTopCenterButtonDown {
	background-image:
		url("/ctraweb/images/default/ui/plegable/buttonDown.gif");
	display: none;
	width: 16px;
	height: 16px;
}

.default-MenuWrapperWindowMiddle {
	background: #D6DFF7;
	border-bottom: #D6DFF7 solid 1px;
	border-left: #FFFFFF solid 1px;
	border-right: #CAD4F6 solid 1px;
}

.default-MenuItemEnabled {
	color: #0000FF;
	text-decoration: underline;
	cursor: pointer;
	font-family: Verdana;
	font-size: 10px;
}

.default-MenuItemDisabled {
	font-size: 10px;
	font-family: Verdana;
	color: #666666
}

/***************************************************************/
CLAVE cambiaImpo  ARCHIVO vistas_cambiarImportador.tpl
     /****************************************************************/
	#cambiaImpo-tablaSeleccionar {
	background-color: white;
}

#cambiaImpo-WindowTopCenter {
	width: 100%;
	background:
		url('/ctraweb/images/default/ui/plegable/backgroundTopVentana.png');
	background-repeat: repeat-x
}

#cambiaImpo-botonesPlegables {
	float: right;
	width: 20px;
	cursor: pointer;
}

#cambiaImpo-lblSeleccioneCliente {
	float: left;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF
}

#cambiaImpo-tdZonaPlegable {
	width: 100%;
	border-bottom: #6E89DD solid 1px;
	border-left: #6E89DD solid 1px;
	border-right: #6E89DD solid 1px;
	border-bottom: #6E89DD solid 1px;
	background-color: #FFFFFF;
}

#cambiaImpo-radiosImportadores {
	overflow: scroll;
	height: 350px;
	text-align: left;
	background-color: #FFFFFF;
}

/***************************************************************/
CLAVE bb  ARCHIVO vistas_busquedaBasica.tpl
     /****************************************************************/
	#bb-tblVistasDisponibles {
	background-color: #FFFFFF;
	width: 100%;
}

.bb-lblTitleWindow {
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF;
	float: left;
}

.bb-divBotonesPlegables {
	float: right;
	width: 20px;
	cursor: pointer
}

.bb-tblCenter {
	border-bottom: #6E89DD solid 1px;
	border-left: #6E89DD solid 1px;
	border-right: #6E89DD solid 1px;
	background-color: #FFFFFF;
}

#bb-zonaPlegableVistasDisponibles {
	text-align: center;
	width: 100%;
}

#bb-radiosVistasDisponibles {
	width: 98%;
	border: #CCCCCC 2px solid;
	text-align: left;
	overflow: scroll;
	height: 340px;
}

.bb-divWrapperVistaGroup {
	width: 90%;
}

.bb-divVistaGroupTitle {
	width: 100%;
	background: url("/ctraweb/images/vista_frm/bgGroupVistas.png");
	background-repeat: repeat-x;
	color: #003366;
	font-size: 11px;
	font-weight: bolder;
}

.bb-lblVistaGroupTitle {
	background-color: #FFFFFF;
}

.bb-divWrapperVista {
	width: 100%;
}

.bb-divRadioVista {
	float: left;
}

.bb-lblNombreVista {
	color: #2450C4;
	font-size: 10px;
	font-weight: bolder
}

.bb-lblDescripcionVista {
	color: #000000;
	font-size: 10px;
}

.bb-WrapperBusquedaAvanzada {
	width: 100%;
	padding: 5px;
}

.bb-btnBusquedaAvanzada {
	width: 150px;
	height: 18px;
	text-align: center;
	float: right
}

.bb-tblVistasDisponiblesCenter {
	width: 100%;
	background-color: #FFFFFF;
}

.bb-tblTopCenter {
	width: 100%;
	background:
		url("/ctraweb/images/default/ui/plegable/backgroundTopVentana.png");
	background-repeat: repeat-x;
}

#bb-lblBusquedaEmbarques {
	float: left;
	font-size: 12px;
	font-weight: bolder;
	color: #FFFFFF
}

.bb-lblBusquedaBasica {
	color: #2450C4;
	font-size: 10px;
	font-weight: bolder;
	text-decoration: underline
}

#bb-lblDatosPedimento {
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold
}

.bb-lblEncontrarConElValor {
	color: #1E42A4;
	font-size: 10px;
}

#bb-tblCriterios {
	width: 100%;
	background-color: #FFFFFF;
}

#bb-tblOrdenarPor {
	width: 100%;
	background-color: #FFFFFF;
}

.bb-linkAccion a {
	font-weight: bolder;
	color: #4B6FD6;
}

/***************************************************************/
vistas_busquedaAvanzada.tpl clave ba
     /****************************************************************/
	.ba-sqlFilterSetGroup {
	border: thin solid #000000;
	background-color: #D6DFF7;
	text-align: center;
}

.ba-sqlFilterSet {
	border: thin dotted #666666;
	background-color: #EEF0FC;
	text-align: right;
	height: 30px;
}

.ba-sqlFilterSetValueContainer {
	background-color: #EEF0FC;
}

.ba-sqlFilterSetInValueContainer {
	text-align: right;
}

.ba-sqlFilterSetValueContainerLeft {
	float: left;
	padding: 2px;
}

.ba-sqlFilterSetValueContainerRight {
	float: left;
	padding: 2px;
}

#ba-busquedaAvanzada {
	text-align: center;
}

/***************************************************************/
Util clave util
     /****************************************************************/
	.separador20Pixeles {
	width: 100%;
	height: 20px;
}

.util-separador40pixeles {
	width: 100%;
	height: 40px;
}

.util-separador40pixeles {
	width: 100%;
	height: 40px;
}

.util-titleWrapper {
	font-family: Verdana;
	top: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	background-color: #FFFFFF;
	layer-background-color: #FFFFFF;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.util-titleWrapperTitle {
	font-size: 18px;
	font-weight: bold;
	text-align: left;
}

.util-titleWrapperRightMessage {
	color: #2450C4;
	font-size: 11px;
	font-weight: bolder;
	float: right;
	padding: 10px;
}

.util-titleWrapperLblClienteSeleccionado {
	font-size: 8px;
	font-weight: normal;
	text-align: left;
}

.util-titleWrapperSubTitle {
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}

.util-Menu {
	font-family: Verdana;
	background-color: #6E89DD;
	text-align: center;
	font-size: 11px;
	width: 100%;
	text-align: center
}

.util-frmbotones {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #21536A;
	background-color: #dde4ea;
	margin-left: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	cursor: pointer;
}

.util-frmbotones a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #21536A;
	text-decoration: none;
}

.util-frmcampos {
	font-family: Verdana;
	font-size: 11px;
	color: #006699;
	background-color: #FEFFF4;
	margin-left: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #F0F0F0;
	border-bottom-color: #F0F0F0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9E9E9E;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9E9E9E;
}

/***********************************
*      Administrador de usuarios    *  
*********************************/
#au-radioImportador {
	height: 200px;
	overflow: scroll;
	font-size: 9px;
}

#au-btnRestablecer {
	float: right;
}

#au-btnEnviarAgregarUsuario {
	float: right;
}

#au-cargandoAgregarUsuario {
	float: right;
}

.au-usuariosDeshabilitados {
	color: #CCCCCC;
}

.au-usuariosDeshabilitados {
	
}

#au-modificarImportadoresRadio {
	height: 180px;
	overflow: scroll;
	/*color:red;*/
	font-size: 9px;
}
#grid-emulation {
	height: 350px;
	overflow: scroll;
	/*color:red;*/
	font-size: 9px;
}
#container {
	width: 100%;
	text-align: center;
}

#left {
	float: left;
	width: 25%;
	text-align: left;
}

#Wrapper {
	padding: 5px;
}

#ContentLeft {
	padding: 0px;
}

#right {
	float: right;
	width: 75%;
	border-right-color: #000000;
	border-right-width: 2px;
}

#tituloMensajes {
	padding: 4px;
}

#imagenLogoPath {
	text-align: center;
}

#ContentRight {
	padding: 0px;
	border: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-top-style: solid;
	border-left-color: #000000;
	border-left-style: solid;
}

#leerMensajeTd {
	padding: 3px;
	border: 1px;
	border-right-color: #000000;
	border-right-style: solid;
	border-bottom-color: #000000;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-top-style: solid;
	border-left-color: #000000;
	border-left-style: solid;
}

#contentPlaceHolder {
	padding: 0px;
	border: 2px;
	border-right-color: #98C0F4;
	border-right-style: solid;
	border-bottom-color: #98C0F4;
	border-bottom-style: solid;
	border-top-color: #98C0F4;
	border-top-style: solid;
	border-left-color: #98C0F4;
	border-left-style: solid;
	background-color: #FFFFFF;
}

#ContentTitulo {
	width: 100%;
	background-image: url("/ctraweb/images/mensajes/fondoTitulo.png");
	text-align: left;
	padding: 3px;
	font-weight: bold;
}

#PrincipalContent {
	text-align: left;
	padding: 5px;
}

.botones32 {
	width: 100px;
	text-align: center;
	float: left;
	padding: 5px;
}

.tituloTexto {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #003333;
}
/* Modulo Mensajes */

.mensajeError {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #CC0000;
	color: #FFFFFF;
	z-index: 1;
}

.mensajeInformativo {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #CCCC33;
	color: #FFFFFF;
	z-index: 1;
}

.mensajeCorrecto {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #009933;
	color: #FFFFFF;
	z-index: 1;
}

#rep-navlist li {
	list-style-position: inside;
	list-style-type: circle;
}

/*Reportes*/
.rep-Campo {
	float: left;
	background: #CCCCCC;
	border-color: #000000;
	border-style: dashed;
	border-width: thin;
	padding: 3px;
}

#rp-reportWrapper {
	width: 100%;
	text-align: center;
}

#reportPreviewWrapper {
	text-align: center;
}

#rep-radiosReportesDisponibles {
	width: 99%;
	border: #CCCCCC 2px solid;
	text-align: left;
	overflow: scroll;
	height: 300px;
}

#rep-filtros {
	text-align: left;
}

.rep-filtroCampo {
	padding: 10px;
}

#camposParaSeleccionar {
	padding: 10px;
}

#rep-wrapper-ejecucion {
	text-align: left;
	width: 99%;
	border: #CCCCCC 2px solid;
	text-align: left;
	overflow: scroll;
	height: 300px;
}
#rep-wrapper-int-ejecucion{
	width: 90%;
	padding: 10px;
}

#rep-wrapperTipoReporte{
	padding: 10px;
}

#reporteador_selectTodos{
	font-weight: bolder;
}