/************ P I E     P A G I N A **************/
#piePagina {
  position: fixed;
  border-top: 1px solid #ddd;
  border-bottom: 4px solid #f5f5f5;
  background:#f5f5f5;
  width: 100%;
  left: 0px;
  bottom: 0px;
  text-align:center;
  color: #555;
  font-size: 10px;
  z-index:10000;
  opacity:0.75;
  filter:alpha(opacity:75);
}

.posicionarEncabezado{
  position: fixed;  
  top: 0px;
  left: 0px;  
}

#piePagina a:link, 
#piePagina a:hover,
#piePagina a:visited {
	text-decoration:none !important;
	color: #555 !important;	
}

/***********  G E N E R A L *********/
body.error{
	background:transparent url(images/bck_grdnt.jpg) repeat-x top;
}

select.small{
	max-width:80px;
}

select.medium-small{
	max-width:100px;
}

select.medium{
	max-width:200px;
}

select.big{
	max-width:300px;
}

body{
  margin: 0px;
  background-color:#ffffff;
  font-family: verdana, helvetica, sans-serif;
  color: #333333;
  font-size: 8pt;
}

input{
	background:#FFFFFF url(images/textfield-bg.gif) repeat-x scroll 0pt 1px;
	padding:0.3em;
}

input:focus{
	background:#ffffee url(images/textfield-focus-bg.gif) repeat-x scroll 0pt 1px;
}

input.boton, input.boton:hover, input.boton:focus, .thickbox{
  	BORDER: 0px;
	background:transparent;   
	vertical-align: middle; 
	*vertical-align: text-bottom;    
}

img{
	border:0px;
}

input.moneda,
input.numero,
input.porcentaje  {
	text-align:right;
}

input, 
textarea,
select,
option {	
	color:#161941;
	font-size:8pt;
}

input, 
textarea,
select{	
	border:1px solid #CDCDCD;
}

.permiteWrap{
	white-space: normal !important;
}

.totalDiaMonitoreo{
	font-weight: bold;
	text-align: right;
	font-size: 8pt;
	color: #084B8A !important;
}
/************  Contenedor Mensaje Error y Sesion Finalizada  ***********/
.appError{
	font-family:Arial,Helvetica,sans-serif;
	margin-left: auto;
	margin-right:auto;
	text-align:center;
	width:500px;
	height:auto;
	margin-top:110px;
}

.appError h1{
	font-size:13pt;
	font-weight:bold;	
}


.appError a, .appError a:hover{
	font-size:10pt;
	text-decoration:none;
	margin-top:10px;
	color:#ffffff;

}

/************  Mensajes de Dialogo  ********/

#mensaje {
	margin-top:10px;
	display:block;
	padding-left:40px;
	font-size:9pt;
	margin-left:auto;
	margin-right:auto;
	font-weight:bold;
	height: 32px;
	padding-top:10px;
}

#mensaje.info{
	background:transparent url(images/messages/info.png) no-repeat top left;
	color:#666666;
}

#mensaje.error{
	background:transparent url(images/messages/error.png) no-repeat top left;
	color:#660000;
}

#mensaje.warn{
	background:transparent url(images/messages/warn.png) no-repeat top left;
	color:#666666;
}


/******  Contenedores de Cajas de texto   ****/

#contenedorCajaEnTab{
	display:block;
	margin-left:0px;
	padding-top:0px;
	padding-bottom:0px;
}

#contenedorCajaEnTab table.tituloSobreCampoCaptura th{
	text-align:left;
}

#contenedorCajaEnTab.camposCapturaTituloSuperior table th{
	border-bottom: 2px solid;
}

#contenedorCajaCaptura{
	display:block;
	margin-left:0px;
	margin-top:0px;
	min-width:200px;
	margin-left: auto;
	margin-right:auto;

}

.capturaContrasena{
	width:600px;
}

.tipoCambioMonedas{
	width:400px;
}

.capturaUsuario{
	width:600px;
}

.editChequePrintFormat{
	width:400px;
}

.editEnterpriceBankMovement{
	width:1000px;
}

.editEditingBankMovement,
.editEditingEnterpriseMovement{
	width:730px;
}

.editBank{
	width:400px;
}

.editProductType{
	width:400px;
}

.editProductRange{
	width:400px;
}

.editProductBrand{
	width:400px;
}

.editCertificateNom{
	width:400px;
}

.editProductLine{
	width:420px;
}

.editProductSubLine{
	width:420px;
}

.editProduct{
	width:420px;
}

.capturaMoneda{
	width:780px;
}

.capturaMoneda .seccion{
	float:left;
	display:block;
	margin-right:10px !important;
}

.banksConfig{
	width:600px;
}

.controlAcceso{
	width:500px;
}

#contenedorCajaControl,
#contenedorCajaControlGridTree{
	display:block;
	min-width:150px;
	margin-left: auto;
	margin-right:auto;
}


.currencies{
	width:800px;;
}

.usuarios{
	width:650px;
}

.certificadosNom{
	width:630px;
}

.editableFormBlocked{
	width:300px;
}

.bankConciliation{
	width:850px;
}

.editBankConciliation{
	width:1000px;
}

.bankMovement,
.bankAccounts{
	width:800px;
}

.bankAccountsForAddBankTransaction{
	width:900px;
}

.reportHistoryAccountStatement{
	width:600px;
}

.reportDiotIetu{
	width:600px;
}

.reportCurrentAccountStatement{
	width:350px;
}

.bankMovementType{
	width:700px;
}

.productBrand{
	width:500px;
}

.productBySupplier{
	width:900px;
}

.productByNOMCertificate{
	width:900px;
}

.productLine{
	width:715px;
}

.productSubLine{
	width:700px;
}

.product{
	width:900px;
}

.productKit{
	width:1100px;
}

.bankMovementTypeNewEdit{
	width:500px;
}

.cheque{
	width:1080px;
}

.chequeNewEdit{
	width:500px;
}

.chequeFormats{
	width:400px;
}

.bancos{
	width:505px;
}

.productSearch{
	width:900px;
}

.productType{
	width:450px;
}

.productRange{
	width:458px;
}

.supplier{
	width:800px;
}

.reportsPurchases{
	width:450px;
}

.EditingBankMovement{
	width:1170px;
}

.historicBankMovement{
	width:1050px;
}

.contenedorFiltros{
	float:left;
	clear:left;
}

.contenedorFiltros.usuarios{
	width:280px;
}


.posicionarEncabezado,
.filtros, 
.filter,
.lista {
	width:100%;
	background:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.posicionarEncabezado,
.filtros th, 
.filter th,
.lista  th{
	padding:3px;
	border-bottom: 1px solid;
	font-weight:bold;
}

.posicionarEncabezado,
.filtros td,
.filter td,
.lista  td{
	padding:3px !important;
}

.posicionarEncabezado td,
.lista td{
	border-bottom:1px solid #999999;
	text-align:left;
	color:#666666;
}

td.sinBorde{
	border-bottom:0px !important;
}

td.ultimo{
		border-bottom:0px !important;
		height:99%;
}
posicionarEncabezado th,
filter th,
lista  th{
	text-align:center;
}


.filtros  th{
	text-align:left;
}


body.green #contenedorCajaEnTab table th,
body.green #contenedorCajaEnTab h1,
body.green #contenedorCajaCaptura table th,
body.green #contenedorCajaCaptura h1,
body.green #contenedorCajaControl table th,
body.green #contenedorCajaControl h1,
body.green #contenedorCajaControl a,
body.green #contenedorCajaControlGridTree h1,
body.green #contenedorCajaControlGridTree a,
body.green .posicionarEncabezado th,
body.green .lista th,
body.green .filter th,
body.green .filtros th{
		border-bottom-color: #003300 !important;
		color: #003300 !important;
}

body.blue #contenedorCajaEnTab table th,
body.blue #contenedorCajaEnTab h1,
body.blue #contenedorCajaCaptura table th,
body.blue #contenedorCajaCaptura h1,
body.blue #contenedorCajaControl table th,
body.blue #contenedorCajaControl h1,
body.blue #contenedorCajaControl a,
body.blue #contenedorCajaControlGridTree h1,
body.blue #contenedorCajaControlGridTree a,
body.blue .lista th,
body.blue .posicionarEncabezado th,
body.blue .filter th,
body.blue .filtros th{
	border-bottom-color: #00286A !important;
	color: #00286A !important;
}


body.navy #contenedorCajaEnTab table th,
body.navy #contenedorCajaEnTab h1,
body.navy #contenedorCajaCaptura table th,
body.navy #contenedorCajaCaptura h1,
body.navy #contenedorCajaControl table th,
body.navy #contenedorCajaControl h1,
body.navy #contenedorCajaControl a,
body.navy #contenedorCajaControlGridTree h1,
body.navy #contenedorCajaControlGridTree a,
body.navy .lista th,
body.navy .posicionarEncabezado th,
body.navy .filter th,
body.navy .filtros th{
	border-bottom-color: #00487D !important;
	color: #00487D !important;
}


body.red #contenedorCajaEnTab table th,
body.red #contenedorCajaEnTab h1,
body.red #contenedorCajaCaptura h1,
body.red #contenedorCajaControl table th,
body.red #contenedorCajaControl h1,
body.red #contenedorCajaCaptura table th,
body.red #contenedorCajaControl a,
body.red #contenedorCajaControlGridTree h1,
body.red #contenedorCajaControlGridTree a,
body.red .lista th,
body.red .filter th,
body.red .filtros th{
	border-bottom-color: #800000 !important;
	color: #800000 !important;
}

body.orange #contenedorCajaEnTab table th,
body.orange #contenedorCajaEnTab h1,
body.orange #contenedorCajaCaptura h1,
body.orange #contenedorCajaControl table th,
body.orange #contenedorCajaControl h1,
body.orange #contenedorCajaCaptura table th,
body.orange #contenedorCajaControl a,
body.orange #contenedorCajaControlGridTree h1,
body.orange #contenedorCajaControlGridTree a,
body.orange .lista th,
body.orange .filter th,
body.orange .filtros th{
	border-bottom-color: #4E2A00 !important;
	color: #4E2A00 !important;
}

body.purple #contenedorCajaEnTab table th,
body.purple #contenedorCajaEnTab h1,
body.purple #contenedorCajaCaptura h1,
body.purple #contenedorCajaControl table th,
body.purple #contenedorCajaControl h1,
body.purple #contenedorCajaCaptura table th,
body.purple #contenedorCajaControl a,
body.purple #contenedorCajaControlGridTree h1,
body.purple #contenedorCajaControlGridTree a,
body.purple .lista th,
body.purple .filter th,
body.purple .filtros th{
	border-bottom-color: #4B0082 !important;
	color: #4B0082 !important;
}
body.gray #contenedorCajaEnTab table th,
body.gray #contenedorCajaEnTab h1,
body.gray #contenedorCajaCaptura h1,
body.gray #contenedorCajaControl table th,
body.gray #contenedorCajaControl h1,
body.gray #contenedorCajaCaptura table th,
body.gray #contenedorCajaControl a,
body.gray #contenedorCajaControlGridTree h1,
body.gray #contenedorCajaControlGridTree a,
body.gray .lista th,
body.gray .posicionarEncabezado th,
body.gray .filter th,
body.gray .filtros th,
body.gray .lista a{
	border-bottom-color: #d9d9d9!important;
	color: #4D4D4D !important;
	/*font-weight: normal;*/
}

body.white #contenedorCajaEnTab table th,
body.white #contenedorCajaEnTab h1,
body.white #contenedorCajaCaptura h1,
body.white #contenedorCajaControl table th,
body.white #contenedorCajaControl h1,
body.white #contenedorCajaCaptura table th,
body.white #contenedorCajaControl a,
body.white #contenedorCajaControlGridTree h1,
body.white #contenedorCajaControlGridTree a,
body.white .lista th,
body.white .posicionarEncabezado th,
body.white .filter th,
body.white .filtros th{
	border-bottom-color: #00487D !important;
	color: #00487D !important;
}

tr.fondo0{
  background: #fff !important;
}

tr.fondo2{
  background: #DDDDDD !important;
}

body.green tr.fondo1{
  background: #F3FFE5 !important;
}

body.green tr.fondo0:hover, body.green tr.fondo1:hover{
  background: #d2e5bb !important;
}

body.blue tr.fondo1{
  background: #F0F9FF !important;
}

body.blue tr.fondo0:hover, body.blue tr.fondo1:hover{
  background: #99CCFF !important;
}

body.navy tr.fondo1{
  background: #F0F9FF !important;
}

body.navy tr.fondo0:hover, body.navy tr.fondo1:hover{
  background: #99CCFF !important;
}

body.red tr.fondo1{
  background: #FFE4E1 !important;
}

body.red tr.fondo0:hover, body.red tr.fondo1:hover{
  background: #FFF0F5 !important;
}

body.orange tr.fondo1{
  background: #FDF5E6 !important;
}

body.orange tr.fondo0:hover, body.orange tr.fondo1:hover{
  background: #FFE4C4  !important;
}

body.purple tr.fondo1{
  background: #D8BFD8 !important;
}

body.purple tr.fondo0:hover, body.purple tr.fondo1:hover{
  background: #DDA0DD  !important;
}

body.gray tr.fondo1{
  background: #e4ebf7 !important;
}

body.gray tr.fondo0:hover, body.gray tr.fondo1:hover{
  background: #efefef  !important;
}

body.gray tr.fondo2{
  background: #CFE3AD !important;
}
body.gray tr.fondo3{
  background: #EDF2C3 !important;
}


body.gray tr.fondo4{
  background: #F9FFE2 !important;
}
body.gray tr.fondo5{
  background: #FFEFC0 !important;
}


body.white tr.fondo1{
  background: #F5F5F5 !important;
}

body.white tr.fondo0:hover, body.white tr.fondo1:hover{
  background: #DCDCDC  !important;
}




td.negritas{
	font-weight:bold !important;
}

td.izquierda,
th.izquierda{
	text-align:left !important;
}

td.derecha.ultima{
	padding-right:20px !important;
}

td.derecha,
th.derecha{
	text-align:right !important;
	padding-right:5px;
}



td.filtro,
td.centro,
th.centro{
	text-align:center !important;
}

td.filtro{
	border-bottom: none !important;
}

.izquierda.permiteWrap,
.derecha.permiteWrap,
.centro.permiteWrap,
.justificado.permiteWrap,
.permiteWrap{
	white-space: normal !important;
}

td.justificado{
	text-align:justify !important;
}

.editRecord2 td.cantidadMonetaria{
	font-weight: bold;
	text-align: right;
	font-size: 9pt;
}

.editRecord2 th.total,
.editRecord2 th.cantidadMonetaria{
	font-size: 9pt;
}

.editRecord2 td.total{
	font-weight: bold;
	font-size: 9pt;
	color: #990000 !important;
}

table.editRecord2 th,
table.editRecord2 td,
table.editRecord2Top th,
table.editRecord2Top td{
	padding:3px;
}


#contenedorCajaControl a,
.posicionarEncabezado a,
.lista a{
	text-decoration:none;
}

#contenedorCajaControl a:hover,
#contenedorCajaEnTab a:hover,
.posicionarEncabezado a:hover,
.lista a:hover{
	text-decoration:underline;
}

div.listEditBankConciliation,
div.listBankConciliation,
div.listBankMovement,
div.listEnterpriseBankMovement,
div.listCurrencies,
div.listReportHistoriBankMovement,
div.listSuppliers,
div.listProductRanges,
div.listProduct,
div.listProductTypes,
div.listBanks,
div.listEditingBankMovement,
div.listProductSearch,
div.listCfdSearch,
div.listUserSearch,
div.listBankAccounts,
div.listChequeFormats,
div.listEnterpriceBankMovement,
div.listBankMovementType,
div.listProducBrand,
div.listProductLine,
div.listProductSubLine,
div.listOrderDetailForProductAllocationManual,
div.listCheque,
div.listaUsuarios,
div.listaTipoCambio,
div.listaProductoKitDetalles,
div.listProductBySupplier,
div.listShipmentEdit,
div.listClosePurchaseInvoce,
div.listClosePurchaseDetails,
div.listCxpSupplier,
div.listShipmentEditDetail,
div.listCertificadoMarcaPais,
div.listProductsBySupplier,
div.listAlternativeDescription,
div.listSeries,
div.listOrderDispatchDetails,
div.listClienteCxc,
div.listPurchaseOrderReceptionDetailsCxp,
div.listPurchaseOrderReceptionDetailsCxc,
div.listPurchaseOrderReceptionDetailsCxcFallo,
div.listExternalTransferDetails,
div.listTransactionViewerDetails,
div.listReturnsDetails,
div.listReturnsDetailsOrdinarias,
div.listReturnsCharges,
div.listProductConsultation,
div.listCancelDispatcher,
div.listOrderCharges,
div.listOrderInstructions,
div.listRanges,
div.listStores,
div.listProductsAdd,
div.listInvoices,
div.listExternalTrans,
div.listConcepts,
div.listClientConsultationTransactions,
div.listClientConsultationTransactionsSummary,
div.listClientConsultationOrders,
div.listSupplierConsultationTransactions,
div.listSupplierConsultationTransactionsSummary,
div.listSupplierConsultationOrders,
div.listOrderConfirmationForQuote,
div.listPuntoEntrega,
div.listAcreedor,
div.listCuentaBancariaCliente,
div.listListaPrecio,
div.listaVentasPorPeriodo,
div.listPriceListProduct,
div.listProductions,
div.listOrdersToDispatch,
div.listOrdersToDispatch2,
div.listDeliveries,
div.listConversions,
div.listOrderSalesClientDetails,
div.listDispatchOrderClientDetails,
div.listOrdersAndInvoices,
div.listUsersAddTo,
div.listHistoricTrasferenceBetweenWarehouses,
div.listDispatchOrderClientServices,
div.listSpringsProcesosExternos,
div.listSpringsArchivos,
div.listSpringsOperaciones,
div.listFollowOrderProductions,
div.listClientes,
tbody.listaTipoCambio{
	overflow-x:hidden;
  	overflow-y: scroll;
  	background: transparent;  
  	display:block; 
  	
}

div.listDeliveries{
	height: 350px;
}

div.listOrdersAndInvoices{
	height: 130px;
}

div.listProductions{
	height: 250px;
}

div.listUsersAddTo{
	height: 130px;
}

div.listOrdersToDispatch{
	height: 200px;
}

div.listOrdersToDispatch2{
	height: 400px;
}

div.listConversions{
	height: 100px;
}

div.listaVentasPorPeriodo{
	height:380px;
}

div.listaTipoCambio,
tbody.listaTipoCambio{
	height:125px;
}

div.listExternalTrans,
div.listOrderDetailForProductAllocationManual{
	height:300px;
}

div.listCurrencies{
	height:200px;
}

div.listBankConciliation,
div.listBankMovement,
div.listBankAccounts,
div.listChequeFormats,
div.listBankMovementType,
div.listProductBrand,
div.listProduct,
div.listCheque,
div.listPuntoEntrega,
div.listAcreedor,
div.listCuentaBancariaCliente,
div.listEditingBankMovement,
div.listOrderConfirmationForQuote,
div.listaUsuarios{
	height:300px;
}

div.listOrderInstructions,
div.listOrderCharges{
	height:200px;
}

div.listCancelDispatcher{
	height:350px;
}

div.listReturnsCharges,
div.listListaPrecio{
	height:160px;
}

div.listProductConsultation{
	height:600px;
}




/* Para igualar tamaños en pestañas
div.listClientConsultationOrders{
	height:450px;
}

div.listClientConsultationTransactions{
	height:390px;
}

div.listClientConsultationTransactionsSummary{
	height:350px;
}
*/

div.listClientConsultationTransactionsSummary,
div.listClientConsultationTransactions,
div.listClientConsultationOrders{
	height:450px;
}

div.listSupplierConsultationTransactions,
div.listSupplierConsultationTransactionsSummary,
div.listSupplierConsultationOrders{
	height:450px;
}

div.listHistoricTrasferenceBetweenWarehouses{
	height:450px;
}

div.listExternalTransferDetails{
	height:200px;
}

div.listReturnsDetails{
	height:400px;
}

div.listReturnsDetailsOrdinarias{
	height:295px;
}

div.listOrderDispatchDetails{
	height:340px;
}

div.listFollowOrderProductions{
	height:435px;
}

div.listSpringsArchivos,
div.listSpringsOperaciones,
div.listSpringsProcesosExternos{
	height:175px;
}

div.listOrderSalesClientDetails{
	height:300px;
}

div.listDispatchOrderClientDetails{
	height:120px;
}

div.listDispatchOrderClientServices{
	height:120px;
}

div.listClienteCxc{
	height:100px;
}

div.listPurchaseOrderReceptionDetailsCxp{
	height:480px;
}

div.listPurchaseOrderReceptionDetailsCxc{
	height:480px;
}

div.listPurchaseOrderReceptionDetailsCxcFallo{
	height:150px;
}

div.listTransactionViewerDetails{
	height:200px;
}

div.listSeries{
	height:425px;
}

div.listRanges{
	height:235px;
}

div.listInvoices{
	height:135px;
}

div.listProductBySupplier{
	height:320px;
}

div.listPriceListProduct{
	height:320px;	
}

div.listShipmentEdit{
	height:200px;
}

div.listClosePurchaseDetails{
	height:250px;
}

div.listClosePurchaseInvoce{
	height:200px;
}


div.listCxpSupplier{
	height:200px;
}

div.listShipmentEditDetail{
	height:520px;
}

div.listImportDetails{
	height:520px;
}

div.listCertificadoMarcaPais{
	height:170px;
}

div.listStores,
div.listProductsAdd{
	height:320px;
	
}

div.listStores{
	height:100px;
	
}

div.listProductAdd{
	height:320px;
	
}

div.listStore{
	height:320px;
	
}

div.listProductsBySupplier{
	height:520px;
	
}

div.listAlternativeDescription{
	height:520px;
	
}

div.listEnterpriseBankMovement,
div.listChequeFormats{
	height:200px;
}

div.listProductSearch{
	height:250px;
}

div.listCfdSearch{
	height:150px;
}

div.listUserSearch{
	height:250px;
}

div.listEditBankConciliation{
	height:180px;
}

div.listaProductoKitDetalles{
	height:150px;
}

div.listConcepts{
	height:215px;
}

div.listSuppliers,
div.listProductRanges,
div.listProductTypes,
div.listProducBrand,
div.listProductLine,
div.listProductSubLine,
div.listReportHistoriBankMovement,
div.listBanks{
	height:300px;
}

#contenedorCajaEnTab h1, 
#contenedorCajaCaptura h1,
#contenedorCajaControl h1,
#contenedorCajaControlGridTree h1{
	display:block;
	width:100%;
	border-bottom:#666666 solid 1px;
	margin-left:5px;
	font-size:12pt;
	font-variant:small-caps;
	padding-top:0px;
}

#contenedorCajaControl h1 div{
	display:block;
	float:right;
	position:relative;
	top:-5px;
}

#contenedorCajaControl h1 div a{
	background:transparent none repeat scroll 0%;
	border:0px none;
	vertical-align:middle;
}



#contenedorCajaEnTab table, 
#contenedorCajaCaptura table,
#contenedorCajaControl table{
	border:0px;
}

#contenedorCajaEnTab table th, 
#contenedorCajaEnTab table td,
#contenedorCajaCaptura table th, 
#contenedorCajaCaptura table td,
#contenedorCajaControl table th, 
#contenedorCajaControl table td{
	padding:3px;
	/*white-space:nowrap;*/
}

#contenedorCajaEnTab table th,
#contenedorCajaCaptura table th,
#contenedorCajaControl table th{
	text-align:right;
}

#contenedorCajaEnTab table.tituloSobreCampoCaptura th,
#contenedorCajaCaptura table.tituloSobreCampoCaptura th,
#contenedorCajaControl table.tituloSobreCampoCaptura th{
	text-align:left;
}

#cajaPlanaAnidada{
	padding-left:0px;
		border:transparent 1px solid; /* No borrar aunque no se muestra es importante para que no cambie el tamano en tiempo de ejecucion */
}


#clr{
	display:block;
	clear:both;
	height:1px;
}
div.headerScrollableTable{
 /* padding-right:15px;*/	
}

ul.listReports{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type:circle;
	padding-left:0px;
	padding-top:5px;
	list-style-position: inside;
	padding-bottom: 0px;
}

ul.listReports li{
	padding-bottom: 5px;
}

ul.listReports a{
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}

.no-decoration-a {
    text-decoration: none;
}

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

/** Logo Estevez **/
#logoEstevez{
	position: absolute;
	top:4px;
	left: 15px;
	width: 155px;
	height: 25px;
	background:url("images/estevez.png") top left no-repeat;
}

#logoTest{
	position: absolute;
	top:4px;
	left: 15px;
	width: 155px;
	height: 25px;
	background:url("images/test.jpg") top left no-repeat;
}

#logoDemo{
	position: absolute;
	top:4px;
	left: 15px;
	width: 155px;
	height: 25px;
	background:url("images/demo.jpg") top left no-repeat;
}

/** Logo Coolfan **/
#logoCoolfan{
	position: absolute;
	top:4px;
	left: 15px;
	width: 155px;
	height: 25px;
	background:url("images/coolfan.png") top left no-repeat;
}

/** Logo de coolfan al centro del panel **/

#logoCoolfanPanel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	top:4px;
	left: 15px;
	width: 200px;
	height: 100px;
	background:url("images/coolfanGrande.png") top left no-repeat;
}

/** Logo integra **/
#logoIntegra{
	position: absolute;
	top:4px;
	left: 15px;
	width: 155px;
	height: 25px;
	background:url("images/integra_azul_pequena.png") top left no-repeat;
}

/** Logo de integra al centro del panel **/
#logoIntegraPanel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	top:4px;
	left: 15px;
	width: 200px;
	height: 100px;
	background:url("images/integra_azul_grande.png") top left no-repeat;
}

/** Logo de idasa al centro del panel **/

#logoIdasaPanel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20%;
	top:4px;
	left: 15px;
	width: 280px;
	height: 180px;
	background:url("images/logotipoIDASA.png") top center no-repeat;
}

/** Logo de coolfan al centro del panel **/

#logoEstevezPanel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15%;
	top:4px;
	left: 15px;
	width: 150px;
	height: 25px;
	background:url("images/estevez.png") top left no-repeat;
}

#logoTestPanel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15%;
	top:4px;
	left: 15px;
	width: 150px;
	height: 25px;
	background:url("images/test.jpg") top left no-repeat;
}

#logoDemoPanel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15%;
	top:4px;
	left: 15px;
	width: 150px;
	height: 25px;
	background:url("images/demo.jpg") top left no-repeat;
}
		
.content h1,
.content-inner h1 { 
		margin-top: 0;
		margin-left:-20px;
		margin-right:-20px;
		margin-bottom:10px; 
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 0px; 
		color: #ffffff;
		/*text-shadow:0 1px 0 #D5D5D5;*/ 
		font-weight: normal; 
		font-size: 14px; 
		/*border-bottom: 1px solid #d9d9d9;*/
		background:url("images/toraRoundedBox2Header.png") repeat-x scroll 0 0;
		border-bottom:1px solid #B6B6B6;
		height:26px;
		overflow:hidden; 
		}

.content h2,
.content-inner h2 { 
		margin-top: 0;
		margin-left:-20px;
		margin-right:-20px;
		margin-bottom:10px; 
		padding-top: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-bottom: 5px; 
		color: #4d4d4d; 
		font-weight: normal; 
		font-size: 14px; 
		border-bottom: 1px solid #d9d9d9; 
		}
		
table.editRecord th{
	text-align:right;
	border-right: 1px solid #d9d9d9;
	color: #4D4D4D;
}		

table.editRecordTop th{
	text-align:center;
	color: #4D4D4D;
}		

table.editRecord th,
table.editRecord td,
table.editRecordTop th,
table.editRecordTop td{
	padding:3px;
}		

.content table tr.fondo0 td,
.content-inner table tr.fondo0 td,
.content table tr.fondo1 td,
.content-inner table tr.fondo1 td {
	padding:3px !important;
}

div.errorCargaArchivo{
	background: url("images/messages/error.png") no-repeat scroll 10px 12px #FFD5D5;
    border-top: 3px solid #FFACAD;
    border-bottom: 3px solid #FFACAD;
    color: #CF3738;
    margin: 0 -20px 10px;
    padding: 15px 50px 15px;
    min-height: 25px;
}

div.exitoCargaArchivo{
	background: url("images/messages/info.png") no-repeat scroll 10px 12px #E4EBF7;
    border-top: 3px solid #4682B4;
    border-bottom: 3px solid #4682B4;
    color: #000033;
    margin: 0 -20px 10px;
    padding: 15px 50px 15px;
    min-height: 25px;
}


/**********   R E S P U E S T A    L A R G A  ***************/

#sobrepuesto_respuesta_larga {
	position: absolute;
	top: 0;
	left: 0;
	z-index:100;
	width: 100%;
	height: 100%;
	background-color: #F2F2F2;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

#ventana_avance_respuesta_larga {
    width:60%;
	top: 15%;
	padding-bottom : 30px;
	position: relative;
	_position: relative;
	z-index: 100;
	overflow: visible;
	visibility: visible;
	display: block;
	background-color: #FFFFFF;
	-moz-border-radius: 15px 15px 15px 15px;
	 border-color: #E5E5E5 #DBDBDB #D2D2D2;
    border-style: solid;
    border-width: 1px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    
    color: #00487D;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 6.5pt;
    font-variant: small-caps;
    font-weight: bold;
    text-shadow: 1px 1px 0 #DFDFDF;
    white-space: nowrap;
}

td.disponible,
th.disponible,
tr.disponible{
	background: none repeat scroll 0 0 #CFE3AD !important;
	padding:3px !important;
}

td.agregado,
th.agregado,
tr.agregado{
	background: none repeat scroll 0 0 #FFEFC0 !important;
	padding:3px !important;
}

td.agotado,
th.agotado,
tr.agotado{
	background: none repeat scroll 0 0 #C0C0C0 !important;
	padding:3px !important;
}

.ev_clear.despachoDespachado,
.odd_clear.despachoDespachado{
	background: none repeat scroll 0 0 #CFE3AD !important;
	padding:3px !important;
}

.ev_clear.despachoSurtiendo,
.odd_clear.despachoSurtiendo{
	background: none repeat scroll 0 0 #FFEFC0 !important;
	padding:3px !important;
}

.ev_clear.despachosPorDespachar,
.odd_clear.despachosPorDespachar{
	background: none repeat scroll 0 0 #FFE0E0 !important;
	padding:3px !important;
}

.AvisoMensajeDeAdvertencia {
	margin-top:10px;
	font-size:9pt;
	font-weight:bold;
	color:#B70000;
	border-style:solid;
	border-width:2.5px;
	text-align:justify;
	padding-left:5px;
	padding-right:5px;
	margin-left:auto;
	margin-right:auto;
}

/*************************** Botones Nuevos desde Nevermind ***********************/


div.botonIndependiente div input {
	color: #333333;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
	height: 26px;
	line-height: 26px;
	padding: 0pt 30px 0pt 0px;
	border: 0px;
	background: transparent;
}

div.botonIndependiente div input:hover {
	color: #084c8e;
	background: transparent;
}

div.botonIndependiente {
	float: left;
	background: transparent url(images/button_background.png) no-repeat
		scroll 0%;
	margin-left: 5px;
	padding-left: 10px;
	white-space: nowrap;
	height: 1%;
}

div.botonIndependiente div {
	float: left;
	position: relative;
	right: -6px;
}

div.botonIndependiente div.siguiente {
	background: transparent url(images/icon_next.png) no-repeat scroll 100%
		0pt;
}

div.areaBotonLogin{
	height: 30px;
}

.contenedorBotonLogin {
	margin-top: 10px;
	float: right;
	margin-right: 10px;
	display: block;
	clear: both;
}

.editRecord.controlSpringsConfiguration{
	width:100%;
	margin-bottom: 10px;
}

.editRecord.controlSpringsConfiguration th{
	width:315px;
}



.auto_complete {
  background:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  text-align: left;
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.header-sales-per-year {
    border-left: 1px solid; 
    border-left-color: #D9D9D9; 
    border-top: 1px solid; 
    border-top-color: #D9D9D9 !important;
    color: #4D4D4D !important;
}