/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; } /** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body {line-height:1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block; } nav ul {list-style:none; } blockquote, q {quotes:none; } blockquote:before, blockquote:after, q:before, q:after {content:''; content:none; } a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } /* change colours to suit your needs */ ins {background-color:#ff9; color:#000; text-decoration:none; } /* change colours to suit your needs */ mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del {text-decoration: line-through; } abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help; } table {border-collapse:collapse; border-spacing:0; } /* change border colour to suit your needs */ hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0; } input, select {vertical-align:middle; }
/*fin de reset*/
/*generales*/
.aviso_cookies {background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;color: #fff;font: 100 14px/16px sans-serif;padding: 10px 0;position: fixed;text-align: center;width: 100%;z-index: 9999;}
.aviso_cookies > div { margin: 0 auto;width: 90%;}
.aviso_cookies > div > p {}
.aviso_cookies > div > p > a {color: #ffffff;display: inline-block;margin: 0 0 0 4px;}
.aviso_cookies > div > a {background: #ffffff none repeat scroll 0 0;border-radius: 8px;color: #333333;cursor: pointer;display: block;margin: 4px auto;padding: 6px 8px;text-decoration: none;width: 80px;}
section {font-family: sans-serif}
section > div {margin: 0px auto;max-width:1400px;width: 94%;}
section > div > h1 {font-size: 26px;font-weight: normal;margin: 0;padding: 24px 0;}
section > div > p {font-size: 16px;line-height: 16px;margin: 10px 0;}
section li {list-style: none;}
section a {color: #000000}
/*vender*/
.formulario-vender {margin: 30px auto;width: 100%;}
.formulario-vender > form {}
.formulario-vender > form > h2 {}
.formulario-vender > form > h2 > a {background-color: #a3a5a5;border: 1px solid #eeeeee;border-radius: 4px;box-shadow: 0 0 2px #666666;color:#ffffff;display: block;font-size: 20px;font-weight: normal;line-height: 22px;margin: 8px 0;padding: 16px 20px;text-decoration:none;}
.formulario-vender > form > h2 > a.active {background-color: #ffffff;border: 1px solid #eeeeee;border-radius: 4px;box-shadow: 0 0 2px #666666;color:#111111;display: block;font-size: 20px;font-weight: normal;line-height: 22px;margin: 8px 0;padding: 16px 20px;}
.formulario-vender > form > h2 > a.completo {background-color: #333333;border: 1px solid #eeeeee;border-radius: 4px;box-shadow: 0 0 2px #666666;color:#ffffff;display: block;font-size: 20px;font-weight: normal;line-height: 22px;margin: 8px 0;padding: 16px 20px;}
.formulario-vender > form > h2 > a > span {background: transparent url("../images/icons.png") no-repeat scroll 0 -658px;display: inline-block;float: right;height: 20px;width: 16px;}
.formulario-vender > form > h2 > a.active > span {background: transparent url("../images/icons.png") no-repeat scroll 0 -624px;display: inline-block;float: right;height: 20px;width: 16px;}
.formulario-vender > form > h2 > a.completo > span {background: transparent url("../images/icons.png") no-repeat scroll -69px -624px;display: inline-block;float: right;height: 20px;width: 24px;}
.formulario-vender > form > div > a {background-color: #30353d;border-radius: 4px;clear: both;color: #ffffff;display: block;font-size: 16px;font-weight: normal;line-height: 22px;margin: 8px 0;padding: 12px 20px;text-decoration: none;}
.formulario-vender > form > div > a > span {background: transparent url("../images/icons.png") no-repeat scroll 0 -658px;display: inline-block;float: right;height: 20px;width: 16px;}
.formulario-vender > form > div > a.desplegado {background-color: #666666;}
.formulario-vender > form > div > a.plegado {background-color: #999999;}
.formulario-vender > form > div > a.desplegado > span {background:transparent url("../images/icons.png") no-repeat scroll -26px -658px;}
.formulario-vender > form > div > a.plegado > span {background:transparent url("../images/icons.png") no-repeat scroll 0px -658px;}
.formulario-vender > form > div > fieldset {display: block;}
.formulario-vender > form > div > fieldset > strong {clear:both;display: block;font-size: 16px;font-weight: normal;line-height: 16px;margin: 10px 0 10px 6px;}
.formulario-vender > form > div > fieldset > div:after {clear: both;content: '';display: block;}
.formulario-vender > form > div > fieldset > div {margin: 16px 0 26px}
.formulario-vender > form > div > fieldset > div > a {border: 1px solid #eeeeee;border-radius: 8px;box-shadow: 0 1px 2px #ccc;cursor: pointer;display: inline-block;float: left;font-size: 16px;line-height: 18px;margin: 10px 0.4%;padding: 16px 0;text-align: center;width: 18.9%;}
.formulario-vender > form > div > fieldset > div > a > img {max-width: 100%;height: auto;}
.formulario-vender > form > div > fieldset.marcas > div > a {padding: 10px 0;width: 15.5%;}
.formulario-vender > form > div > fieldset.marcas > div > a.ocultar {display:none; padding: 10px 0;width: 15.5%;}
.formulario-vender > form > div > fieldset > div > a:hover, .formulario-vender > form > div > fieldset > div > a.active {background-color: #999999;color:#ffffff;}
.formulario-vender > form > div > fieldset.modelo:after, .formulario-vender > form > div > fieldset.combustible:after {clear: both;content: '';display: block;}
.formulario-vender > form > div > fieldset.modelo > img, .formulario-vender > form > div > fieldset.combustible > img {display: block;float: left;margin: 16px 0 0;vertical-align: top;width: 9%;}
.formulario-vender > form > div > fieldset.modelo > div, .formulario-vender > form > div > fieldset.combustible > div {display: block;float: right;vertical-align: top;width: 88%;}
.formulario-vender > form > div > fieldset.modelo > div > a, .formulario-vender > form > div > fieldset.combustible > div > a {width: 23.5%;} 
.formulario-vender > form > div > fieldset.version > div > a {display: block;float: none;font-size: 16px;line-height: 16px;margin: 8px 0;padding: 6px 15px;text-align: left;width: auto;}
.formulario-vender > form > div > fieldset.version > div > a > span {display: inline-block;font-size:14px;text-align:left;vertical-align:top;width: 25%}
.formulario-vender > form > div > fieldset.version > div > a > span + span {text-align:center;width: 15%}
.formulario-vender > form > div > fieldset.version > div > a > span:first-child {width:32%;}
.formulario-vender > form > div > fieldset.version > div > a > span:nth-child(2) {width: 20%}
.formulario-vender > form > div > fieldset.version > div > a > span:last-child {text-align: right;}
.formulario-vender > form > div > fieldset.estado > div > a {padding: 8px 0;width: 23.8%;}
.formulario-vender > form > div > fieldset.estado > div > a > span {vertical-align: middle;}
.formulario-vender > form > div > fieldset.estado > div > a > i {background: transparent url("../images/icons.png") no-repeat scroll 0 0;display: inline-block;height: 28px;vertical-align: middle;width: 28px;}
.formulario-vender > form > div > fieldset.estado > div > a > i.estado-bueno {background-position: 0 -687px;}
.formulario-vender > form > div > fieldset.estado > div > a > i.estado-medio {background-position: 0 -718px}
.formulario-vender > form > div > fieldset.estado > div > a > i.estado-regular {background-position: 0 -750px}
.formulario-vender > form > div > fieldset.estado > div > a > i.estado-malo {background-position: 0 -781px}
.formulario-vender > form > div > fieldset.estado > div > a:hover > i.estado-bueno, .formulario-vender > form > div > fieldset.estado > div > a.active > i.estado-bueno {background-position: -34px -687px;}
.formulario-vender > form > div > fieldset.estado > div > a:hover > i.estado-medio, .formulario-vender > form > div > fieldset.estado > div > a.active > i.estado-medio {background-position: -34px -718px}
.formulario-vender > form > div > fieldset.estado > div > a:hover > i.estado-regular, .formulario-vender > form > div > fieldset.estado > div > a.active > i.estado-regular {background-position: -34px -750px}
.formulario-vender > form > div > fieldset.estado > div > a:hover > i.estado-malo, .formulario-vender > form > div > fieldset.estado > div > a.active > i.estado-malo {background-position: -34px -781px}
.formulario-vender > form > div > fieldset.datos > div > input {border: 1px solid #dddddd;border-radius: 8px;box-shadow: 1px 1px 2px #ddd inset;margin: 0 1%;padding: 10px 2px;width: 30%;}
.formulario-vender > form > div > fieldset.datos > div > select {border: 1px solid #dddddd;border-radius: 8px;box-shadow: 1px 1px 2px #ddd inset;margin: 0 1%;padding: 10px 2px;width: 30%;}
.formulario-vender > form > div > fieldset.extras > div > textarea {border: 1px solid #dddddd;border-radius: 8px;box-shadow: 1px 1px 2px #ddd inset;height: 150px;margin: 0 1%;padding: 10px 2px;resize: none;width: 96%;}
.formulario-vender > form > div > fieldset.datos > div > input[type=checkbox] {min-width: 18px;padding: 10px 2px;width: 1%;}
.formulario-vender > form > div > fieldset.datos > div > input.small {padding: 10px 2px;width: 15%;}
.formulario-vender > form > div > fieldset.fotos > div > p {color: #333333;font-size: 16px;font-weight: bold;line-height: 20px;margin: 10px 20px;}
.formulario-vender > form > div > fieldset.fotos > div > div {border: 1px solid #dddddd;border-radius: 2px;box-shadow: 0 0 2px #dddddd;display: block;float: left;margin: 10px 2%;position: relative;width: 45%;}
.formulario-vender > form > div > fieldset.fotos > div > div > a {background: #333333 none repeat scroll 0 0;color: #ffffff;font-size: 16px;font-weight: bold;height: 16px;line-height: 16px;padding: 10px;position: absolute;right: 5px;text-align: center;text-decoration:none;top: 5px;width: 16px;z-index: 20000;}
.formulario-vender > form > div > fieldset.fotos > div > div > input[type="file"] {cursor: pointer;display: block;height: 100%;opacity: 0;position: absolute;width: 100%;z-index: 2;}
.formulario-vender > form > div > fieldset.fotos > div > div > img {display: block;height: auto;width: 100%}
.formulario-vender > form > div > fieldset.fotos > div > div > span > img {display: block;height: auto;width: 100%}
.formulario-vender > form > div > fieldset.fotos > div > div > .sms-error {background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;color: #c30;left: 5px;position: absolute;top: 5px;}
.formulario-vender > form > div > fieldset.fotos .masfotos {padding: 20px 2%;text-align: center;}
.formulario-vender > form > div > fieldset.fotos .masfotos > button {cursor:pointer;background: #494949; /* Old browsers */background: -moz-linear-gradient(top,  #494949 0%, #353535 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #494949 0%,#353535 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #494949 0%,#353535 100%);border: 1px solid #333333;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 14px;letter-spacing: 0.5px;margin: 10px 0;min-width: 230px;padding: 16px 20px;}
.formulario-vender > form > div > fieldset.fotos .masfotos > button:hover {box-shadow: 0 0 2px #666666}
.formulario-vender > form > div > fieldset.datos-propietario > p {color: #333333;font-size: 16px;font-weight: bold;line-height: 20px;margin: 10px 20px;}
.formulario-vender > form > div > fieldset.datos-propietario > ul {margin: 30px 0}
.formulario-vender > form > div > fieldset.datos-propietario > ul > li {margin: 10px 0}
.formulario-vender > form > div > fieldset.datos-propietario > ul > li > label {display: inline-block;font-size: 14px;line-height: 18px;min-width: 250px;text-align: right;vertical-align: middle;}
.formulario-vender > form > div > fieldset.datos-propietario > ul > li > select {border: 1px solid #dddddd;border-radius: 8px;margin: 0 1%;min-width: 310px;padding: 6px 2px;vertical-align: middle;}
.formulario-vender > form > div > fieldset.datos-propietario > ul > li > input[type="text"] {border: 1px solid #dddddd;border-radius: 8px;box-shadow: 1px 1px 2px #ddd inset;margin: 0 1%;min-width: 300px;padding: 10px 2px;vertical-align: middle;}
.formulario-vender > form > div > fieldset.interes-pregunta {}
.formulario-vender > form > div > fieldset.interes-pregunta > p {color: #333333;font-size: 16px;font-weight: bold;line-height: 20px;margin: 10px 20px;}
.formulario-vender > form > div > fieldset.interes-pregunta > p > a {border: 1px solid #eeeeee;border-radius: 8px;box-shadow: 0 1px 2px #ccc;cursor: pointer;display: inline-block;font-size: 16px;font-weight:normal;line-height: 18px;margin: 10px 0.4%;padding: 16px 0;text-align: center;width: 18.9%;}
.formulario-vender > form > div > fieldset.interes-pregunta > p > a:hover, .formulario-vender > form > div > fieldset.interes-pregunta > p > a.active {background-color: #333333;color:#ffffff;}
.formulario-vender > form > div > fieldset.interes-pregunta > ul {color: #333333;font-size: 16px;line-height: 20px;margin: 10px 20px;}
.formulario-vender > form > div > fieldset.interes-pregunta > ul > li {margin:20px 0;}
.formulario-vender > form > div > fieldset.interes-pregunta > ul > li > label {display: inline-block;font-size: 14px;line-height: 16px;min-width: 250px;text-align: left;vertical-align: middle}
.formulario-vender > form > div > fieldset.interes-pregunta > ul > li > select {border: 1px solid #dddddd;border-radius: 8px;margin: 0 1%;min-width: 310px;padding: 6px 2px;vertical-align: middle;}
.formulario-vender > form > div > fieldset.interes-vehiculo {margin: 30px 0}
.formulario-vender > form > div > fieldset.interes-vehiculo > select {border: 1px solid #dddddd;border-radius: 8px;margin: 0 1%;min-width: 310px;padding: 6px 2px;vertical-align: middle;}
.formulario-vender > form > div > fieldset.envio {margin: 60px 0 0;text-align: center;width: 90%;}
.formulario-vender > form > div > fieldset.envio > p {color: #333333;font-size: 12px;font-weight: normal;line-height: 20px;margin: 10px 20px;}
.formulario-vender > form > div > fieldset.envio > button {cursor:pointer;background: #494949; /* Old browsers */background: -moz-linear-gradient(top,  #494949 0%, #353535 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #494949 0%,#353535 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #494949 0%,#353535 100%);border: 1px solid #333333;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 14px;letter-spacing: 0.5px;margin: 10px 0;min-width: 230px;padding: 16px 20px;}
.formulario-vender > form > div > fieldset.envio > button:hover {box-shadow: 0 0 2px #666666}
.formulario-vender > form > div > fieldset.nextstep {margin: 20px 0 0;text-align: center;width: 95%;}
.formulario-vender > form > div > fieldset.nextstep > p {color: #333333;font-size: 12px;font-weight: normal;line-height: 20px;margin: 10px 20px;}
.formulario-vender > form > div > fieldset.nextstep > button {cursor:pointer;background: #494949; /* Old browsers */background: -moz-linear-gradient(top,  #494949 0%, #353535 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top,  #494949 0%,#353535 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom,  #494949 0%,#353535 100%);border: 1px solid #333333;border-radius: 4px;color: #ffffff;cursor: pointer;font-size: 14px;letter-spacing: 0.5px;margin: 10px 0;min-width: 230px;padding: 16px 20px;}
.formulario-vender > form > div > fieldset.nextstep > button:hover {box-shadow: 0 0 2px #666666}
.formulario-vender > form > div.confirma {}
.formulario-vender > form > div.confirma > p {font-size: 20px;line-height:22px;margin: 40px;}
.formulario-vender > form > div.confirma > p > span {background: transparent url("../images/icons.png") no-repeat scroll 0 -863px;display: block;font-size: 15px;height: 30px;line-height: 28px;padding: 25px 0 25px 117px;}
.formulario-vender > form > div.confirma > img {display: block;height: auto;width: 100%}
.formulario-vender > form > div.no-confirma {color:#c30;}
.formulario-vender > form > div.no-confirma > p {font-size: 20px;line-height:22px;margin: 40px;}
.formulario-vender > form > div.no-confirma > p > span {background: transparent url("../images/icons.png") no-repeat scroll 0 -996px;display: block;font-size: 15px;height: 30px;line-height: 28px;padding: 25px 0 25px 126px;}
.formulario-vender > form > div.no-confirma > img {display: block;height: auto;width: 100%}
.formulario-vender input[type="text"], .formulario-vender select, .formulario-vender textarea {font-size: 16px; line-height: 18px;}
.error {color:#c30;}
/*ajustes especificos publica*/
#field_plazas input[type="text"] {margin: 0 1% 20px;text-indent:4px;width: 96%;}
#field_plazas > div > div {margin:0px 1% 10px;}
#field_plazas > div > div > span {display: inline-block;margin: 20px 0;min-width: 220px}
#field_plazas label + label {margin: 0 0 0 20px;}
#field_color select {margin: 0 1% 20px;text-indent:4px;width: 96%;}
#field_color hr {border-color: #eeeeee;margin: 40px 0;}
#field_precio span {color:#444444;display: inline-block;font-size: 0.8em;}
/*fin ajustes epecificos publica*/
@media (max-width: 1130px) {
    .formulario-vender > form > div > fieldset > div > a {font-size: 15px;line-height: 18px}
    .formulario-vender > form > div > fieldset.version > div > a > span:first-child {width: 30%}
    .formulario-vender > form > div > fieldset.datos > div > input {width: 29%}
}
@media (max-width: 770px) {
    .formulario-vender > form > div > fieldset > div > a, .formulario-vender > form > div > fieldset.marcas > div > a {width: 23.4%}
    .formulario-vender > form > div > fieldset.modelo > img, .formulario-vender > form > div > fieldset.combustible > img {float: none;width: auto;}
    .formulario-vender > form > div > fieldset.modelo > div, .formulario-vender > form > div > fieldset.combustible > div {float: none;width: auto;}
    .formulario-vender > form > div > fieldset.estado > div > a {width: 48%}
    .formulario-vender > form > div > fieldset.datos > div > input {margin: 0 0 14px;width: 96%;}
    .formulario-vender > form > div > fieldset.datos > div > select {margin: 0 0 14px;width: 98%;}
}
@media (max-width: 720px) {
    .formulario-vender > form > div > fieldset.datos-propietario > ul > li > label {display: block;margin: 8px 15px 12px;text-align: left;}
    .formulario-vender > form > div > fieldset.datos-propietario > ul > li > select {margin:0 15px;width: 90%}
    .formulario-vender > form > div > fieldset.datos-propietario > ul > li > input[type="text"] {margin:0 15px;width: 90%}
    .formulario-vender > form > div > fieldset.interes-pregunta > p > a {width: 40%}
    .formulario-vender > form > div > fieldset.interes-pregunta > ul > li > label{display: block;margin: 8px 0 20px;text-align: left;}
    .formulario-vender > form > div > fieldset.interes-pregunta > ul > li > select, .formulario-vender > form > div > fieldset.interes-vehiculo > select {margin:8px 0;width: 90%}
}
@media (max-width: 690px) { 
    .formulario-vender > form > div > fieldset.modelo > div > a, .formulario-vender > form > div > fieldset.combustible > div > a {width: 31%;}
}
@media (max-width: 550px) {
    .formulario-vender > form > div > a {font-size: 21px}
    .formulario-vender > form > div > fieldset > div > a, .formulario-vender > form > div > fieldset.marcas > div > a {width: 31.4%}
    .formulario-vender > form > div > fieldset.modelo > div > a, .formulario-vender > form > div > fieldset.combustible > div > a {width: 47%;}
    .formulario-vender > form > div > fieldset.version > div > a > span:first-child, .formulario-vender > form > div > fieldset.version > div > a > span:nth-child(2), .formulario-vender > form > div > fieldset.version > div > a > span + span {display: block;width: auto;margin: 0 0 8px 0;text-align: left;}
    .formulario-vender > form > div > fieldset.estado > div > a {width: 97%;}
    .formulario-vender > form > div.confirma > p {margin: 40px 0} 
    select, input[type="text"], textarea {min-width: 0 !important}
}
/*error 500*/
.error-page-500 {background: #ffffff;border-radius: 8px;font-family:sans-serif;margin: 20px auto;padding: 2px 0;max-width: 660px;width: 90%;}
.error-page-500 > img {display: block;margin: 30px auto;max-width: 80%;opacity: 0.6;width: 170px;}
.error-page-500 h1 {font-size: 36px;font-weight: 700;line-height: 44px;margin: 20px 20px;text-align: center;}
.error-page-500 h2 {font-size: 30px;font-weight: 700;line-height: 38px;margin: 20px 20px;text-align: center;}
.error-page-500 p {font-size: 14px;font-weight: 400; line-height:20px;margin: 20px 20px;text-align: justify;}
.error-page-500 ul {font-size: 14px;font-weight: 400; line-height:20px;margin: 20px 40px;text-align: left;}
.error-page-500 ul > li {margin: 10px 0;list-style: disc outside;}
.error-page-500 ul > li > a {color: #333333;font-weight: bold;text-decoration: none;}
.error-page-500 ul > li > a:hover {text-decoration: underline;}