﻿/* DEFAULTS
----------------------------------------------------------*/

body   
{
    
    font-size: .80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}






root {
    display: block;
}
.tabla-opciones {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 96%;
}
.tabla-opciones th {
    border: 1px solid #CCCCCC;
    height: 30px;
    text-align: center;
}
.tabla-opciones td {
    border-bottom: 1px solid #CCCCCC;
    height: 28px;
    text-align: left;
}
.tabla-opciones th {
    background-color: #EEEEEE;
    cursor: default;
}
.tabla-opciones tr:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}
.tabla-opciones-valor-clp {
    padding-left: 15px;
    text-align: left;
    width: 70px;
}
.tabla-opciones-valor-usd {
    padding-left: 10px;
    text-align: left;
    width: 60px;
}
.tabla-opciones .marcar-option {
    text-align: center;
    width: 50px;
}
.texto-requerido {
    color: red;
    margin-top: 3px;
    padding-left: 10px;
    text-align: left;
}
.tabla-principal {
    border-collapse: collapse;
    font-size: inherit;
    width: 940px;
}
.tabla-opciones-glosa {
    padding-left: 10px;
}
.tabla-opciones-borrar {
    text-align: center;
    width: 50px;
}
#tabla-opciones-cantidad {
    text-align: center;
    width: 40px;
}
.texto-total {
    font-size: 14px;
    font-weight: bold;
    padding-right: 8px;
}
.tabla-opciones-total-clp {
    padding-right: 8px;
    width: 70px;
}
#tabla-opciones-tr-total {
    background-color: #FFFFFF;
    cursor: default;
}
.medio-pago {
    border: 1px solid #CCCCCC;
    cursor: pointer;
    height: 140px;
    text-align: center;
    vertical-align: middle;
    width: 160px;
}
.medio-pago:hover {
    background-color: #EEEEEE;
}
.titulo-medio-pago {
    font-size: 14px;
    font-weight: bold;
    height: 30px;
}
.medio-pago-altura {
    height: 90px;
}
.tabla-info-facturacion {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    width: 96%;
}
.tabla-info-facturacion th {
    border: 1px solid #CCCCCC;
    height: 30px;
    text-align: center;
}
.tabla-info-facturacion td {
    border-bottom: 1px solid #CCCCCC;
    height: 25px;
    text-align: left;
}
.titulo-detalle {
    font-weight: bold;
    padding: 5px 0 5px 20px;
    text-align: left;
    text-transform: uppercase;
}
.tabla-info-facturacion .label-detalle {
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    width: 27%;
}
.tabla-info-facturacion .glosa {
    font-style: italic;
    padding-left: 10px;
    text-align: left;
    width: 20%;
}
.tabla-info-facturacion .separator {
    text-align: center;
    width: 10%;
}
#idSinCursor tr:hover {
    background-color: #FFFFFF;
    cursor: default;
}
#idSinCursor td:hover {
    background-color: #FFFFFF;
    cursor: default;
}



/*body {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    text-decoration: none;
}*/
.titulo_blanco {
    background-color: #666666;
    color: #FFFFFF;
    font-size: 14px;
    padding-left: 5px;
}
label {
   /* display: none; */
}
.form {
    font-size: 12px;
}
#EspecialNombre {
    height: 18px;
    width: 180px;
}
#EspecialApellidos {
    height: 18px;
    width: 200px;
}
#EspecialRut {
    height: 18px;
    width: 120px;
}
#EspecialTelefonos {
    height: 18px;
    width: 200px;
}
#EspecialTelefonoAcompanante {
    height: 18px;
    width: 200px;
}
#EspecialCargo {
    height: 18px;
    width: 250px;
}
#EspecialEmpresa {
    height: 18px;
    width: 280px;
}
#EmpresaRazonSocial {
    width: 460px;
}
#EspecialCiudad {
    height: 18px;
    width: 200px;
}
#EspecialEmail {
    height: 18px;
    width: 250px;
}
#EspecialEmailAcompanante {
    height: 18px;
    width: 250px;
}
#EspecialNombreAcompanante {
    height: 18px;
    width: 180px;
}
#EspecialApellidosAcompanante {
    height: 18px;
    width: 200px;
}
.error-message {
    color: #C9361D;
}
#info_campo {
    color: #4C4C4C;
}
.listado {
    border-collapse: collapse;
    color: navy;
    width: 100%;
}
.listado th {
    color: #000000;
    font-family: 'lucida grande',helvetica,verdana,arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 30px;
    padding-top: 8px;
}
.listado th a {
    color: #000000;
    cursor: pointer;
    font-size: 11px;
    text-decoration: none;
}
.listado td {
    border: 1px solid #65BBD4;
    height: 25px;
}
.listado td[align="left"] {
    padding-left: 10px;
}
.data:hover {
    background-color: #9999FF;
    color: #4C4C4C;
    font-weight: 500;
}
.data_uno {
    background-color: #CCDAFD;
    border-bottom: 1px solid #65BBD4;
    color: navy;
}
.data_dos {
    background-color: #F0FFF9;
    border-bottom: 1px solid #65BBD4;
    color: navy;
}
.auto_complete {
    background: none repeat scroll 0 50% #F0F0F0;
    clear: both;
    cursor: pointer;
    display: block;
    font-size: 13px;
    margin: 0;
    padding: 0;
    z-index: 9999;
}
.auto_complete ul {
    clear: both;
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
}
.boton {
    background: -moz-linear-gradient(center top , #F9F9F9, #E3E3E3) repeat scroll 0 0 transparent;
    border: 1px solid #BBBBBB;
    border-radius: 3px 3px 3px 3px;
    color: #000000;
    cursor: pointer;
    margin: 0 8px 0 0;
    outline: medium none;
    padding: 3px 8px;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    white-space: nowrap;
}
.btn {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-transition: all 0.1s linear 0s;
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #FFFFFF 25%, #E6E6E6);
    background-repeat: no-repeat;
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #535353;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: normal;
    padding: 3px 14px 4px;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
.btn.primary {
    /*background-color: #0064CD;*/
    background-color: #27A559;
    background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    padding: 4px 14px 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/*.btn.return {
    background-color: #828282;
    background-image: -moz-linear-gradient(center top , #049CDB, #0064CD);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    padding: 4px 14px 5px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}*/
.boton:hover {
    border-color: #939393 !important;
}
.boton:active {
    background: -moz-linear-gradient(center top , #EEEEEE, #F9F9F9) repeat scroll 0 0 transparent;
    border-color: #444444 !important;
}
.auto_complete li {
    background: none repeat scroll 0 50% #F0F0F0;
    border-collapse: collapse;
    display: block;
    height: 13px;
    list-style-type: none;
    margin: 0;
    padding: 6px 10px 4px;
    text-transform: uppercase;
}
.auto_complete li:hover {
    background: none repeat scroll 0 50% palegoldenrod;
    font-weight: bold;
    text-transform: uppercase;
}
.auto_complete a {
    color: #000000;
    cursor: pointer;
    font-weight: 100;
    text-decoration: none;
    text-transform: uppercase;
}
.th-valor {
    background-color: #EEEEEE;
    border: 1px solid #CCCCCC;
    cursor: default;
    font-weight: bold;
    height: 30px;
    text-align: center !important;
}
.th-titulo {
     cursor: default !important;
}
/*.th-subtitulo {
    cursor: default !important;
}*/
.th-titulo:hover {
    background-color: #FFFFFF !important;
}
.valores-activos {
    font-weight: bold;
}
.valores-inactivos {
    color: #BDBDBD;
}
