/*--------------------------------- GENERALES ---------------------------------*/
	body {background: #444; margin: 0px; padding: 0px;}
	body * {font-family: "Trebuchet MS"; font-size: 10pt;}
	small {font-size: 7pt;}
	.clear {clear: both;}
	p {margin: 0px 0px 10px 0px;}
	a {text-decoration:none; color: #1e6386;}
	a:visited {text-decoration:none; color: #1e6386;}
	a:hover {text-decoration:none; color: #ff8b13;}
	a img {border: 0px none; vertical-align: middle;}
	a[disabled] {pointer-events: none; -webkit-filter: grayscale(100%);}
	label {cursor: pointer;}
	hr {border-color: #bbb; border-top: 0px none;}
	.padding-5 {padding: 5px;}
	.blue {color: blue}
	.format-decimal, .format-entero {text-align: right}
	.decimal {text-align: right; }
	.decimal::after {content: "\00a0\00a0"}
	.tecla {float: right; color: #900; font-size: 12pt; font-style: italic; margin: 4px 0px 4px 0px;}
	.campo-buscar {width: 90px;}

	.agregarrenglonsimilar {background: #efe; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 4px 0px; padding: 4px;}
	.highlight {background: #ddf !important}
	h1 {margin: 4px 0px 4px 0px; color: #1e6386; text-transform: uppercase; font-size: 14pt;}
	h2 {margin: 4px 0px 4px 0px; color: #1e6386; text-transform: uppercase; font-size: 11pt;}
		h2 b {font-size: 15px; color: white; background: #1e6386; padding: 0px 2px;}
	h3 {font-weight: bold; margin: 0px; font-size: 10pt;}
		h3 a {color: blue; text-decoration: none;}
	.ac_results {text-transform: none;}
	::-webkit-input-placeholder {font-style: italic;}
/*--------------------------------- JQUERY UI ---------------------------------*/
	.ui-widget{font-family:"Trebuchet MS"}
	.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:"Trebuchet MS"}
	.fc-button-prev .fc-button-content, .fc-button-next .fc-button-content {font-family: "Times New Roman"}

/*----------------------------------- INPUTS ----------------------------------*/
	input, textarea, button, select {font: normal normal normal 10pt "Trebuchet MS"; padding: 1px;}
	textarea {resize: none;}
	input,textarea,select {border: 1px solid #aaa;}
	input[type=checkbox], input[type=radio] {
		cursor:pointer;
		display: inline-block;
		font-size: 15px;
		line-height: 1em;
		padding: 0px;
		width: 22px;
		height: 22px;
		-webkit-border-radius: 0.25em;
		vertical-align: middle;
	}
	input[disabled],textarea[disabled],select[disabled] {color:#314f61; background-color:#f5f5f5;}
	.requerido {background: #ffeb7e;}
	input.requerido[disabled],textarea.requerido[disabled],select.requerido[disabled] {background-color: #fff8d0;}
	input[readonly] {background: #ddd;}
	input[readonly][disabled] {background-color: #eee;}
	.masked-fecha {width: 70px;}
	.masked-fecha-hora {width: 110px;}
	button {
		font-size: 10pt;
		border: 1px solid #aaa;
		padding: 2px 6px 2px 6px;
		cursor: pointer;
		border-radius: 3px;
		margin: 2px;
		background: -webkit-linear-gradient(bottom, #d2d2d2 30%, #f5f5f5 60%);
		background: -moz-linear-gradient(bottom, #d2d2d2 30%, #f5f5f5 60%);
		background: -o-linear-gradient(bottom, #d2d2d2 30%, #f5f5f5 60%);
		background: -ms-linear-gradient(bottom, #d2d2d2 30%, #f5f5f5 60%);
		background: linear-gradient(bottom, #d2d2d2 30%, #f5f5f5 60%);
	}
	button:hover, button.hover, button:active, button.active {
		background: -webkit-linear-gradient(bottom, #ff9e36 30%, #ffe4c6 60%);
		background: -moz-linear-gradient(bottom, #ff9e36 30%, #ffe4c6 60%);
		background: -o-linear-gradient(bottom, #ff9e36 30%, #ffe4c6 60%);
		background: -ms-linear-gradient(bottom, #ff9e36 30%, #ffe4c6 60%);
		background: linear-gradient(bottom, #ff9e36 30%, #ffe4c6 60%);
	}
	button:active, button.active {
		box-shadow: inset -1px 1px 6px #dd7c14;
	}
	button[disabled]:hover {cursor: default;}
	button[disabled], button[disabled]:active {
		background: #ccc;
		color: white;
		box-shadow: none !important;
		-webkit-filter: grayscale(100%);
	}

	.btn-group {
		font-size: 0;
		display: inline-block;
	}
	.btn-group button {
		margin: 0px;
		border-radius: 0px;
		border: 1px solid #aaa;
		border-right: 0px;
	}
	.btn-group button:active {
		box-shadow: inset -1px 1px 6px #dd7c14;
	}
	.btn-group > button:first-child {
		border-right: 0px;
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
	}
	.btn-group > button:last-child {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
		border-right: 1px solid #aaa;
	}
	.btn-group > button:first-child:last-child {

	}



	.ayuda {border: 2px solid #cc5; border-radius: 5px; padding: 5px; background: #ffd; margin-top: 10px;}
	.ayuda h1 {background: url("../images/lamp_24.png") no-repeat left center; text-indent: 30px; color: #4d4e21;}
	.ayuda p {color: #332f28; margin: 0px 0px 2px 30px;}

/*-------------------------------- FORMULARIOS --------------------------------*/
	table#formulario .sector {background: url('../images/fondosectorcampo.gif') no-repeat top;; padding: 4px; margin-bottom: 4px;}
	table#formulario .sector .titulo {color: darkblue;  font-weight: bold;}
	table#formulario .sector .descripcion {font-size: 9pt; color: #777}
	table#formulario .campoinline {}
	table#formulario .campogrande {font-size: 12pt; font-weight: bold;}
	table#formulario .separador-h {border-top: 1px solid #888; margin-top: 2px; margin-bottom: 2px;}
	table#formulario .campoinline td.titulo {width: 200px; color: #314f61; font-weight: bold; border-bottom: 1px dotted #888; vertical-align: top}
	table#formulario {width: 100%;}
	table#formulario td.titulo {font-weight: bold; color: #314f61;}
	table#formulario td.descripcion {color: #666; font-size: 8pt;}
	table#formulario td.campo {padding: 2px;}
	table#formulario tfoot td {text-align: right;}
	table#formulario td.separador {color: white; font-weight: bold; background: #6F9CB7; padding: 6px;}
	.formulariosimple {width: 700px;  float: left;}
	div.caja-campos {margin-bottom: 8px; width: 100%; border-bottom: 1px solid #bbb; float: left; padding: 3px 0px;}
	div.caja-campos.pie {border-bottom: 0px;}
	div.div-campo {float: left; margin-right: 18px;}
	div.div-campo div.titu-campo {padding: 0px 0px 0px 2px; font-size: 9pt;}
	div.div-campo div.cont-campo {}
	div.div-campo div.cont-campo textarea {width: calc(100% + 31px); margin-right: -18px;}
	div.pie-form {float: right; width: auto; text-align: right;}

/*---------------------------------- LISTADOS ---------------------------------*/
	table#listado {width: 100%; font-size: 12px; border-collapse: collapse; background: transparent; border: 1px solid #aaa;}
	table#listado tr {
		background: -webkit-linear-gradient(top, #fdfdfd 80%, #eee);
		background: -moz-linear-gradient(top, #fdfdfd 80%, #eee);
		background: -o-linear-gradient(top, #fdfdfd 80%, #eee);
		background: -ms-linear-gradient(top, #fdfdfd 80%, #eee);
		background: linear-gradient(top, #fdfdfd 80%, #eee);
	}
	table#listado tr:hover {
		background: -webkit-linear-gradient(top, #e6eef3 80%, #c9d1d6);
		background: -moz-linear-gradient(top, #e6eef3 80%, #c9d1d6);
		background: -o-linear-gradient(top, #e6eef3 80%, #c9d1d6);
		background: -ms-linear-gradient(top, #e6eef3 80%, #c9d1d6);
		background: linear-gradient(top, #e6eef3 80%, #c9d1d6);
	}
	table#listado tr.resaltar, table#listado tr.focus {
		background: -webkit-linear-gradient(top, #d5dde2 80%, #b8b4b9);
		background: -moz-linear-gradient(top, #d5dde2 80%, #b8b4b9);
		background: -o-linear-gradient(top, #d5dde2 80%, #b8b4b9);
		background: -ms-linear-gradient(top, #d5dde2 80%, #b8b4b9);
		background: linear-gradient(top, #d5dde2 80%, #b8b4b9);
	}
	table#listado td.hidden {padding: 0px; width: -3px;}
	table#listado td.hidden input {position: absolute; left: -100px;}
	table#listado thead td {color: #000;font-size: 10pt;background: #d0dfe8;border-bottom: 1px solid #999;padding: 4px 0px;}
	table#listado tbody td {padding: 4px 3px 4px 1px;}
	table#listado tfoot {border-top: 1px solid #aaa;}
	table#listado tbody td.foco,table#listado thead td.foco {width: 0px; padding: 0px;}
		input.foco {position: absolute; opacity: 0;}

	div#buscador { border: 2px solid #CCC; padding: 8px; margin-bottom: 5px; background: #eee; -webkit-border-radius: 4px; }
	div#buscador div.interno {}
	div#buscador div.caja-campos {border-bottom: none;}
	div#buscador .btn-group {float: right; margin-top: 12px;}

/*--------------------------------- ELEMENTOS ---------------------------------*/
	div.tabs {padding: 0px 3px 0px 3px; float: left;}
	div.tabs a {background: #eee; color: #666; width: auto; float: left; padding: 4px 10px; margin-right: 2px; -webkit-border-radius: 5px 5px 0px 0px;}
	div.tabs a img {opacity: 0.5;}
	div.tabs a.selected,div.tabs a:hover {background: #ccc; height: 20px; color: black;}
	div.tabs a.selected img,div.tabs a:hover img {opacity: 1}
	#tabs {margin: 0px; font-size: 10pt; width: 968px;}
	#tabs .contenidotab {padding: 4px}
	#tabs div.div-campo div.cont-campo textarea {width: calc(100% + 23px); margin-right: -18px;}
	#tabs ul {border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;}
	div#contenedor {width: 1200px; min-height: 600px; float: left;}
	table#contenedor {height: 500px; border-collapse: collapse; border-bottom: 1px solid #ddd; margin-top: 23px;}
	#principal {width: 976px; padding: 12px; background: white; vertical-align: top;}
	#menu-lateral {width: 180px; padding: 10px; background: #ddd; vertical-align: top;}
	#sistemas_gsl {clear: both; padding: 10px 0px; color: white; font-size: 9pt; background: #999;text-align: center; border-bottom: 1px solid #666;}
	.GB_Window .caption, .GB_Window .close span {text-transform: uppercase;}
	#fondologin {background: url('../images/fondologin.jpg') no-repeat top center; width: 800px; height: 300px; margin-top: 60px; border-radius: 20px; box-shadow: 2px 2px 5px #888;}
	#marca {width: 100%; height: 136px;}
	#marca_img {margin: 0px auto; padding: 40px 0px 10px 0px;}
	#marca_txt {float: left; text-align: left; margin-left: 20px; color: #1e6386;}
	#ingreso {width: 510px; float: right; margin-top: 20px; text-align: left;}
	#vias_contacto {float: right; margin-top: -35px; opacity: .3;}
	#widget-usuario-activo {float: right; margin: 5px; padding: 10px; background: #4b7995; color: white}
	.widget-lateral {background: url('../images/wdg-derecha-body.png') repeat-y; margin-bottom: 10px}
	.widget-lateral-titulo {background: url('../images/wdg-derecha-top.png') no-repeat; color: white; font-size: 8pt; height: 19px}
	.widget-lateral-titulo p {margin: 0px; padding: 0px 5px}
	.widget-lateral-pie {background: url('../images/sombritadebajo.jpg') repeat-x top; height: 6px; margin-bottom: 5px;}
	.widget-lateral .dato {display: inline; font-size: 8pt;}
	.widget-lateral .dato2 {font-size: 8pt; color: #888; font-style: italic;}
	.widget-lateral a {font-size: 8pt;}
	#menu-lateral .widget-lateral a:hover {background: #4b7995;}
	.renglon {margin-bottom: 5px; /*z-index: 3;*/}
	.mensaje {color: #990000; background: #ffffdd; border: 1px solid #999;}
	#encabezadoseccion {padding: 10px 20px; background: url('../images/fondoencabezadoseccion.jpg'); width: 920px;}
	#encabezadoseccion h1 {color: black}
	#area-activa {float:left; width: 760px; background: white; padding: 10px;}
	#area-activa div.interno {padding: 0px;}
	#area-trabajo {border: 2px solid #ccc; padding: 8px; background: #eee; -webkit-border-radius: 4px;}
	#tabs #area-trabajo {border: 0px none; -webkit-border-radius: 0px; width: 948px; margin: 0px 4px;}
	/*#menu-lateral a {text-decoration: none; display: block; color: black; padding: 3px;}
	#menu-lateral a:hover {background: #8ebae9; color: white;}*/
	#menu-lateral div.titulo {border-bottom: 1px solid #527193; font-size: 9pt; color: #527193;}
	#menu-lateral-cuadroenlaces {padding: 7px}
	#menu-lateral-bordesuperior {}
	#menu-lateral-bordeinferior {}
	div.autocomplete {margin:0px; padding:0px; width:250px; background:#fff; border:1px solid #888; position:absolute;}
	div.autocomplete ul {margin:0px; padding:0px; list-style-type:none;}
	div.autocomplete ul li.selected {background-color: #55779c; color: white;}
	div.autocomplete ul li {margin:0; padding:2px; height:32px; display:block; list-style-type:none; cursor:pointer;}
	.paginadormini {float: left; width: 347px; margin: 10px 0px;border: 1px solid #A1BED0; margin-top: 7px; padding: 2px 5px 1px 5px;}
	.paginadormini a.ui-slider-handle { color: black; text-decoration: none; padding: 4px; display: block; float: left;}
	.paginadormini .izq {float: left; width: 25%;}
	.paginadormini .cen {float: left; width: 75%;}
	.paginadormini .slider {float: left; background: #ccc; height: 8px; margin-top: 5px; width: 250px; border-color: #444; cursor: pointer;}
	.paginadormini .ui-slider .ui-slider-handle {border-color: #444; width: 1em; height: 1em; cursor: pointer;}
	.paginadormini .irapagina {float: left; font-size: 8pt; padding: 1px 0px 0px 15px}
	#widget-busqueda-alfabetica {float: left; margin: 10px 0px; font-size: 9pt; margin-right: 10px;}
	#widget-busqueda-alfabetica a {color: #4b7995; padding: 2px 2px; border: 1px solid #a1bed0; text-decoration: none}
	#widget-busqueda-alfabetica a.letras {color: #4b7995; padding: 2px 3px; border: 1px solid #a1bed0; text-decoration: none}
	#widget-busqueda-alfabetica a.seleccionada {color: white; background: #888; border: 1px solid #ccc; }
	#widget-busqueda-alfabetica a:hover {color: #e6eef3; border: 1px solid #4b7995; text-decoration: none; background: #4b7995}
	.descripcion {background: #ffd url("../images/info_16.png") no-repeat 2px center; padding: 5px 5px 5px 20px; color: #444; font-size: 11px;}
	.tooltip {position: absolute; border: 1px solid #888; background: #feffe1; -webkit-border-radius: 4px; -webkit-box-shadow: #999 3px 3px 3px; padding: 4px;}
	#cargando {font-size:12px; position:fixed; left: 712px; top: 42px; padding: 4px; background: white; width: 242px; z-index: 2; text-transform: uppercase; border: 1px solid #666; -webkit-box-shadow: 5px 5px 5px #999;-webkit-border-radius: 4px;}
	#cargando span {font-weight: bold;}
	#loading {display: none; background: url("../images/overlay.png"); position: fixed; margin: auto; top: 0; left: 0; z-index: 100; width: 100%; height: 100%;}
	#loading div {display:-webkit-box; -webkit-box-orient:horizontal; -webkit-box-pack:center; -webkit-box-align:center; margin: auto; top: 0; left: 0; z-index: 100; width: 100%; height: 100%;}
	#loading div img { -webkit-animation-name: spinnerRotate; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;}
	@-webkit-keyframes spinnerRotate {
		from {-webkit-transform:rotate(0deg);}
		to {-webkit-transform:rotate(360deg);}
	}

	.alerta 		{background: #FFFBF3 url("../images/info_16.png") no-repeat 5px 6px; padding: 3px 5px 5px 26px; margin-bottom: 10px; margin-right: 10px; border: 1px solid #999; border-radius: 10px; box-shadow: 3px 3px 6px #999; float: left;}
	.alerta_critica {background: #FFEEEE url("../images/alert_16.png") no-repeat 5px 6px; padding: 4px 6px 6px 26px; margin-bottom: 10px; margin-right: 10px; border: 1px solid #a00; border-radius: 10px; box-shadow: 3px 3px 6px #999; display: inline-block; font-weight: bold; float: left;}
	.gris {color: #888}

	.widget {}
	.widget-titulo {
		background:#4b7995;
		background:-webkit-linear-gradient(bottom,#4b7995 30%,#5487a6 60%);
		background:-moz-linear-gradient(bottom,#4b7995 30%,#5487a6 60%);
		background:-o-linear-gradient(bottom,#4b7995 30%,#5487a6 60%);
		background:-ms-linear-gradient(bottom,#4b7995 30%,#5487a6 60%);
		background:linear-gradient(bottom,#4b7995 30%,#5487a6 60%);
		color: white; padding: 4px; border-radius: 5px 5px 0px 0px;box-shadow: 3px 3px 5px #888;}
	.widget-cuerpo {background-image:-webkit-linear-gradient(bottom , #ddd 0%, #fff 50%, #ddd 100%);; padding: 2px; border-bottom: 1px solid #999; box-shadow: 3px 3px 5px #888; margin-bottom: 10px;}
	.widget-cuerpo .mouse-hover {}
	.widget-cuerpo .mouse-hover:hover {background: #ccdef0; cursor: default;}

	.ui-tabs .ui-tabs-panel {padding: 0px;}
	.ui-sortable>* {cursor:url("../images/openhand.cur"),auto;}
	.ui-sortable>:active {cursor:url("../images/closedhand.cur"),auto !important;}

	.menues-inicio {background: #ddd; border-radius: 5px; padding: 10px; float: left;}
	.menu-inicio {float: left; border-radius: 5px; border-bottom: 1px solid #999; box-shadow: 3px 3px 5px #888; background: white; margin: 5px;}
	.menu-inicio .titulo {background: #1E6386; color: white; padding: 4px; border-radius: 5px 5px 0px 0px;}
	.menu-inicio .botones {padding: 4px; background: #f5f5f5;}