@CHARSET "UTF-8";
/* CSS Para los vouchers */
form.item table th {
    text-align: center
}

form.item table td {
    text-align: center
}

form.item tbody th {
    text-align: left
}

form.item tbody table thead th {
    text-align: center
}

form.item tbody th.th {
    text-align: center
}

form.item table tbody td input {
    text-align: right;
    padding-right: 1px
}

#voucherGeneralInputs {
    float: left;
    width: 48%;
}

#VoucherEdadesMenores, #VoucherEdadesJuniors  {
    width: 100%;
    text-align: left;
}

#VoucherObservacionesOper {
    width: 100%;
    height: 80px;
}

#VoucherObservaciones {
    width: 100%;
    height: 80px;
}

#numViajeros td {
    text-align: center
}

#numViajeros td input {
    width: 100%;
}
/*  Estilos para Ordenes y Muestras */
#order tr.activa input, #muestra tr.activa input {
    border: 1px solid #000000;
}

#order tr td input.activa, #muestra tr td input.activa {
    border: 1px solid #F68026;
}
/* Estilos formato de impresion */
#voucherHeader, #voucherHeaderView, #voucherDetails {
    width: 98%;
    margin-bottom: 10px;
}

#voucherHeader td.logo, #voucherHeaderView td.logo {
    width: 180px;
    text-align: center;
    vertical-align: middle
}

#voucherHeader td.logo img, #voucherHeaderView td.logo img {
    text-align: center;
    
}


#voucherHeader td.infoVoucher {
    width: auto;
    vertical-align: middle;
}

#voucherHeader td.infoVoucher table {
    margin-left: auto;
}

#voucherHeader td.direccion p:first-line, #voucherHeaderView td.direccion p:first-line {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10pt;
}

#voucherHeader td.direccion, #voucherHeaderView td.direccion {
    width: 100%;
    text-align: center;
    vertical-align: middle;
    font-size: 9pt;
}

#voucherHeader td.direccion h2, #voucherHeaderView td.direccion h2 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10pt;
    margin: 0px;
    padding: 0px
}

#voucherHeader td.direccion div.logoHotel {
    padding-bottom:5px;
}


#voucherHeaderView, #notaPrintOnly{
    display: none
}

#notaPrintOnly {
  width:90%;
  margin:0px auto;
}

#notaPrintOnly ol { padding-left:25px}

td.acciones img, td.estado img {
    padding: 2px;
}

td.acciones a {
    padding-left: 1px;
    padding-right: 1px
}

td.acciones, td.estado {
    text-align: center
}

#listadoItems th {
    text-align: center
}

#tablaCostos tbody th.header {
    text-align: right
}

.sgl {
    text-align: right
}

.dbl {
    text-align: right
}

.tpl {
    text-align: right
}

.cpl {
    text-align: right
}

.otro {
    text-align: right
}

.menor {
    text-align: right
}

.junior {
	text-align:right;
}

#listadoItems td.granTotal, #listadoItems td.ttlDep,
#listadoItems td.id,
#listadoItems td.numeroPasajeros,
#listadoItems td.cuartosNoches
  {
    text-align: right;
}

#listadoItems th.totalFood {
    text-align: right;
}
table.reporteHoteles { width:99%}
table.reporteHoteles td.confirmado,
table.reporteHoteles td.fechaLimite,
table.reporteHoteles td.granTotal, 
table.reporteHoteles td.ttlDep,
table.reporteHoteles td.granTotalTtlDep,
table.reporteHoteles td.claveConf,
table.reporteHoteles td.cuartosNoches,
table.reporteHoteles td.numeroPasajeros,
table.reporteHoteles td.id  {
	font-size:8pt;
}

table#listadoItems td.granTotal,
table#listadoItems td.ttlDep,
table#listadoItems td.id, 
table td.fechaMini { font-size:8pt;}


th.numero, td.numero {
    text-align: center;
    width: 25%
}

th.confirmacion, td.confirmacion {
    text-align: center
}

th.numAdultos, td.numAdultos {
    text-align: center
}

th.menSc, td.menSc {
    text-align: center
}

th.menCc, td.menCc {
    text-align: center
}

thead .header {
    text-align: center
}
#tablaCostos tbody .header {
    text-align: center;
	padding-right: 5px;
}


thead .sgl, thead .sql {
    text-align: center
}

thead .dbl {
    text-align: center
}

thead .tpl {
    text-align: center
}

thead .cpl {
    text-align: center
}

thead .otro, thead .otra {
    text-align: center
}

thead .menor, thead .junior {
    text-align: center
}

#tipoHabitaciones .sgl {
    text-align: center
}

#tipoHabitaciones .dbl {
    text-align: center
}

#tipoHabitaciones .tpl {
    text-align: center
}

#tipoHabitaciones .cpl {
    text-align: center
}

#tipoHabitaciones .otra {
    text-align: center
}

#granTotal .sgl {
    font-weight: bold;
}

#comisiones .tph , #comisiones .cmHotel ,
	#granTotal .cmHotel {
    font-weight: normal;
	text-align: right;
}

#comisiones .tph, #comisiones  input#VoucherTph  {
    font-weight: bold;
	
}

#comisiones .getCommission a, #granTotal .getCommission a {
	text-decoration:underline;
}

#comisiones .getCommission a:visited,  #granTotal .getCommission a:visited{
	text-decoration:underline;
}

/* Especificos formato de impresion*/
.infoVoucher thead th.numero, .infoVoucher tbody td.numero {
    text-align: center
}

.infoVoucher thead th.fecha, .infoVoucher tbody td.fecha {
    text-align: center
}

#voucherDetails th.hotel {
    text-align: center;
}

#voucherDetails th.hotel, #voucherDetails td.hotel {
    width: 70%
}

#voucherDetails th.confirmacion, #voucherDetails td.confirmacion {
    text-align: center;
    width: 30%
}

#voucherDetails th.destino, #voucherDetails td.destino {
    text-align: center
}

#voucherDetails th.pasajero, #voucherDetails td.pasajero {
    text-align: center
}

#voucherDetails th.agencia, #voucherDetails td.agencia {
    text-align: center
}

#voucherDetails th.plan, #voucherDetails td.plan {
    text-align: center
}

#voucherDetails th.habitaciones, #voucherDetails td.habitaciones {
    text-align: center
}

#voucherDetails th.fechaout, #voucherDetails td.fechaout {
    text-align: center
}

#voucherDetails th.fechain, #voucherDetails td.fechain {
    text-align: center
}

#voucherDetails th.noches, #voucherDetails td.noches {
    text-align: center
}

#voucherDetails th.numAdultos, #voucherDetails td.numAdultos {
    text-align: center
}

#voucherDetails th.numMenores, #voucherDetails td.numMenores {
    text-align: center
}

#voucherDetails th.observaciones, #voucherDetails td.observaciones {
    text-align: center;
    width: 55%
}

#voucherDetails th.agente, #voucherDetails td.agente {
    text-align: center;
    width: 30%
}

#voucherDetails th.total, #voucherDetails td.total {
    text-align: center;
    width: 15%
}

#voucherDetails td.observaciones {
    text-align: left
}

#voucherDetails td.total {
    font-weight: bold;
}

#voucherDetails td.confirmacion {
    font-weight: bold;
    font-size: 11pt
}

#voucherDetails td.selloAgencia {
    font-weight: bold;
    font-size: 11pt
}

#voucherDetails tr td.confirmadoPor, #voucherDetails tr th.confirmadoPor {
    width: 15%;
}

#voucherDetails tr td.confirmacion, #voucherDetails tr th.confirmacion {
    width: 10%;
}

#voucherDetails tr td.agente, #voucherDetails tr th.agente {
    width: 15%;
}

#voucherDetails tr td.agencia, #voucherDetails tr th.agencia {
    width: 15%;
}

#voucherDetails tr td.selloAgencia, #voucherDetails tr th.selloAgencia {
    width: 35%;
}

#voucherDetails th.selloAgencia {
    text-align: center;
}

#voucherDetails td.selloAgencia {
    height: 130px
}

#voucherDetails td.precioUnitario {
    text-align: right
}

#voucherDetails td.promototal {
    text-align: right
}

#voucherDetails td.formaPago {
    text-align: left
}
/* Mensaje  total */
#voucherDetails td.mensajeTotal {
    text-align: center
}

#voucherDetails td.mensajeTotalAviso {
    text-align: center;
    font-weight: bold;
}
/* detalle */
.detalle table {
    width: 100%;
    border: none;
}

.detalle table td, .detalle table th {
    border: none;
    padding: 0px;
    margin: 0px
}

#voucherDetails th.precioUnitario {
    text-transform: uppercase;
    text-align: right;
}

#voucherDetails th.promototal {
    text-transform: uppercase;
    text-align: right;
}

#voucherDetails th.formaPago {
    text-transform: uppercase;
    text-align: right;
}

table td.confirmacionPrint {
    border: 0px;
    height: 120px
}

#selloAgencia {
    border: none;
    text-align: center;
}

#selloAgencia div {
    height: 23px;
    width: 90%;
    border-top: 1px solid #000000;
    padding-top: 2px;
    margin-left: auto;
    margin-right: auto;
}

#tablaCostos .sgl input {
    text-align: right;
}

#tablaCostos .dbl input {
    text-align: right;
}

#tablaCostos .tpl input {
    text-align: right;
}

#tablaCostos .cpl input {
    text-align: right;
}

#tablaCostos .otro input {
    text-align: right;
}

#tablaCostos .menor input {
    text-align: right;
}

#tablaCostos .junior input {
    text-align: right;
}
/* Selects en añadir vouchers */
#VoucherDestino, #VoucherAgencyId, #VoucherHotelId, #VoucherOperatorId {
    width: 270px;
}

#VoucherAgencyId {
    width: 310px
}
/** Formato de impresion columnas*/
#voucherDetails td.voucherIzq {
    width: 69%;
    border: none;
}

#voucherDetails td.voucherDer {
    width: 29%;
    border: none;
}

table#tblCondiciones td {
    border: none
}

table#tblCondiciones ul {
    margin: 0px;
    padding: 4px 4px 4px 0px
}
table#detallesPago th { text-align:right; text-transform:uppercase;}
table#detallesPago th { border:none}
table#detallesPago td {  text-transform:uppercase;}


td.hotel .formItem label { width:80px}

/* Paymente Detail */
table#paymentDetail th.title {text-align:center;}
table#paymentDetail th.title {text-align:center;}
table#paymentDetail td div.total input {text-align:right; width:250px; padding-right:2px }
table#paymentDetail  div.formaPago input {width:250px;}

/* ReporteFechasPagoCupon */
th.infoPagoCupon,
td.infoPagoCupon
{ width:250px;}

td.infoPagoCupon div.infoCupon, td.fecha, .tablePagoCupon{
	font-size:8pt;
	text-align:left;
}
td.formaPago{
	text-align:left;
}

p.direccionSmall { margin:0px; padding:0px;}
div.logoAgencia { float:left; padding-left:15px;}


input#VoucherComisionAgencia, input#VoucherComisionHotel {
  width: 66px;
}