﻿body{
    margin: 0 auto;
    text-align: center;
    font:18px Arial, Helvetica, sans-serif;
}
.hide{
    display:none;
}
#divContenido{
    text-align:left;
    width:100%;
    margin:0 auto;
}
.h1Titulo{
    font-size:30px;
    color:#E8650D;
    font-weight: normal;
    width:100%;
    vertical-align:top;
}    
#Acordion .divHeader{
    border:1px solid #C0C0C0;
    background:url('../Imagenes/fondo-flecha.png') no-repeat;
    height:40px;
    line-height: 40px;
    cursor:pointer;
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;
}
#Acordion .divHeader .EtiquetaChica {
    color: #848484;
    font: 15px Arial, Helvetica, sans-serif;
}
#Acordion .divHeaderHabil{
    filter: Alpha(Opacity=100);
    -moz-opacity: 1.0;
    opacity: 1.00;
}
#Acordion .Numeros{
    color:#EF7125;
    font-weight:bold;
    font-size:18px;
    margin-left:15px;
    float:left;
}
#Acordion .spnTituloSegmento{
    margin-left:13%;
    color:#929292;
    font-weight:bold;
    float:left;
}
#Acordion .imgVerMas{
    float:right;
    margin-right:4%;
    background:url('../Imagenes/icon-mas.png') no-repeat center;
    width:17px;
    height:40px;
}
#Acordion .imgVerMasSel{
    background:url('../Imagenes/icon-menos.png') no-repeat center;
}
#Acordion .divContenedor{
    display:none;
    padding:20px 20px;
}
#Acordion > div{
    float: left;
    width: 100%;
}
#divControles{
    display: none;
}
.divTA{        
    vertical-align:top;
}
.inline-block{
    display:inline-block;
    _display:inline;
    _zoom:1;
    *display:inline;
    *zoom:1;
}
.spnTipo{
    font-size:18px;
    color:#0289CD;
}
.spnSinCosto{
    font-size:12px;
    color:#A5A5A5;        
}
.spnVerCaracteristicas{
    /*display:block;*/
    color:#A5A5A5;    
    font:bold 12px Arial, Helvetica, sans-serif;
    cursor:pointer;
}
.imgCaracteristicas{
    margin:10px auto;
}
.btnTA{
    cursor:pointer;
}
.lineaSeparador{
    height: 1px;
    width: 90%;
    margin: 10px auto;
    border-top: 1px solid #C0C0C0;
}
.border{
    border:1px solid #000;
}
.spnObligatorios{
    margin-left:15%;
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#FF0000;        
    /*line-height: 40px;*/    
}
.spnErrorFotos{
    margin-bottom: 15px;
    font: bold 12px Arial, Helvetica, sans-serif;
    color: #FF0000;    
}
.imgFotoIE, #imgFotoIE{
    FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
.divContenedor .renglon{
    margin-bottom:15px;
}
.divContenedor .Etiqueta{
    color:#848484;        
    font:20px Arial, Helvetica, sans-serif;
}
.divContenedor .EtiquetaMedia{
    color:#848484;
    margin-right:30px;
    font:18px Arial, Helvetica, sans-serif;
}
.divContenedor .Etiqueta2{
    color:#848484;        
    font:20px Arial, Helvetica, sans-serif;
}
.divContenedor .Obligatorios{
    font:bold 20px Arial, Helvetica, sans-serif;
    color:#FF0000;
    margin-top:10px;
    margin-left:10px;
}
.divContenedor .EtiquetaChica{
    color:#848484;
    font:15px Arial, Helvetica, sans-serif;
}
.divContenedor .Etiqueta img{
    cursor: pointer;
}
.divContenedor .Text {
    padding:9px;
    margin: 0;
    border-radius:5px;
    -webkit-box-shadow:
        0 0px 0 #ccc,
        0 0px #fff inset;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(120%,#FFFFFF));*/
    color:black;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    border: 1px solid #ccc;
    resize: none;
}
.CustomSelect{
    overflow: hidden;
    background: url('../Imagenes/flecha-fondo.png') no-repeat right;
    /*background: url('../Imagenes/flecha-fondo.png') no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(120%,#FFFFFF));*/
    border-radius:5px;
    -webkit-box-shadow:
        0 0px 0 #ccc,
        0 0px #fff inset;
    color:black;
    border:none;
    outline:none;
    display: inline-block;
    _display:inline;
    _zoom:1;
    *display:inline;
    *zoom:1;
    -webkit-appearance:none;
    appearance: none;
    cursor:pointer;
    border: 1px solid #ccc;
    vertical-align:middle;
    position:relative;
}
#div_cmbClasificacion, #div_cmbSubClasificacion,#div_cmbUltimaClasificacion{
    width:100%;
}
.CustomSelect select{
    padding:9px;
    margin: 0;
    background-color: transparent;
    width:120%;
    _width:120%;
    *width:120%;
    border:0;
}
.divContenedor #txtTitulo, .divContenedor #txtaTexto{
    width:100%;
}
#txtaTexto{
    resize: vertical;
}
.divContenedor #txtPrecio{
    width:40%;
}
.divContenedor #div_cmbMoneda{
    width:120px;
}
.desHabilitado{
    opacity:0.70;
}
.divContenedor #div_cmbDiasPublicacion{
    width:200px;
}    
.divContenedor #div_cmbPublicacionesOfertazo{
    width:70px;
}
.divContenedor #div_cmbAnio, .divContenedor #div_cmbMarca, .divContenedor #div_cmbModelo, .divContenedor #div_cmbKilometraje, .divContenedor #div_cmbTransmision,
.divContenedor #div_cmbMotor, .divContenedor #div_cmbMotor, .divContenedor #div_cmbPuertas, .divContenedor #div_cmbColor, .divContenedor #div_cmbVendedor{
    width:340px;
}
.divContenedor #txtOtroM{
    width:125px;
    display:none;
}
.divContenedor #txtKilometraje{
    width:182px;
}
.divContenedor #txtColor{
    width:333px;
}        
.divContenedor #div_cmbZona, .divContenedor #div_cmbColonia, .divContenedor #div_cmbPlantas, .divContenedor #div_cmbRecamaras, .divContenedor #div_cmbBanios,
.divContenedor #div_cmbMtsConstruccion, .divContenedor #div_cmbMtsTerreno{
    width:340px;
}
.divContenedor #txtOtraC{
    width:125px;
    display:none;
}
.divContenedor .Check {
    appearance: none;
}
input[type=checkbox]:not(old),
input[type=radio]:not(old){
    display      : inline-block;
    padding-left : 28px;
    background   : url('../Imagenes/checks.png') no-repeat 0 0;
    line-height  : 24px;
}
input[type=checkbox]:not(old) + label,
input[type=radio]:not(old) + label
{        
    display      : initial;
    margin-left  : -25px;
    padding-left : 28px;
    background   : url('../Imagenes/checks.png') no-repeat 0 0;
    line-height  : 24px;
}
input[type=checkbox]:not(old):checked + label{
    background-position : 0 -24px;
}
input[type=radio]:not(old):checked + label{
    background-position : 0 -48px;
}
label .titulo, .divTarjetas .titulo{
    color: #848484;
    font: 20px Arial, Helvetica, sans-serif;
    /*margin-left: 40px;*/
}        
label .titulo + span{
    font: 15px Arial, Helvetica, sans-serif;
}
label .importes{
    color: #DF734C;
    font: 17px Arial, Helvetica, sans-serif;
}
#atrInternetDestacado .dias, #atrInternetColorFondo .dias{
    color: #848484;
    font: 13px Arial, Helvetica, sans-serif;
}
#atrInternetDestacado, #atrInternetColorFondo{
    background-image:url('../Imagenes/btn-small-1.png');
    background-repeat:no-repeat;
    background-position:left;
    cursor:pointer;
}
.descripcionAtributo{
    color: #848484;
    font: 13px Arial, Helvetica, sans-serif;
    margin-left:24px;
}
.lnkMuestra{
    color: #8AB1CE;
    font: 14px Arial, Helvetica, sans-serif;
    text-decoration:underline;
    cursor:pointer;
    margin-left: 10px;
    display: none;
}
.muestraDestacado{
    background:url('../images/destacado.png');
    width:526px;
    height:98px;
    position: absolute;
    right: 460px;
    display:none;
}
.muestraColorFondo{
    background:url('../images/fondo.png');
    width:526px;
    height:98px;
    position: absolute;
    right: 555px;
    display:none;
}
.divTarjetas{
    background-image:url('../Imagenes/btn-small-1.png');
    background-repeat:no-repeat;
    background-position:left;
    cursor:pointer;
}
#tpTarjetaCredito img, #tpPayPal img{
    vertical-align:middle;
    margin-left:30px;
}
.divContenedor .sugerenciaVideo{
    color: #848484;
    font: 13px Arial, Helvetica, sans-serif;
}
.divContenedor .sugerenciaVideo + a > img{
    margin-left:10px;
    vertical-align:middle;
}
.divContenedor #txtYouTube{
    width:80%;
}
.divTA .spnVerCaracteristicas + img{
    border:1px solid #000;
    position: absolute;
    z-index: 1;
    display:none;
}
#map_canvas{
    width:650px;
    height:400px;
}    
.divContenedor .btnEliminarMarcador{
    border-radius:5px;
    -webkit-box-shadow:
        0 0px 0 #ccc,k
        0 0px #fff inset;
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E6E6E6), color-stop(120%,#FFFFFF));*/
    color:#929292;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    cursor:pointer;
    border: 1px solid #ccc;
    padding:9px;
    font: bold 14px Arial, Helvetica, sans-serif;        
}
.divContenedor .divInstrucciones{
    text-align:center;
    width:300px;        
    color: #848484;
    font: 14px Arial, Helvetica, sans-serif;        
    margin-bottom: 30px;
    vertical-align: top;
}
/*.divInstrucciones p{
    text-align:left;
}*/
.divInstrucciones p span{
    font: 18px Arial, Helvetica, sans-serif;
    
}
#divContenido .btnPublicar{
    /*background:url("../Imagenes/btn-publicar.gif") center no-repeat;*/
    background: #f97c25;
    width: 246px;
    color: #fff;
    margin: 40px auto;
    cursor: pointer;
    font-size: 20px;
    padding: 6px 10px;
    border-radius: 5px;
}
#divContenido #btnPublicar{
    padding: 5px 40px;
    border-radius: 5px;
    background-color: #f97c25;
    color: #fff;
}
#divContenido #btnPublicar:hover{
    text-decoration: none;
}
#divContenido #btnPublicar:not(.btnPublicarDeshabilitado):hover{
    background-color: #de6d1f;
}
#divContenido .btnPublicarDeshabilitado,
#divContenido .btnGuardarDeshabilitado{
    filter: Alpha(Opacity=40);
    -moz-opacity: 0.40;
    opacity: 0.40;
    cursor:default;
}
.contGuardar{
    margin-top: 25px;
}    
.btnGuardar{
    padding: 5px 40px;
    border-radius: 5px;
    background-color: #f97c25;
    color: #fff;
}  
.btnGuardar:hover, .btnGuardar:focus{
    color: #fff;
    text-decoration: none;
}  
.contenedorMapa{
    text-align:center;
}    
.divContenedor .impresa .col1, .divContenedor .impresa .col2, .divContenedor .impresa .col3,
.divContenedor .impresa .col4{
            
}
.divContenedor .impresa .col1{
    width: 120px;
}
.divContenedor .impresa .col2, .divContenedor .impresa .col3{    
    width: 197px;    
}
.divContenedor .impresa .col4{        
    width: 140px;        
}
.divContenedor .spnSigOfertazo{     
    font:bold 12px Arial, Helvetica, sans-serif;
    color:#FF0000;
    margin-left: 20px;        
}
#divMensage, #divMensagePSR{    
    display:none;
}
#divMensage p, #divMensagePSR p{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #E6660D;
}
#divMensage a, #divMensagePSR a{
    text-decoration: none;
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #3DC1F3;
}        
#divMensage div, #divMensagePSR div{
    text-align:center;
}
#divMensage .titulo, #divMensagePSR .titulo{
    font: bold 18px Arial, Helvetica, sans-serif;
    color:#929292;
}
#divMensagePSR #correoConfirmacion{
    color: #0089CF;
}
.divContenedor #txtContacto{
    width: 100%;
}
.divContenedor .EtiquetaConfirmacion{       
    width: 100%;
    text-align: right;
}
.divContenedor .ValoresConfirmacion{
    color: #0089CF;
    font-weight: bold;        
    width: 100%;
    vertical-align: top;
}
.divContenedor .divBtnConfirmar{
    width:100%;
    text-align:center;        
}
.divConfirmacion .btnContinuar{
    background-color: #F97C25;
    width: 200px;
    height: 30px;
    margin: 40px 0;
    cursor: pointer;
    text-align: center;
    padding-top: 10px;
    color: #FFFFFF;
    border-radius: 5px;
    margin: 20px auto;
}
.divConfirmacion{
    width: 600px;
    margin: 0 auto;
    margin-top: 30px;    
}
.divContenedor #txtTelefono,.divContenedor #txtCorreo{
    width:100%;
}    
#nombreUsuario{
    color: #266a9c;
    font: 16pt BrandonGrotesqueBold;
}
.divContenedor .formPsinRegistro{
    margin-top: 5px;
    display: none;
}
#txtCorreoPSR{
    width: 300px;
}

div.ui-datepicker { font-size:12px; }
.ui-datepicker-trigger { border: none; background: url('../imagenes/calendario.png') no-repeat 0 center; width:20px; height:18px; padding:0; margin:0 4px; }
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a {
    background: #0073EA none;
    color: #FFFFFF;
    border: 1px solid #DDDDDD;
}
/*----------Invitacion Comentarios----------*/
#invitacionComentarios{
    border: 1px solid #C0C0C0;
    padding: 10px;
    text-align: center;
}
#invitacionComentarios p{
    font: bold 18px Arial, Helvetica, sans-serif;
    color: #929292;
}
/*#invitacionComentarios #btnSi,#invitacionComentarios #btnNo{
    width: 100px;
    margin: 10px;
}*/
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    border: none;
}
.input-error{
    border: 1px solid #e29a9a!important;
    background-color: rgb(243, 214, 214)!important;
    transition: all .5s;
    color: #666!important;
}
.div-renglon-error{
    border: 1px solid #e29a9a!important;
    border-radius: 5px;
    background-color: rgb(243, 214, 214)!important;
}
@media( min-width: 360px ) and (max-width: 736px) {
    #Acordion .spnTituloSegmento{
        margin-left:13%;
        color:#929292;
        font-weight:bold;
        float:left;
        font-size: 15px;
    }
}