/**/
/* Colours */
/**/
/* B7DDF2 */
/* 63CBF7 */
/* 59C1ED */
/* 4FB7E3 */
/* 3199C5 */
/* 147AAD */
/* 006699 */
/**/
/* Body */
/**/
body {
	margin-top: 18px;
	color: #333;
}

a {
	color: #39b54a;
}

a:hover {
	color: #600;
}

small {
	color: #555555;
}

.container {
	width: 980px;
}

/**/
/* Header */
/**/
#header {
	width: 980px;
}

/**/
/* Logo */
/**/
#header_logo {
	padding-left: 15px;
}

#header_logo h1 {
	color: #000;
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
  background-size: contain;
	height: 140px;
}

/**/
/* Account */
/**/
#header_account {
	margin-top: 18px;
	text-align: right;
	padding: 68px 5px 0 15px;
	position: relative;
}

#header_account a {
	color: #999;
	text-decoration: none;
}

#header_account a:hover{
	text-decoration: underline;
}

#header_account a#link_proyecto {
	color: #000;
}

#header, #contenido, #footer {
	margin-left: 0;
}

/**/
/* Menu */
/**/

#header_menu {
	width: 960px;
	padding: 10px 5px 0 15px;
}

.menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu li {
	width: 116px;
	height: 36px;
	background: #C2DA4E url(images/overlay.png) repeat-x;
	float: left;
	display: inline;
	margin: 0 0 0 3px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}

.menu li.activo {
	background: #ECECEC;
}

.menu li a {
	width: 116px;
	height: 26px;
	color: #FFF;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 10px;
	font-size: 1.2em;
}

.menu li:hover {
	background: #ECECEC;
}

.menu li.activo a, .menu li a:hover, .menu li:hover a {
	color: #600;
	text-shadow: none;
}

.menu li ul li a:hover{
	text-decoration: underline;
}

.menu li ul {
	display: none;
	position: absolute;
	z-index: 9999;
	margin: 0;
	padding: 10px 0 5px;
	width: 200px;
  box-shadow: 0px 2px 2px #ccc;
  font-size: 0.9em;
  background: #ECECEC;
}

.menu li ul li {
	width: 100%;
	background-image: none;
	margin: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	height: auto;
	background: #ECECEC;
	padding-bottom: 3px;
}

.menu li ul li:hover {
	width: 100%;
	background-image: none;
	margin: 0;
	height: auto;
}

.menu li ul li a {
	width: auto;
	text-align: left;
	padding: 0 10px;
	height: auto;
}

.menu li:hover ul {
	display: block;
}

.menu li.activo:hover ul {
	display: block;
}


/**/
/* Menu modulos */
/**/
.menuModulos {
	position: absolute;
	top: -36px;
	right: -5px;
}

.menuModulos ul, .menuPrincipal {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menuModulos li {
	width: 116px;
	height: 36px;
	background: #FF8C00 url(images/overlay.png) repeat-x;
	float: left;
	display: inline;
	margin: 0 0 0 3px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.menuPrincipal li.bodega, .menuModulos li.bodega {background-color: #b3d344;}
.menuPrincipal li.comercial, .menuModulos li.comercial {background-color: #d8d00a;}
.menuPrincipal li.contable, .menuModulos li.contable {background-color: #38b54a;}

.menuModulos li.activo a, .menuModulos li:hover a {padding-top: 20px;}
.menuModulos li.activo {height: 50px;}

.menuModulos li a {
	width: 116px;
	color: #FFF !important;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 10px;
	font-size: 1.2em;
}

.menuModulos li:hover {
	height: 50px;
}

.menuModulos li ul {
	display: none;
}

.menuModulos li ul li {
	width: 100%;
	height: auto;
	font-size: 0.9em;
	margin: 0;
	background: transparent;
}

.menuModulos li:hover ul {
	display: block;
}

.menuModulos li:hover ul li {
	height: auto;
	padding: 0;
}

.menuModulos li ul li.last-item a {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	padding-bottom: 10px;
}


.menuModulos li:hover ul li a, .menuModulos li.activo ul li a {
	padding-top: 10px;
	text-align: left;
	padding-left: 10px;
	width: 106px;
}

#header_account .menuModulos li.bodega ul li a{
	background-color:#b3d344;}

#header_account .menuModulos li.comercial ul li a{
	background-color: #d8d00a;}

#header_account .menuModulos li.contable ul li a{
	background-color: #38b54a;}

/**/
/* Panel */
/**/
.menuPrincipal li {
	width: 200px;
	height: 76px;
	background: #FF8C00 url(images/overlay.png) repeat-x;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.2);
}

.menuPrincipal li:hover {
	background-image: none;
}

.menuPrincipal li a {
	width: 200px;
	height: 56px;
	color: #FFF !important;
	text-decoration: none;
	display: block;
	text-align: center;
	padding-top: 30px;
	font-size: 1.2em;
}

.menuPrincipal li a:hover {
	text-decoration: underline;
}

/**/
/* Ruta */
/**/
#ruta {
	margin-bottom: 18px;
}

#ruta a {
	text-decoration: none;
}

#ruta a:hover {
	text-decoration: underline;
}

/**/
/* Contenido */
/**/
.aviso_container {
	width: 550px;
  opacity: 0.9;
  position: fixed;
  top: 0;
}

.aviso_container #aviso {
	width: 530px;
	margin: 0 auto;
	position: relative;
	padding-right: 20px;
}

.aviso_container #cerrar {
	position: absolute;
	right: 0;
	top: 0;
}

.aviso_container #cerrar a {
	color: #514721;
	width: 16px;
	height: 16px;
	background: url(images/close.png);
	display: block;
}


thead th {
	background: url(images/ui-bg_glass_100_f6f6f6_1x400.png) repeat-x scroll 0 350px transparent;
}

#contenido {
	padding: 18px 5px 18px 15px;
	background: #ECECEC;
	width: 960px;
}

#contenido h2 {
	color: #000;
}

.success {
	text-align: center;
}

.boton {
	border: 0 none;
	background: #b3d344 url(images/overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0);
	position: relative;
	cursor: pointer;
	margin-right: 5px;
}

.boton:hover, .boton:focus {
	background-color: #9db93c;
	color: #FFF;
}

.boton:active {
	background-color: #9db93c;
	color: #FFF;
	color: rgba(255, 255, 255, 0.7);
}

#fancybox-title {
	background: #F1F1F1;
	color: #666;
}

#barra {
	margin-bottom: 18px;
}

.nuevo a, .agregar a {
	padding-left: 16px;
	background: url(images/plus.png) no-repeat 0 2px;
}

.nuevo a {
	background: url(images/add-item.png) no-repeat 0 2px;
}

ul.ui-autocomplete {
	max-height: 300px;
	overflow: auto;
	z-index: 9999;
}

ul.ui-autocomplete li, ul.ui-autocomplete li a {
	z-index: 9999;
}

/**/
/* Grid */
/**/
#grid_container {
	margin-bottom: 18px;
}

.grid {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 0;
}

.grid th {
	cursor: pointer;
}

.grid tr.even td {
	background: #F2F2F2;
}

.grid td {
	vertical-align: top;
	background: #FFF;
}

.grid .ids {
	font-size: .8em;
	font-weight: 700;
	display: block;
}

.grid table.materiales {
	margin: 0;
	width: 100%;
	vertical-align: baseline;
}

.grid .materiales tr:hover td,.grid .materiales tr.even:hover td {
	background: #F9F5E7;
}

.grid table.materiales td {
	padding-top: 0;
	padding-bottom: 2px;
}

.grid table.materiales .cantidad, .grid table.materiales .unidad {
	padding-right: 0;
	vertical-align: bottom;
}

.grid table.materiales .sigue {
	text-align: center;
	padding-bottom: 0;
	font-size: 0.85em;
	color: #333333;
}

.grid .cantidad {
	text-align: right;
	width: 50px;
}

.grid .unidad {
	width: 30px;
	font-size: .9em;
	vertical-align: bottom;
}

.grid td.nombre {
	font-size: 1.2em;
	font-weight: 300;
}

.grid .permitido, .grid .denegado {
	height: 1em;
	display: block;
	margin-left: 70px;
}

.grid .permitido {
	background: url(images/check.png) no-repeat;
}

.grid .denegado {
	background: url(images/denied.png) no-repeat;
}

.grid td.accion span {
	padding: 0 5px;
}

#reporte {
	margin-top: 18px;
}

#reporte #opcion {
	float: right;
	margin-bottom: 15px;
}

.criterio#empresa span.titulo {
	float: left;
    font-size: 11px;
    font-weight: bold;
    padding-top: 9px;
}

#lista_facturas {
	display: none;
	float: left;
	width: 210px;
	margin-left: 110px;
	border: 1px solid #BBBBBB;
	font-size: 10px;
}

#lista_facturas p {
	margin: 0 4px;
}

#lista_facturas table {
	margin: 0;
}

#lista_facturas table td, #lista_facturas table th {
	padding: 2px 4px;
	font-size: 10px;
}

#mostrar_facturas a {
	display: none;
}

#mostrar_facturas {
	padding-right: 18px;
    text-align: right;
}

#grafico {
	width: 940px;
	height: 300px;
	margin-bottom: 36px;
	display: none;
}

#grafico table {
	width: auto;
	background: transparent;
}

#stock tr.alerta td {
	background: #FBE3E4;
}

.dataTables_wrapper input, .dataTables_wrapper select {
	float: none;
	padding: 0;
	margin: 0;
	width: auto;
	max-width: 90px;
}

.dataTables_wrapper input{
}

#permisos input[type="checkbox"] {
	width: 150px;
}

h6 {
	color: #F1F1F1;
}

#encabezado {
	width: 940px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

.encabezado_logo {
	width: 240px;
	text-align: center;
}

.encabezado_logo img {
  max-height: 200px;
  max-width: 200px;
  width: auto !important;
  height: auto !important;
}

.encabezado_titulo {
	border-right: 1px solid #CCCCCC;
	text-align: center;
	vertical-align: middle;
}

.encabezado_meta {
	padding: 0;
	width: 240px;
}

.encabezado_meta table {
	border-collapse: collapse;
	margin-bottom: 0;
}

.encabezado_meta td, .encabezado_meta th {
	border: 1px solid #CCCCCC;
}

.encabezado_meta th {
	width: 100px;
}

.materiales_imprimir {
	width: auto;
	border-collapse: collapse;
	border: 1px solid #CCCCCC;
}

.materiales_imprimir .id {
	width: auto;
}

.materiales_imprimir td, .materiales_imprimir th {
	border: 1px solid #CCCCCC;
	background: transparent;
}

.entregado {
	font-size: 0.85em;
	padding-left: 15px;
	background: url('images/check.png') no-repeat;
	margin-left: 5px;
}

.no_entregado {
	background: url('images/x.png') no-repeat;
}

a.documento {
	padding-left: 20px;
	margin-left: 5px;
	background: url('images/document.png') no-repeat;
}

a#generar_cuotas {
	padding-left: 16px;
	background: url('images/cog.png') no-repeat 0 2px;
}

.box {
	background-color: transparent;
	margin: 0;
	padding: 0;
}

.cambiar_proyecto {
	display: none;
}

.cambiar_proyecto select {
	margin: 0;
}

.info_proyecto .small {
	margin-left: 5px;
}

#container_link_promesa {
	margin-bottom: 18px;
}

.valor_cuota, .saldo_cuota, .valor_pago, #total_cuotas, #total_saldo, #total_pagos, #total_abonos, .total_saldo {
	text-align: right;
}

td.valor, tfoot th.valor {
	text-align: right;
}

.comprobante #encabezado_titulo {
	text-align: center;
}

.comprobante span.label {
	font-weight: bold;
	padding: 4px 5px 4px 5px;
}

.comprobante span.valor {

}

.comprobante div {
	padding: 3px 0;
}

.comprobante .valores {
	float: left;
	width: auto;
	border: 0 none;
}

.comprobante .valores th ,.comprobante .valores td {
	text-align: right;
	width: auto;
}

.comprobante .recibio {
	border:0;
	width: auto;
	float: right;
}

.comprobante .fecha {
	text-align: right;
	vertical-align: bottom
}

td.valores {
	text-align: right;
}

td.saldo {
	border-top: 1px solid #666666;
}

#ventas_wrapper span.alerta {
	background: url("images/alerta.png") no-repeat scroll right 1px transparent;
	padding-right: 16px;
}

#editar_cuotas {
	margin: 0;
	display: inline;
	float: none;
}

table#cuentas td.nombre span {
	display: block;
}


/**/
/* Form */
/**/
.div_submit {
	border-top: solid 1px #BDB5A2;
	margin-bottom: 1em;
	padding-top: 17px;
}

form h3 {
	color: #000;
	padding-bottom: 5px;
	border-bottom: solid 1px #BDB5A2;
}

form label {
	display: block;
	text-align: right;
	width: 100px;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	clear: left;
}

form > span, form > div > span {
	float: left;
	width: 230px;
}

form .small {
	color: #666;
	display: block;
	font-weight: 400;
	text-align: right;
}

form input {
	float: left;
	padding: 4px 2px;
	width: 206px;
}

.input_mind {
	float: left;
	padding: 4px 2px;
	width: 150px;
}

form input[type="checkbox"], form input[type="radio"], form input[type="checkbox"].error, form input[type="radio"].error {
	width: auto;
}

form select {
	float: left;
	padding: 3px 2px;
	width: 212px;
}

form input.error {
	float: left;
	padding: 4px 2px;
	width: 206px;
	background-color: #ffeeee;
}

form textarea {
	float: left;
	padding: 4px 2px;
	width: 206px;
	height: 70px;
}

form #observaciones {
	margin-bottom: 18px;
}

form label.error {
	border: 1px solid #BDB5A2;
	clear: left;
	font-size: .9em;
	margin-bottom: 0;
	/*margin-left: 110px;*/
	padding: 3px 5px;
	position: relative;
	width: 200px;
	display: block;
}

form #slider {
	float: left;
	width: 140px;
	margin: 12px 11px 0 5px;
}

form #porcentaje {
	width: 30px;
	text-align: right;
}

form .info_cuotas {
	width: 100px;
}

.cuotas .label {
	text-align: right;
}

.form_footer label.error {
	margin-left: 0;
}

form div.form_footer {
	float: left;
	width: 230px;
	margin-bottom: 18px;
}

form div.form_footer_mat{
	width: 242px;
}

.lista_materiales .material {
	width: 150px;
}

#div_intereses .intereses {
	width: 70px;
}

#div_intereses label .small {
	padding-top: 8px;
}

form span.total_intereses {
	margin-left: 49px;
}

#div_intereses #total_intereses_input {
	width: 206px;
}

#estado_cuenta {
	margin-top: 1em;
}

form input.ui-autocomplete-loading, input.loading {
	background: url(images/ajax-loader.gif) no-repeat right center #FFFFFF;
}

.lista_materiales .cantidad, #div_intereses .tasa_interes {
	width: 30px;
}

.lista_materiales .unidad, #div_intereses .porcentaje {
	float: left;
	font-size: .8em;
	margin-left: 3px;
	overflow: hidden;
	padding-top: 10px;
	width: 20px;
	color: #666;
}

.lista_materiales input[type="checkbox"] {
	top: 0.6em;
}

.lista_materiales label.error {
	margin-left: 0;
	margin-bottom: 3px;
	position: static;
	width: 184px;
}

form div.agregar, form div.nuevo, form div.generar_cuotas {
	clear: both;
	text-align: right;
	padding-top: 3px;
	padding-right: 20px;
}

form #stock_lista, #permisos_lista {
	width: 420px;
	margin-bottom: 18px;
	float: left;
}

form .asiento_lista {
	float: left;
	margin-bottom: 18px;
}

.asiento_lista input {
	margin-left: 10px;
}

.asiento_lista input:first-child {
	margin-left: 0;
}

.asiento_lista label {
	clear: none;
	text-align: left;
}

.asiento_lista label span {
	text-align: left;
}

form .asiento_lista > span {
	width: 100%;
}

.asiento_lista input.moneda, .asiento_lista input.total, .asiento_lista input.unidad {
	width: 110px;
}

form .label {
	float: left;
	font-size: .85em;
	font-weight: 700;
	margin: 0 5px;
	padding-top: 10px;
}

#form_reporte .criterios {
	float: left;
	width: auto;
	margin-bottom: 18px;
}

div.criterios div.agregar {
	padding-right: 0;
}

#form_reporte .criterios_campos {
	margin-left: 5px;
	float: left;
}

#form_reporte .fecha {
	width: 80px;
}

#form_reporte div.criterio {
	display: block;
	clear: left;
}

#form_concepto #cuentas label {
	width: auto;
}

#form_concepto #cuentas label.error {
	margin: 0;
}

#form_concepto label.for_radio, #form_concepto label.for_radio label {
	clear: none;
}

.eliminar_item, .eliminar_empresa{
	float: left;
	width: 12px;
	margin-left: 5px;
	margin-top: 12px;
	background: url(images/minus.png) no-repeat;
	cursor: pointer;
}

.campos {
	float: left;
	width: 420px;
	margin-bottom: 18px;
}

.campos input[type="checkbox"]{
	top: -2px;
	width: auto;
	margin-right: 3px;
}

.campos label {
	clear: none;
	width: auto;
	margin: 0;
}

.dataTables_filter input {
	padding: 2px;
	font-size: 0.85em;
	max-width: none;
}

#tabla_cuotas_wrapper tr td .eliminar, #cuotas_wrapper tr td .eliminar {
	background: none;
	padding-left: 12px;
	margin-right: 10px;
}

#tabla_cuotas_wrapper tr:hover td .eliminar, #cuotas_wrapper tr:hover td .eliminar {
	background: url(images/minus.png) no-repeat 0 1px;
	cursor: pointer;
	padding-left: 12px;
	margin-right: 10px;
}

#pagos_container h3 {
}

#pagos_container .nuevo {
	float: right;
}

.moneda, .total, .valor, .retencion, #total_valor, #total_retencion {
	text-align: right;
}

form .nuevo label {
	clear: none;
	width: 100px;
}

form .nuevo label.error {
	width: 200px;
}

form .nuevo input {
	width: 94px;
	text-align: right;
	float: left;
	/*background: #F3F3F3;*/
}

form label.listo {
	background: url("images/check.png") no-repeat scroll 0 21px transparent;
}

#valor_sugerido {
	text-align: right;
	font-size: 0.9em;
	margin-right: 20px;
	display: none;
}

form #formulario {
	margin-top: -70px;
}

#mensaje_total {
	color: #FF0000;
}

#form_concepto #cuentas td.cantidad {
	width: 260px;
}

#form_concepto #cuentas td.accion {
	width: 70px;
}

#form_concepto #cuentas td.cantidad span, #form_concepto #cuentas td.accion span {
	padding-top: 7px;
	display: block;
	float: left;
	margin-left: 10px;
}

.eliminar a {
	background: url(images/minus.png) no-repeat 0 2px;
	cursor: pointer;
	padding-left: 12px;
}

table#lista_cuentas td.cuenta {
	width: 250px;
}

table#lista_cuentas td.tipo {
	width: 100px;
}

table#lista_cuentas td.D {
	text-align: left;
}

table#lista_cuentas td.C {
	text-align: right;
}

table#lista_cuentas td.cantidades {
	text-align: right;
	padding-right: 20px;
}

table#lista_cuentas td {
	border-bottom: 1px solid #CCCCCC;
}

#opciones_cheque {
	clear: left;
}

.templates {
	display: none;
}

.no-padding, .no-padding td, .no-padding th {
	padding: 0;
}

.no-margin {
	margin: 0;
}

.boton.disabled {
	opacity:0.5;
	cursor: default;
}

#grid_container .ui-state-disabled {
	background-color: rgba(224, 224, 224, 1);
}

#sugerencias_container {
	color: #666666;
}

#sugerencias_container ul {
	margin-left: 0;
	padding-left: 0;
}

#sugerencias_container li {
	list-style-type: none;
}

.DTTT_PrintMessage {
	margin-bottom: 1em;
}

.dataTables_wrapper span.nombre_puc, .dataTables_wrapper span.codigo_puc, .dataTables_wrapper span.valor_puc {
	white-space: nowrap;
	display: block;
}

.asientos_registros .nombre_puc {
	white-space: nowrap;
}

.dataTables_wrapper span.codigo_puc, .dataTables_wrapper span.valor_puc, .asientos_registros .codigo_puc, .asientos_registros .valor_puc  {
	text-align: right;
}

#guardar_entregado, #guardar_escriturado {
	font-size: 11px;
	margin-left: 5px;
	padding: 5px;
}

ul.ui-autocomplete {
	/*z-index: 3 !important;*/
}

table#cuotas input, table#cuotas select {
	font-size: 10px;
}

#activar_retefuente {
	float: left;
	margin-top: 10px;
	padding-right: 16px;
  background: url("images/arrow_down.png") no-repeat right 3px;
  text-align: right;
}

table#ventas td, table#ventas tfoot th {
	font-size: 11px;
}

table.grid td.accion a {
	visibility: hidden;
}

table.grid tr:hover td.accion a, table.grid tr.hover td.accion a {
	visibility: visible;
}

/*
.grid tr td:last-of-type, .grid tr th:last-of-type {
	display: none;
}

.grid td.accion {
	position: absolute;
	border: 1px solid #CCC;
	border-left: 0 none;
}

.grid tr:hover td.accion, .grid tr.hover td.accion {
	display: inline;
}
*/

label.disabled {
	opacity: 0.7em;
}

.pusher-chat-widget ul.activity-stream li .timestamp {
	margin-left: 5px;
}

#estado_edit .date {
	width: 80px;
}

/**/
/* Footer */
/**/
#footer {
	background: #A7A9AC;
	color: #F1F1F1;
	padding: 18px 15px;
	width: 950px;
}

#footer_content #cotecna {
	float: right;
}

#footer_content #footer_info {
	float: left;
}

#footer_content #footer_info h3 {
	color: #fff;
}

#footer_content #cotecna img {
	height: 90px;
}

.dataTables_filter label {
	display: inline;
	float: none;
	margin: 0;
	width: auto;
}

#footer_info a {
	color: #B3D344;
}

/**/
/* Tabla inmuebles disponibles */
/**/
#tabla_disponibles {
	font-size: 13px;
	width: 600px;
	text-align: left;
	border: double;
	border-width:thin;
	border-color: #E2E2E2;
	border-collapse: collapse;
}

#tabla_disponibles td{
	border: double;
	border-width:thin;
	border-color: #E2E2E2;
}

.ui-widget-header {
	border: #b3d344;
	background-color: #b3d344;
}

/* En los estados financieros, para mostrar los valores negativos en rojo*/
span.saldo_negativo {
	color: #F00;
}

#lista_proyectos option {
  padding-left: 10px;
}

#lista_proyectos .todos {
  padding-left: 3px;
}

#lista_proyectos .proyecto-general {
	background-color: #ECECEC;
	padding-left: 3px;
}