@import "base.css";
*{
    margin:0;
    padding:0;
    font-family:sans-serif;
}

body{
    padding:10px 0 10px 0;
    background-color:#eeeeee;
}
p{
    font-weight: normal;
    font-size: 14px;
}
a {
    text-decoration: none;
}

#wrapper{
    background-color:#FFFFFF;
    width:1000px;
    height:auto;
    margin:auto;
    overflow:hidden;
    border:1px solid #CCCCCC;
}

#header{
    width:1000px;
    height:150px;
    border:none;
}

#content{
    width:1000px;
    height:auto;
    float:left;
    overflow:hidden;
}

#div_centrado{
    margin-left: 300px;
}

.field_label{
    width:330px;
    padding-top: 6px;
    margin-left: 15px;
    color: #676767;
    font-weight:bold;
    font-style:italic;
}

.field_input{
    width:300px;
    margin-left: 15px;
    border: 2px solid #4e70b7;
    background: #f2f2f2;
    font-family:sans-serif;
    font-size:16px;
    font-style:italic;
}

input[type="submit"]{height: 30px; background:#ddd;border:#999 solid 1px; padding: 3px; border-radius: 10px;}

.field_button{
    background: left no-repeat url(../images/btn_mid.png);
    width: 98px;
    height: 19px;
    border: none;
}

.field_error{
    border: 2px solid #FF0000;
}

.bienvenido{
    font-family:sans-serif;
    font-size:11px;
}

#main{
    width:1000px;
    height:auto;
    float:left;
    overflow:hidden;
}

#contenido_central{
    width:778px;
    float:left;
    font-size: 14px;
    margin-left: 10px;
}

.lotes{
    width:778px;
    height:auto;
    float:left;
    padding:10px;
    margin:10px;
    border:1px solid #0066CC;
    font-family:sans-serif;
    font-size:12px;
    clear:both;
}

.lotes_encabezado{
    width:778px;
    height:auto;
    float:left;
    margin-bottom:10px;
}

.titulo_lote{
    width:100px;
    height:30px;
    padding:5px;
    margin-right:10px;
    border:1px solid silver;
    float:left;
}

.titulo_lote_txt{
    width:240px;
    height:30px;
    padding:5px;
    margin-right:10px;
    border:1px solid silver;
    float:left;
}

.nro_lote{
    width:70px;
    height:30px;
    padding:5px;
    margin-right:10px;
    border:1px solid silver;
    float:left;
}

.nro_lote_txt{
    width:50px;
    height:30px;
    padding:5px;
    border:1px solid silver;
    float:left;
    text-align:center;
}

.lotes_main{
    width:526px;
    height:auto;
    float:left;
    padding:5px;
    margin-bottom:10px;
    border:1px solid silver;
    padding:5px;
}

.lote_imagen{
    width:165px;
    height:125px;
    overflow:hidden;
    border:thin;
    border:1px solid white;
    float:left;
    margin-top:3px;
    margin-left:3px;
    margin-right:3px;
}

.lote_imagen_chica{
    width:114px;
    height:95px;
    overflow:hidden;
    border:thin;
    border:1px solid white;
    vertical-align: middle;
    text-align: center;
    float:left;
    margin-top:3px;
    margin-left:3px;
    margin-right:3px;
}

.subasta_precios{
    width:100px;
    height:150px;
    overflow:hidden;
    border:thin;
    border:1px solid white;
    float:left;
    margin-top:3px;
    margin-left:3px;
    margin-right:3px;
}

.lote_caract_chico{
    border:thin;
    border:1px solid silver;
    float:left;
    margin:3px;
    width:163px;
    height:36px;
    padding-left:3px;

}

.car_caract_chico{
    font-weight:bold;
    font-size:12px;
    float:left;
    width:148px;
}

.car_dato_chico{
    font-size:12px;
    float:left;
    font-style:italic;
    width:148px;
}

.lote_caract_ancho{
    border:thin;
    border:1px solid silver;
    float:left;
    margin:3px;
}

.car_caract_ancho{
    font-weight:bold;
    font-size:12px;
    float:none;
    width:516px;
}

.car_dato_ancho{
    float:none;
    font-size:12px;
    width:516px;
    float:left;
    font-style:italic;
}

.lotes_botones{
    width:148px;
    height:25px;
    padding:5px;
    float:left;
    border:1px solid silver;
    font-weight:bold;
    color:#0066CC;
}

.usuarios_referidos{
    padding: 10px 0 10px 0;
}

.usuarios_referidos .usuario{
    padding-left: 10px;
    font-weight:bold;
}

#footer{
    clear:both;
}
#copy {
    color: #E1E1E1;
    float: left;
    font-size: 11px;
    padding: 7px 0 0 7px;
}
#copy address {
    font-style: normal;
}
#copy a {
    color: #E1E1E1;
    text-decoration: none;
}
#copy a:hover {
    text-decoration: underline;
}
#footlogo {
    float: none;
    margin-left: 573px;
    margin-top: -25px;
}
#sist7g_logo {
    float: none;
    margin: -48px 0 0 597px;
}

.texto{font-size:12px;}
.medida{font-size:12px; color:#06F;}
.dia{font-size:26px;}
.hora{font-size:22px;}
.minuto{font-size:18px;}
.segundo{font-size:16px;}
.countdown{
    color: #036; 
    border:1px; 
    border-color:#09F;
    float:left;
    width:150px;
    padding-left:94px;
}
.listado_precio{
    width:150px;
    float:left;
    padding-top:4px;
    padding-left:23px;
}
.precio{font-size:22px;color: #036;}
.moneda{font-size:12px; color:#06F;}

table.tabla_registros{
    width: 99%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px
}
table.tabla_registros td{
    border: solid #DAE2FA 1px;
    font-size: 90%;
    text-align: left;
    vertical-align: middle;
    padding: 4px;
    font-family:sans-serif;
    background: #FAFBFE;
    line-height: 18px
        /*cursor: pointer;*/
}
table.tabla_registros td.title{
    background: #FAFBFE;
    font-weight:bolder;
    text-align: center;
    vertical-align: middle;
}
table.tabla_registros td.monto_actual{
    font-size: 90%;
    text-align: center;
    font-weight: bolder;
    vertical-align: middle;
    color: #2A6DBF;
}
table.tabla_registros td.titulo{
    font-size: 80%;
    text-align: left;
    vertical-align: middle;
}
table.tabla_registros td.lote{
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
}
table.tabla_registros td.anio{
    font-size: 80%;
    text-align: center;
    vertical-align: middle;
}
table.tabla_registros td.acciones{
    text-align: center;
    vertical-align: middle;
}
table.tabla_registros td.cuenta_regresiva{
    text-align: center;
    vertical-align: middle;
}
table.tabla_registros td.selected{
    background: #D5FDD5;
}
table.tabla_registros td.nocontent{
    border: none;
    background: none;
}
table.tabla_registros td:hover{
    background: #E6ECF6;
}
table.tabla_registros td:hover.nocontent{
    background: none;
}

.azul_negrita{
    font-weight:bold;
    color:#036;
    font-size: 12px;
}

.normal{
    font-weight:bold;
    color:#000;
    font-size: 12px;
}

.usuario_negrita{
    font-weight:bold;
    color:#000;
    font-size: 23px;
}

.alerta{
    font-size:14px; 
    color: #06C; 
    font-weight:bold;
}

.error{
    font-size:16px; 
    color: #F00;
}

.ol_identado{
    margin-left:25px;
}

.fieldset{
    width:680px; 
    padding:5px;
    font-weight: normal;
    font-size: 15px
}
a.registrar-visita {
    color: #000;
    font-weight: bold;
    text-decoration: none;
    padding: 3px 5px;
    background-color: #ddd;
    border: 1px solid #333;
    text-transform: uppercase;
    font-size: 10px;
    border-radius: 5px;
}
a.registrar-visita:hover {
    background-color: #fff;
    color: red;
}
div.confirmacion {
    font-size: 13px;
    padding-left: 25px;
    line-height: 60px
}
p.aclaracion {
    font-size: 11px;
    font-weight: bold;
    color: #333;
}
p.titulo {
    font-weight: bold;
    font-size: 13px;
    color: #333;
    line-height: 16px;
}
.destacar-visita{
    color: #666;
    font-weight: bold;
}
form#form_filtro {
    margin: 8px 0 8px 20px
}
form#form_filtro label {
    margin-right: 16px;
    font-size: 14px
}

.error_formulario{
    color: #F7F7F7;
    font-size: 11px;    
    border-radius: 4px;
    padding: 5px;
    background-color: #D02F2F;
    margin: 5px 0 5px 200px;
}

.warning{
    background-color: #a09123;
}

.success{
    background-color: #21861a;
}

.error_formulario2{
    color: #F7F7F7;
    font-size: 11px;    
    border-radius: 4px;
    padding: 5px;
    background-color: #D02F2F;
    margin: auto;
    width:90%;
}

.aviso_formulario{
    color: #F7F7F7;
    font-size: 11px;    
    border-radius: 4px;
    padding: 5px;
    background-color: #009900;
    margin: auto;
    width:90%;
}

.referido.lista{
    font-size: 11px;
}

.tabla_tickets{
    width: 100%;
    margin: 0 1.5em 0 1.5em;
}

.tabla_tickets tr td:nth-child(1){
    width: 6em;
}

.tabla_tickets tr td:nth-child(2){
    width: 11em;
}

/*Bootstrap:INICIO*/
.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #007bff;
}

.badge-primary[href]:hover, .badge-primary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #0062cc;
}

.badge-secondary {
  color: #fff;
  background-color: #6c757d;
}

.badge-secondary[href]:hover, .badge-secondary[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #545b62;
}

.badge-success {
  color: #fff;
  background-color: #28a745;
}

.badge-success[href]:hover, .badge-success[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1e7e34;
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}

.badge-info[href]:hover, .badge-info[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #117a8b;
}

.badge-warning {
  color: #212529;
  background-color: #ffc107;
}

.badge-warning[href]:hover, .badge-warning[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #d39e00;
}

.badge-danger {
  color: #fff;
  background-color: #dc3545;
}

.badge-danger[href]:hover, .badge-danger[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #bd2130;
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}

.badge-light[href]:hover, .badge-light[href]:focus {
  color: #212529;
  text-decoration: none;
  background-color: #dae0e5;
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}

.badge-dark[href]:hover, .badge-dark[href]:focus {
  color: #fff;
  text-decoration: none;
  background-color: #1d2124;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}

@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}
/*Bootstrap:FIN*/

.font-sm{
    font-size: 9px;
}
.uppercase{
    text-transform: uppercase;
}
.text-bold{
    font-weight: bold;
}