body {background:#ffffff !important;} @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap'); /*header*/ .grad-fx {background: #fefefe; /* Old browsers */background: -moz-linear-gradient(top, #fefefe 7%, #efefef 75%, #ffffff 78%, #efefef 98%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#fefefe), color-stop(75%,#efefef), color-stop(78%,#ffffff), color-stop(98%,#efefef)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* IE10+ */background: linear-gradient(to bottom, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* W3C */box-shadow: 0 0 2px #666;margin: 0;} .grad-fx > form {background: #fefefe; /* Old browsers */background: -moz-linear-gradient(top, #fefefe 7%, #efefef 75%, #ffffff 78%, #efefef 98%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(7%,#fefefe), color-stop(75%,#efefef), color-stop(78%,#ffffff), color-stop(98%,#efefef)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* IE10+ */background: linear-gradient(to bottom, #fefefe 7%,#efefef 75%,#ffffff 78%,#efefef 98%); /* W3C */margin: 0 auto;width: 1024px;} .grad-fx > form > ul {min-height: 12px;overflow: hidden;padding: 9px 0 10px;} .grad-fx > form > ul > li { border-right: 1px solid #444444;float: right;font-family: Roboto;font-size: 12px;font-weight: normal;line-height: 9px;padding: 0 30px;} .grad-fx > form > ul > li > a {color: #444444;text-decoration: none;} .grad-fx > form > ul > li.area {border: medium none;font-family: "roboto",Roboto,sans-serif;font-size: 14px;font-weight: normal;padding: 0 10px;text-transform: uppercase;} #header_concesion {background: #e5eaee; /* Old browsers */background: -moz-linear-gradient(top, #e5eaee 0%, #ffffff 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5eaee), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #e5eaee 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #e5eaee 0%,#ffffff 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #e5eaee 0%,#ffffff 100%); /* IE10+ */background: linear-gradient(to bottom, #e5eaee 0%,#ffffff 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5eaee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */} #header_concesion * {box-sizing:unset;} #header_concesion > #new_header {font-family: verdana,Roboto;margin:0 auto;width: 1024px} #header_concesion > #new_header > div > p {display: block;float: left;min-width: 250px;} #header_concesion > #new_header > div > p > a > img {border: medium none;margin-left: 45px;margin-top: 15px;} #header_concesion > #new_header .menu_movil {display: none;} #header_concesion > #new_header > div > p.logo_marca {display: block;float: right;height: 74px;margin-right: 0;overflow: hidden;text-align: right;} #header_concesion > #new_header > div > p.logo_marca .fb_iframe_widget {display: inline-block;left: 20px;position: relative;vertical-align: middle;} #header_concesion > #new_header > div > p.logo_marca img {border: medium none;margin-left: 45px;margin-top: 15px;} #header_concesion > #new_header div.acc-head {clear: right;float: right;margin: 5px 0;vertical-align: middle;width: 360px;} #header_concesion > #new_header div.acc-head .quiero_llamen {background: #f7f7f7; /* Old browsers */background: -moz-linear-gradient(top, #f7f7f7 0%, #e0e0e0 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #f7f7f7 0%,#e0e0e0 100%); /* IE10+ */background: linear-gradient(to bottom, #f7f7f7 0%,#e0e0e0 100%); /* W3C */border-radius: 4px;box-shadow: 1px 1px 2px #666666;float: right;font-family: Roboto;margin: 5px 0;min-width: 0;width: 190px;} #header_concesion > #new_header div.acc-head .quiero_llamen > a {background: transparent url("/configurador/images/dealer/audiretailbarcelona/quiero_llamen.png") no-repeat scroll 7px 5px;display: block;font-family: "roboto",Roboto,sans-serif;font-size: 14px;font-weight: normal;padding: 14px 0 14px 30px;text-align: center;text-decoration: none;} #header_concesion > #new_header div.acc-head .quiero_llamen > a > strong {color: #444444;display: block;font-size: 14px;font-weight: normal;text-decoration: none;width: auto;} #header_concesion > #new_header div.acc-head .quiero_llamen:hover {box-shadow: none;} #header_concesion > #new_header div.acc-head .fb_iframe_widget {display: inline-block;margin: 15px 0 0;position: static !important;} #header_concesion > #new_header > div > span {background:transparent none;display: block;float: left;font-size: 10px;letter-spacing: -0.3px;width: 470px;font-weight: bold;height: 30px;margin-bottom: 12px;margin-left: 50px;margin-top: 0;font-family: verdana;color: #3f3f3f;} #header_concesion > #new_header > div > form {clear: both;} #header_concesion > #new_header > div > form > ul {background-image: url("/configurador/images/dealer/audiretailbarcelona/gradient_userlog.gif");background-position: center center;background-repeat: repeat-x;clear: both;height: 34px;margin: 0;padding: 0;width: 100%;} #header_concesion > #new_header > div > form > ul > li {float: right;height: 17px;line-height: 20px;list-style-type: none;padding: 6px 15px 4px;} #header_concesion > #new_header > div > form > ul > li > a {color: #414141;font-size: 12px;text-decoration: none;} #header_concesion > #new_header > div > form > ul > li.area {background: none repeat scroll 0 0 #8C8F96;color: #ffffff;font-size: 12px;height: 24px;text-decoration: none;} #header_concesion > #new_header > div > form > ul > li + li {border-right: 1px solid #ececec;} #header_concesion > #new_header > div > #nav-bar {background: #f9f9f9; /* Old browsers */background: -moz-linear-gradient(top, #f9f9f9 0%, #f9f9f9 20%, #e6e6e6 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(20%,#f9f9f9), color-stop(100%,#e6e6e6)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top, #f9f9f9 0%,#f9f9f9 20%,#e6e6e6 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top, #f9f9f9 0%,#f9f9f9 20%,#e6e6e6 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, #f9f9f9 0%,#f9f9f9 20%,#e6e6e6 100%); /* IE10+ */background: linear-gradient(to bottom, #f9f9f9 0%,#f9f9f9 20%,#e6e6e6 100%); /* W3C */border: 1px solid #e6e6e6;border-radius: 4px;box-shadow: 0 2px 2px #777;clear: both;list-style: outside none none;margin: 0;overflow: hidden;padding: 0;width: 100%;} #header_concesion > #new_header > div > #nav-bar li {float: left;} #header_concesion > #new_header > div > #nav-bar li+li {border-left-width: 1px;border-left-style: solid;border-left-color: #ECECEC; } #header_concesion > #new_header > div > #nav-bar li a {color: #a3a3a3;display: block;font-family: 'Roboto Condensed',Roboto,sans-serif;font-size: 14px;height: 35px;line-height: 17px;padding-left: 14.5px;padding-right: 14.5px;padding-top: 20px;text-decoration: none;text-transform: uppercase;} #header_concesion > #new_header > div > #nav-bar li a:hover {background: #e4e4e4;color:#192433;} #header_concesion > #new_header > div > #nav-bar li.actual a, #header_concesion > #new_header > div > #nav-bar li.actual a:hover, #header_concesion > #new_header > div > li a:hover {background-color: #e4e4e4;color: #192433;font-weight: normal;height: 35px;padding-top: 20px;} #header_concesion > #new_header > div > #nav-bar li.actual a {cursor: default;} #header_concesion > #new_header > div #nav-bar li.dwa a {background: rgba(255, 135, 31, 0.2) none repeat scroll 0 0;color: #777777;} #header_concesion > #new_header > div #nav-bar li.dwa a:hover {background: rgba(255, 135, 31, 1) none repeat scroll 0 0;color:#ffffff;} #header_concesion > #new_header > div #nav-bar li.asp a {background: rgba(140, 143, 149, 0.2) none repeat scroll 0 0;color:#777777;} #header_concesion > #new_header > div #nav-bar li.asp a:hover {background: rgba(140, 143, 149, 1) none repeat scroll 0 0;color:#ac0808;} #header_concesion > #new_header > div > #subnav-var {background: #7b7b7b none repeat scroll 0 0;clear: left;list-style-type: none;overflow: hidden;padding: 0 0 4px;width: 100%;} #header_concesion > #new_header > div > #subnav-var li{border-right: 1px solid #ffffff;display: inline-block;float: left;line-height: 12px;margin: 7px 0;padding: 0 16px;} #header_concesion > #new_header > div > #subnav-var li a {color: #ffffff;font-size: 12px;text-decoration: none;} #header_concesion > #new_header > div > #subnav-var li.actual a, #header_concesion > #new_header > div > #subnav-var li a:hover {color:#AC0808;font-weight: bold} #header_concesion > #new_header > div > #nav-bar li.actual a, #header_concesion > #new_header > div > #nav-bar li.actual a:hover {background-color: #8c8f95;color: #ac0808;} #header_concesion > #new_header > div > #subnav-var {background: #8C8F95 none repeat scroll 0 0;color: #ffffff;} #header_concesion > #new_header > div > #subnav-var li a:hover {text-decoration: none;color: #AC0808;font-family:verdana,Roboto;} #header_concesion > #new_header #fb-root {display: none;} /*footer*/ #footer_concesion > #footer {margin:0 auto;background-color: #313131;border-radius: 4px 4px 0 0;clear: both;font-family: "Roboto",Roboto,sans-serif;font-weight: normal;padding: 0 0 20px;position: relative;z-index: 99;width: 980px;} #footer_concesion > #footer > .wrap {margin: 0;padding: 0;} #footer_concesion > #footer > .wrap > .col {float: left;font-weight: lighter;padding-left: 25px;width: 16%;} #footer_concesion > #footer > .wrap > .col > h2 {background:transparent none;color: #cccccc;font-family: verdana,Roboto;font-size: 13px;font-weight: bold;padding-bottom: 22px;padding-top: 25px;} #footer_concesion > #footer > .wrap > .col > ul > li > a {color: #cccccc;display: block;font-size: 11px;font-weight: lighter;margin-bottom: 3px;text-decoration: none;} #footer_concesion > #footer > .wrap > .col > ul > li > a:hover {color:#ffffff;} #footer_concesion > #footer > .wrap > .social {background-color: #c2c2c2;border-radius: 0 0 5px 5px;float: right;font-family: Roboto;height: 113px;margin-bottom: 40px;margin-right: 33px;width: 372px;} #footer_concesion > #footer > .wrap > .social > h2 {background:transparent none;color: #333333;float: none;font-size: 14px;font-weight: bold;margin: 18px;text-decoration: none;width: auto;} #footer_concesion > #footer > .wrap > .social > ul {display: block;float: none;height: 36px;margin: 10px 18px;text-align: center;width: auto;} #footer_concesion > #footer > .wrap > .social > ul > li {float: left;margin: 0 4px;} #footer_concesion > #footer > .wrap > .social > ul > li > a > img {border:none;} #footer_concesion > #footer > .wrap > p {clear: both;color: #fff;display: block;font-size: 12px;font-weight: normal;margin-left: 26px;text-decoration: none;width: 800px;} #footer_concesion > #footer > .wrap > .copy {clear: both;color: #fff;font-weight: normal;margin-left: 25px;width: 843px;} #footer_concesion > #footer > .wrap > .copy > h3 {margin:0;color: #fff;font-family: verdana,Roboto;text-decoration: none;font-size: 12px;font-weight:normal;padding-bottom: 20px;padding-top: 25px;} .wrap_copy {background: #2C2C2C url("/configurador/images/dealer/audiretailbarcelona/bg_footer.jpg") repeat scroll center top} .wrap_copy > .copy {margin: 0 auto;width: 1024px;} .wrap_copy > .copy > h3 {margin:0;background: #2C2C2C url("/configurador/images/dealer/audiretailbarcelona/bg_footer.jpg") repeat scroll center top;color: #cccccc;font-size: 12px;font-weight: normal;padding: 12px 25px;} /*modal*/ .model_cover {display: none;font-family: verdana,Roboto;} #quiero_llamen {background: none repeat scroll 0 0 #ffffff;font-family: verdana,Roboto;padding: 5px 10px;width: 450px;} #quiero_llamen > h2 {background: none repeat scroll 0 0 #8C8F96;color: #ffffff;font-family: verdana,Roboto;font-size: 13px;font-weight: bold;padding: 5px 10px;} #quiero_llamen > p {background: transparent url("/configurador/images/dealer/asturwagen/quiero_llamen_big.png") no-repeat scroll right center;font-size: 12px;padding: 40px 110px 40px 0;} #quiero_llamen > p > span {display: block} #quiero_llamen > form > ul > li {margin: 4px 0 8px;} #quiero_llamen > form > ul > li > label {display: inline-block;font-size: 11px;min-width: 85px;padding: 5px 0 0;vertical-align: top;} #quiero_llamen > form > ul > li > input[type="text"] {width: 320px} #quiero_llamen > form > ul > li > select {width: 320px;} #quiero_llamen > form > p {margin: 10px 0} #quiero_llamen > form > p > label {font-size: 11px;} #quiero_llamen > form > p > label > a {color: #222222;font-weight: bold;text-decoration: none;} #quiero_llamen > form > p > button {background: none repeat scroll 0 0 #999999 !important;border-radius: 2px !important;color: #ffffff !important;font-size: 12px !important;font-weight: bold !important;padding: 6px 12px !important;text-shadow: 1px 1px 1px #333333 !important;cursor: pointer;display: inline-block;} /*ajustes tras revision*/ #new_header .container .audi_logo img {display: block;height: 50px;padding: 20px 0 0 5px;width: 90%;} @media (max-width: 1024px) { #header_concesion > #new_header > div > p.logo_marca {height: auto;} .grad-fx, #header_concesion > #new_header div.acc-head, #header_concesion > #new_header > div > #nav-bar, #header_concesion > #new_header > div > span, #header_concesion > #new_header > div > h1, #header_concesion > #new_header > div > #subnav-var {display: none;} #header_concesion > #new_header {margin:0 auto;width: 98%} #header_concesion > #new_header > div > p {min-width: 0} #header_concesion > #new_header > div > p > a > img, #header_concesion > #new_header > div > p.logo_marca img, #header_concesion > #new_header > div > h1 {margin-left: 0} #content {clear: both;} #footer_concesion > #footer {text-align: left;width: 100%} #footer_concesion > #footer > .wrap > .col {float: none;font-weight: lighter;padding-left: 25px;width: auto;} #footer_concesion > #footer > .wrap > .social {background-color: #8e9197;float: none;font-weight: bold;height: 153px;margin: 15px 25px;width: auto;} #footer_concesion > #footer > .wrap > p {width: auto;} #footer_concesion > #footer > .wrap > .social > ul {clear: left;display: block;float: none;height: 36px;margin-bottom: 25px;margin-right: 8px;margin-top: 13px;padding: 10px;width: 215px;} } @media (max-width: 995px){.grad-fx,.wrap_copy{display: none;}} @media (max-width: 600px){ #header_concesion > #new_header > div > p > a > img {height: auto;width: 380px;} #header_concesion > #new_header > div > p.logo_marca img {height: auto;width: 50px;} } @media (max-width: 500px){ #header_concesion > #new_header > div > p > a > img {height: auto;width: 260px;} #header_concesion > #new_header > div > p.logo_marca img {height: auto;width: 35px;} #header_concesion > #new_header > div > p.logo_marca {height: auto;margin: 0 15px 10px 0} } .termsLink{display: flex; align-items: center; margin: 20px 26px; clear: both; flex-flow: row wrap;} .termsLink a{display: inline-flex; align-items: center; text-decoration: none; color: #ccc; border: 1px solid #ccc; padding: 4px 10px; border-radius: 10px; font-family: arial; margin: 8px 8px 8px 0;} .termsLink svg{fill: #ccc;height: 16px;width: 16px;} .termsLink span{color: #ccc;font-size: 11px;margin: 0 0 0 8px;line-height: 1;}