/*----- hasta que se haga responsive -----*/
@media (max-width: 950px) {
.caja_cookies {height:auto;width:100%;}
.caja_cookies > div {width: 70%;margin:0 auto;}
#content {width: 100%}
#footer {overflow:hidden;width: 100%}
}
/**/
.legalAdvise {margin:20px 0;}
.legalAdvise p {font-size:14px;line-height:1.2;}
/*-------------------CSS FONTS--------------------*/
@font-face {
    font-family:'auditype';
    src: url('fonts/AudiTypeExtendedNormal.eot');
    src: url('fonts/AudiTypeExtendedNormal.eot?#iefix') format('embedded-opentype'),
         url('fonts/AudiTypeExtendedNormal.woff') format('woff'),
         url('fonts/AudiTypeExtendedNormal.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'auditypebold';
    src: url('fonts/AudiTypeExtendedBold.eot');
    src: url('fonts/AudiTypeExtendedBold.eot?#iefix') format('embedded-opentype'),
         url('fonts/AudiTypeExtendedBold.woff') format('woff'),
         url('fonts/AudiTypeExtendedBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
/*------- landing -------*/
#content.configurador.landing #configurator {background: transparent none;}
#content.configurador.landing > h1 {font-family: verdana,sans-serif;font-size: 16px;font-weight: normal;line-height: 20px;margin: 10px 20px;}
#content.configurador.landing #miniature{margin: 10px;width: auto;}
#content.configurador.landing #miniature > p {font-size: 14px;font-weight: normal;margin: 0 0 20px 2px;}
#content.configurador.landing #miniature > ul {margin: 15px 0;overflow: hidden;width: auto;}
#content.configurador.landing #miniature > ul > li {margin: 0;width: 20%;}
#content.configurador.landing #miniature > ul > li > a {background: #f6f8f9; /* Old browsers */background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f8f9), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#f5f7f9)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* IE10+ */background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */border:1px solid #bbbbbb;border-radius: 10px;box-shadow: 1px 1px 2px #999;margin: 5px;overflow: hidden;position: relative;}
#content.configurador.landing #miniature > ul > li > a > img {display: block;float: none;margin: 0 auto;position: static;}
#content.configurador.landing #miniature > ul > li > a > strong {background: none repeat scroll 0 0 transparent;font-family: verdana,sans-serif;font-weight: normal;padding: 0;position: absolute;right: -99999em}
/*------------------Configurador-----------------*/
#configurator  {background: rgb(220,225,228); /* Old browsers */background: -moz-linear-gradient(left,  rgba(220,225,228,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(220,225,228,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  rgba(220,225,228,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  rgba(220,225,228,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  rgba(220,225,228,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */background: linear-gradient(to right,  rgba(220,225,228,1) 0%,rgba(255,255,255,1) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dce1e4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */border: none;box-shadow: none;font-family: arial;margin: 5px 10px 15px;}
#configurator h2 {font-size: 19px;font-weight: bold;color: #18222f;margin-top: 25px;margin-left: 30px;margin-bottom: 45px;}
#configurator h3 {color: #000;font-family: 'auditype', arial, sans-serif;font-size: 12px;font-weight: bold;margin: 5px 0 15px 15px;}
.configure_btn {width: 90px;height: 22px;overflow: visible;font-size: 9px;margin-top: 5px;padding: 1px;border: none;background: #182331;border-radius: 5px;color: #fff;font-weight: bold;cursor: pointer;}
.configure_step {background: none repeat scroll 0 0 #cc0033;border: medium none;border-radius: 0;color: #fff;cursor: pointer;display: inline-block;font-size: 12px;font-weight: bold;height: 33px;margin-left: 3px;outline: 0 none;overflow: visible;padding: 0;width: 116px;}
.configure_step:hover{background: none repeat scroll 0 0 #AA142D;color: #ffffff !important;}
#steps {background: none repeat scroll 0 0 #edeef0;border: 1px solid #e7e9ea;border-radius: 0;clear: both;font-family: 'auditype', arial, sans-serif;height: 30px;list-style: none outside none;margin: 5px auto 25px;overflow: hidden;padding: 0;vertical-align: middle;width: 958px;}
#steps.ul_short {width: 904px;}
#steps em {color: #999999;font-size: 18px;font-style: normal;line-height: 25px;vertical-align: top;}
#steps .actual em {color: #000000;}
#steps>li {margin: 0;float: left;color: #FFF;padding: 0px;width: 150px;}
#steps>li>a {cursor: default;pointer-events:none;color: #999999;display: block;font-size: 11px;font-weight: bold;line-height: 20px;margin: 0;padding: 5px 10px;text-align: left;text-decoration: none;width: 100%}
#steps>li>a.prevent{cursor: default;pointer-events:none;}
#steps>li+li>a {border-left: 1px solid #ffffff;}
#steps>li.actual {background-color: #ffffff;color: #000000;display: block;font-size: 12px;font-weight: bold;line-height: 20px;margin: 0;padding: 5px 10px;text-align: left;text-decoration: none;width: 133px;}
#steps>li>a:hover {color: #202020;}
.corner {border-radius:5px;}
#selector {float: left;height: 100%;margin-left: 15px;width: 600px;}
#selector ul.radio_list {margin-left: 0;width: 100%;}
#selector ul.radio_list li {color: #000000;float: left;font-size: 12px;font-weight: normal;margin: 0 25px 0 5px;width: auto;}
#selector ul.radio_list li a {text-decoration: none;color: #182230;}
#selector ul.radio_list.next_step li label {min-width: 0;display: inline;word-wrap: break-word;margin: 0 0 5px 0;}
#selector ul.radio_list.next_step li label+label {min-width: 140px;display: inline-block;word-wrap: break-word;margin: 0 0 5px 0;}
#selector ul.radio_list.next_step>li>label>span.comaRadio {position: relative;top: 2px} 
#configurator .clear {color: #555;display: block;font-size: 11px;margin: 10px 20px;}
#configurator .shadow {overflow: hidden;box-shadow: 2px 2px 3px #dadada;-moz-box-shadow: 2px 2px 3px #dadada;-webkit-box-shadow: 2px 2px 3px #dadada;zoom: 1;filter: progid:DXImageTransform.Microsoft.Shadow(color='#333333', Direction=135, Strength=3);}
#configurator .su_vehiculo{background: none repeat scroll 0 0 #ffffff;border: 1px solid #eee;float: right;margin: 10px 10px 10px 0;width: 260px;}
#configurator .su_vehiculo>h2{background: url("../images/icon_suconfigura_au.png") no-repeat scroll 4px 1px #000000;color: #fff;font-family: "auditype",verdana,sans-serif;font-size: 14px;line-height: 14px;margin: 0;padding: 8px 0 6px 41px;}
#configurator .su_vehiculo>#contacto{background: none repeat scroll 0 0 #ffffff;border-color: transparent transparent transparent -moz-use-text-color;border-left: medium none;clear: none;float: none;margin: 0 8px 5px;overflow: hidden;padding: 0;width: auto;}
#configurator .su_vehiculo>#contacto h4 {background: none repeat scroll 0 0 transparent;border: medium none;color: #000000;cursor: default;display: inline-block;font-family: "auditype",arial,sans-serif;font-size: 12px;line-height: 15px;margin: 0 4px 7px;padding: 2px 0;text-decoration: none;}
#configurator .su_vehiculo>#contacto h4:hover{color:#000000;}
#configurator .su_vehiculo>#contacto textarea{height: 38px;resize: none;width: 138px;}
#configurator .su_vehiculo>#contacto.form_activo>form{background: #f7f7f7;margin:5px 0 0 0;padding: 5px 3px;}
#configurator .su_vehiculo>#contacto>form>ul>li>label {display: inline-block;position: relative;top: 0;vertical-align: top;width: 220px}
#configurator .su_vehiculo>#contacto>form>ul>li>button {background: none repeat scroll 0 0 #000000;margin: 10px 0 0;width: 220px;}
#configurator .su_vehiculo>#contacto>form>ul>li>button:hover {background: none repeat scroll 0 0 #434C53;}
#configurator .su_vehiculo>a{ background: none repeat scroll 0 0 #cc0033;border-radius: 10px;color: #ffffff;display: inline-block;font-family: "auditype",arial,sans-serif;font-size: 10px;line-height: 15px;margin: 5px 0 5px 12px;padding: 2px 6px;text-decoration: none;}
#configurator .su_vehiculo>a:hover{color: #ffffff;background: #AA142D;}
#configurator .su_vehiculo>#resume{float: none;margin: 5px 10px;width:auto;}
#configurator .su_vehiculo>#resume>.tittle{font-size: 13px}
#resume {float: right;height: 80%;margin-bottom: 20px;margin-right: 10px;margin-top: 25px;overflow: hidden;width: 260px;}
#resume p a, #resume ul li+li a{ background: none repeat scroll 0 0 #000000;color: #ffffff;display: block;font-size: 12px !important;font-weight: bold;margin-top: 20px;padding: 5px 10px;text-align: center;text-decoration: none}
#miniature>p{font-weight: bold;margin:0 0 20px 0px;}
#miniature>p>span{background:url("../images/icon_reload_au.png") no-repeat scroll 4px 6px #000000;color: #ffffff;cursor: pointer;display: inline-block;font-family: "auditype",verdana,sans-serif;font-size: 10px;font-weight: bold;padding: 10px 8px 8px 30px;}
#miniature>p>span:hover{background-color: #434C53}
#miniature {border: none;margin: 15px auto 20px;overflow: hidden;text-decoration: none;width: 904px;}
#miniature ul {margin:0 auto;width:870px;}
#miniature ul li { display: block;float: left;margin-bottom: 10px;margin-left: 15px;margin-right: 15px;min-height: 110px;position: relative;text-align: left;text-decoration: none;width: 258px;}
#miniature ul li a {color: #182230;display: block;font-size: 12px;font-weight: bold;text-decoration: none;}
#miniature ul li a img {border-style: none;float: left;height: auto;left: -14px;position: relative;max-width: 100%;}
#miniature ul li a strong {background: url("../images/arrow_configurador_au.png") no-repeat scroll 0 2px transparent;color: #000000;display: inline-block;font-family: "auditype",arial,sans-serif;font-size: 14px;line-height: 14px;margin: 0 0 0 12px;padding: 2px 0 2px 16px;} 
#miniature>ul>li>a>em{display: block;font-family: "auditype",verdana,sans-serif;font-size: 10px;font-weight: normal;margin: 0 0 0 12px;}
#miniature>ul>li>a>em>span>i{color:#cc0033;}
#miniature>ul>li>a>em>.precio_cuota, #miniature>p>span.precio_cuota{display: none;}
#miniature ul li a:hover, #miniature>ul>li>a:hover>strong{color:#cc0033;}

#miniature ul li a.btn-1, #miniature a.btn-1 {background: #c4103c; /* Old browsers */background: -moz-linear-gradient(top,  #c4103c 0%, #d7113f 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4103c), color-stop(100%,#d7113f)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #c4103c 0%,#d7113f 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #c4103c 0%,#d7113f 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #c4103c 0%,#d7113f 100%); /* IE10+ */background: linear-gradient(to bottom,  #c4103c 0%,#d7113f 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4103c', endColorstr='#d7113f',GradientType=0 ); /* IE6-9 */border: medium none;border-radius: 5px;color: #fff;display: block;height:auto !important;margin: 4px 12px;max-width:200px;padding: 6px 8px !important;text-decoration: none;text-transform: uppercase;}
#miniature ul li a.btn-1:hover, #miniature a.btn-1:hover {box-shadow:0 0 2px #999999;color: #dddddd;}
#miniature ul li a.btn-2, #miniature a.btn-2 {background: #969696; /* Old browsers */background: -moz-linear-gradient(top,  #969696 0%, #676767 56%, #656565 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(56%,#676767), color-stop(100%,#656565)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #969696 0%,#676767 56%,#656565 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #969696 0%,#676767 56%,#656565 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #969696 0%,#676767 56%,#656565 100%); /* IE10+ */background: linear-gradient(to bottom,  #969696 0%,#676767 56%,#656565 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#656565',GradientType=0 ); /* IE6-9 */border: medium none;border-radius: 5px;color: #fff;display: block;height:auto !important;margin: 4px 12px;max-width:200px;padding: 6px 8px !important;text-decoration: none;text-transform: uppercase;}
#miniature ul li a.btn-2:hover, #miniature a.btn-2:hover {box-shadow:0 0 2px #999999;color: #dddddd;}
#miniature ul li a.btn-2.abrir-contacto, #miniature a.btn-2.abrir-contacto {display: none;}
#miniature ul li:nth-child(5n+1) {clear: both;}
.su_vehiculo a.btn-1 {font-weight: bold;background: #c4103c; /* Old browsers */background: -moz-linear-gradient(top,  #c4103c 0%, #d7113f 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4103c), color-stop(100%,#d7113f)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #c4103c 0%,#d7113f 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #c4103c 0%,#d7113f 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #c4103c 0%,#d7113f 100%); /* IE10+ */background: linear-gradient(to bottom,  #c4103c 0%,#d7113f 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4103c', endColorstr='#d7113f',GradientType=0 ); /* IE6-9 */border: medium none;border-radius: 5px;color: #fff;display: block;height:auto !important;margin: 4px 12px;max-width:200px;padding: 6px 8px !important;text-decoration: none;text-transform: uppercase;}
.su_vehiculo a.btn-1:hover {box-shadow:0 0 2px #999999;color: #dddddd;}
.su_vehiculo a.btn-2 {font-weight:bold;font-weight:bold;background: #969696; /* Old browsers */background: -moz-linear-gradient(top,  #969696 0%, #676767 56%, #656565 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#969696), color-stop(56%,#676767), color-stop(100%,#656565)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  #969696 0%,#676767 56%,#656565 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  #969696 0%,#676767 56%,#656565 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  #969696 0%,#676767 56%,#656565 100%); /* IE10+ */background: linear-gradient(to bottom,  #969696 0%,#676767 56%,#656565 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#656565',GradientType=0 ); /* IE6-9 */border: medium none;border-radius: 5px;color: #fff;display: block;height:auto !important;margin: 4px 12px;max-width:200px;padding: 6px 8px !important;text-decoration: none;text-transform: uppercase;}
.su_vehiculo a.btn-2:hover {box-shadow:0 0 2px #999999;color: #dddddd;}
.su_vehiculo a.btn-2.abrir-contacto {display: none;}

#miniature.miniature_small {float: left;margin-left: 0;margin-top: 10px;width: 628px;}
#miniature.miniature_small ul{border-style: none;margin-left: 0;margin-right: 0;margin-top: 15px;overflow: hidden;text-decoration: none;width: 612px;}
#miniature.miniature_small ul li {width: 448px;}
#miniature.miniature_small ul li a {display: block;/*height: 140px*/;overflow: hidden;padding: 10px 0;}
/*
#miniature.miniature_small ul li a img {float: left;height: auto;left: auto;position: absolute;right: -10px;top: 0px;width: 340px;}
*/
#miniature.miniature_small ul li a img {float: none;height: auto;left: auto;position: static;right: -10px;top: 0px;width: 340px;}
#miniature.miniature_small ul li a em {display: block;margin: 4px 10px}
#miniature.miniature_small ul li a strong {display: block;margin: 4px 10px}
#miniature.miniature_small>p{margin:0 0 20px 10px;}
#configurator>form{clear: both;position:relative;}
#configurator>form>#navigation {bottom: 15px;display: block;overflow: hidden;padding: 0;right: 10px;width: 100%;}
#configurator>form>#navigation p {display: block;float: right;margin: 0 10px 18px 0;}
#configurator>form>#navigation p a {background: none repeat scroll 0 0 #e7e9ea;border: medium none;border-radius: 0;color: #555;display: block;font-size: 12px;font-weight: bold;height: 14px;padding: 10px 0 9px;text-align: center;text-decoration: none;width: 116px;}
#configurator>form>#navigation p a:hover {background: #cccccc}
#configurator>form>#navigation p.nw_config a {background: none repeat scroll 0 0 #cccccc;border: medium none;border-radius: 0;color: #555;display: block;font-size: 12px;font-weight: bold;height: 14px;padding: 10px 0 9px;text-align: center;text-decoration: none;width: 156px;}
#contacto {width: 215px;float: right;clear: none;border-left-width: 1px;border-left-style: solid;border-top-color: #d2d2d2;border-right-color: #d2d2d2;border-bottom-color: #d2d2d2;border-left-color: #d2d2d2;padding-right: 40px;padding-left: 40px;margin-top: 5px;margin-bottom: 5px;}
#contacto h4 {color: #5c5c61;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #5c5c61;font-size: 12px;margin-bottom: 5px;}
#contacto p {text-align: right;vertical-align: middle;margin-bottom: 4px;}
#contacto .error {color: #c80000;}
#contacto .error em{color: #c80000;}
#contacto ul .error {color: #c80000;}
#contacto ul .error a{color: #c80000;}
#contacto .input_girafe {height: 45px;width: 210px;font-size: 11px;color: #666;text-align: left;vertical-align: text-top;border: 1px solid #666;}
#contacto .input_long {font-size: 10px;height: 15px;width: 138px;color: #666;border: 1px solid #666;}
#contacto ul {margin-top: 5px;margin-left: 8px;margin-bottom: 5px;}
#contacto ul li {margin: 0px;padding: 0px;text-align: left;vertical-align: middle;color: #192534;font-size: 11px;}
#contacto ul li a {color: #192433;text-decoration: underline;margin-top: 1px;margin-bottom: 1px;}
#contacto p em {text-align: left;float: left;margin-left: 5px;font-style: normal;text-decoration: none;font-size: 11px;font-weight: normal;color: #192434;}
#contacto ul .send {color: #246700;font-weight: bold;margin-top: 3px;margin-right: 1px;margin-bottom: 3px;margin-left: 1px;display: block;font-size: 12px;}
#contacto ul .send_error {color: #F00;font-weight: bold;margin-top: 3px;margin-right: 1px;margin-bottom: 3px;margin-left: 1px;display: block;font-size: 12px;}
#contacto .comaCheck {margin: 2px 0 -3px 0;height: 13px}
#filter {float:left;padding-bottom: 0 !important;padding-left: 10px !important;position: static !important;width: 130px !important;}
#filter>p>label{color: #000000;display: block;font-family:verdana,arial,sans-serif;font-size: 11px;font-weight: bold;margin: 4px 0;}
#filter>p>select{background: none repeat scroll 0 0 #f3f3f3;border: 1px solid #ccc;font-size: 11px;margin-bottom: 6px;padding: 0 2px;width: 125px;}
#filter strong{font-size: 13px;color: #5c5c61; margin-top: 5px;margin-bottom: 1px;display: block;}
#filter ul li {font-weight: bold;margin-top: 2px;margin-right: 2px;margin-bottom: 2px;}
#filter ul li a {background: url("../images/arrow_configurador_au.png") no-repeat scroll 0 3px transparent;color: #000000;display: inline-block;font-family: "auditype",arial,sans-serif;font-size: 11px;line-height: 14px;margin: 0 0 0 12px;padding: 2px 0 2px 16px;text-decoration: none;}
#filter ul li.current a {text-decoration: underline}
#final_result .pane {width: 100%}
#final_result .pane td {padding: 6px 0}
#final_result {color: #333;font-size: 12px;line-height:16px;margin: 10px;}
#final_result .code {font-size: 16px;font-weight: normal;color: #666666;}
#final_result .descript {font-size: 16px;font-weight: normal;color: #666666;}
#final_result .expense {font-size: 16px;font-weight: normal;color: #666666;}
#final_result div {border-bottom:none;overflow: hidden;margin-bottom: 7px;}
#final_result div .pane {margin-top: 1px;margin-bottom: 2px;}
#final_result ul {display: block;overflow: hidden;}
#final_result ul li {float: left;font-size:16px;display: block;width: 85%;}
#final_result>ul{margin:20px 0 0 0;}
#final_result>ul+ul{margin:5px 0 0 0;}
#final_result div b {color: #000000;display: block;float: none;font-family: "auditype",verdana,sans-serif;font-size: 15px;font-weight: bold;margin: 15px 0;width: 100%;}
#final_result ul li b {color: #000000;display: block;float: none;font-family: "auditype",verdana,sans-serif;font-size: 15px;font-weight: bold;margin: 15px 0;width: 100%;}
#final_result ul .right {display: block;width: 15%;text-align: right;}
#final_result h5 {border-bottom: none;color: #000;font-size: 15px;font-weight: bold;line-height: 18px;}
#subs {box-shadow: -2px -2px 2px #999 inset;/*float: right;*/margin: 0 15px 0 0;/*width: 705px;*/}
#subs p em {background-color: #000000;clear: both;color: #ffffff;display: block;font-size: 13px;font-style: normal;font-weight: bold;left: 0;margin: 6px 5px 10px 0;padding: 4px 5px;position: static;}
#subs.exterior, #subs.interior {max-height: 210px;overflow-y: scroll;}
.pane {width: 98%;text-align: left;vertical-align: text-top;font-size: 10px;color: #666666;margin-top: 5px;margin-bottom: 5px;}
.code {vertical-align: top; width: 18%;color: #192434;font-weight: bold;font-size: 12px;}
.code label span em {clear: none;display: inline-block;font-style: normal;margin: 0;overflow: hidden;padding: 0;text-align: left;width: auto;word-wrap: break-word;}
.descript {vertical-align: top;width: 70%;}
.descript p {font-weight: bold;font-size: 13px;vertical-align: middle;display: block;text-align: left;color: #192434;margin-left: 8px;margin-top: 1px;margin-bottom: 7px;}
.descript ul {display: block;margin-left: 25px;margin-top: 3px; margin-bottom: 10px;}
.descript ul li {display: block;font-size: 12px;min-height: 20px;overflow: hidden;padding: 5px 0;vertical-align: middle;}
.descript li img  {border: 1px solid #CCC;margin-top: -5px;}
.expense  {text-align: right;vertical-align: text-top;width: 12%;font-size: 13px;font-weight: bold;color: #192434;}
#subs ul.text li{display: block;width: 100%;}
#subs .current ul li a img {border: 1px solid #CCC;vertical-align: top;}
#subs div ul li em {font-weight: bold;margin-left: 20px;color: #192434;}
#subs>div {display: none;}
#subs>div.current {display: block}
.text li b {font-size: 11px;font-weight: normal;color: #666666;display: block;float: left;width: 90%;}
#check {background: none repeat scroll 0 0 #ffffff;float: none;margin: 10px 5px 5px 12px;padding: 9px 0;width: 99%;}
#check h4 {background-color: transparent;color: #000000;font-family: "auditype",verdana,sans-serif;font-size: 14px;font-weight: bold;margin-bottom: 10px;margin-left: 5px;padding-bottom: 2px;padding-left: 6px;padding-top: 2px;}
#check #social {float: right;width: 100%;margin-top: 15px;font-size: 13px;color: #313131;overflow: hidden;}
#check #social li {float: right;margin-left: 10px;display: block;margin-bottom: 7px;margin-right:10px;}
#check #social li a {background: none repeat scroll 0 0 #000000;color: #ffffff;padding: 5px 5px 5px 10px;text-decoration: none;vertical-align: middle;}
#check #social li a img {border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;margin-bottom: -7px;}
#resume ul li a {background: none repeat scroll 0 0 #000000;color: #ffffff;padding: 5px 5px 5px 15px;text-decoration: none;vertical-align: middle;}
#total_price {display: block;overflow: hidden;width: 200px;margin-top: 20px;margin-right: 0px;margin-bottom: 0px;margin-left: 0px;height: 30px;clear: both;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}
#total_price li {display: block;overflow: hidden;text-align: center;text-decoration: none;font-weight: bold;font-size: 13px;float: left;height: 25px;padding-top: 5px;padding-bottom: 5px;}
#total_price li a{overflow: hidden;border: 1px solid #CCC;text-decoration: none;padding: 4px;}
#total_price .on a {background-color: #CCC;}
#table {float: right;margin: 0 15px 0 0;max-height: 220px;overflow-y: scroll;width: 705px;}
#table strong {font-size: 14px;color: #5c5c61;display: block;margin-top: 8px;margin-bottom: 3px}
#table table {border-collapse: collapse;font-size: 12px;overflow: hidden;text-align: center;width: 100%;}
#table table td{overflow: hidden;}
#table table td {padding: 5px 2px;vertical-align: top;}
#table table tr.motor {background-color: #000000;border-bottom: 2px solid #fff;color: #fff;font-weight: bold;vertical-align: middle;}
#table table .model {background-color: #eaeeed;font-size: 12px;color: #333333;margin-bottom: 2px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #FFF;}
#table table tr>th{padding:5px 0;text-align: left;}
#table table tr>th+th{text-align: center;width: 100px}
#table table tr>td{text-align: left;}
#table table tr>td+td{text-align: center;width: 100px}
.left {text-align: left;display: block;margin-left: 10px;vertical-align: middle;}
.tittle {color: #000000;font-family: "auditype",arial,sans-serif;font-size: 22px;font-weight: bold;line-height: 24px;}
.sub_tittle {color: #333333;font-size: 11px;margin-bottom: 8px;margin-top: 0;}
.price {color: #000000;font-family: "auditype",verdana,sans-serif;font-size: 18px;font-weight: bold;margin: 15px 0 0;}
.align {display: block;overflow: hidden;float: left;margin-left: 5px;margin-right: 5px;clear: both;}
/*.limit {overflow: scroll;height: 300px;}*/
#subs .comaRadio {float: left;margin-right: 3px;}
.board {display: block;float: left;width: 210px;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 3px;}
.footstep {font-size:14px;font-weight: bold;margin-top: 10px;}
.block_left {display: inline-block;float: left;height: 16px;width: 16px;margin-top: 5px;vertical-align: middle;padding: 0px;}
.block_right {float: left;height: 25px;width: 53px;}
.sev_px {width: 65px;}
.hun_px {width: 100px;}
.radioBlock {height: 15px;width: 15px;margin-right: 0px;display: inline-block;float: left;padding: 0px;margin-top: 0px;margin-bottom: 0px;text-align: left;}
/* css especificos pantalla seleccione marca */
.configurador_marca {background-image: url("../images/gradient.box.gif");background-position: center top;background-repeat: repeat-x;border: 1px solid #CCCCCC;color: #5C5C61;font-size: 1.5em;font-weight: bold;margin: 5px auto 30px;border-collapse: collapse;}
.configurador_marca > tbody > tr > td {text-align: center;}
.configurador_marca > tbody > tr > td + td {border-left: 1px solid #ccc;}
.configurador_marca > tbody > tr > td > a {text-decoration: none;}
.configurador_marca > tbody > tr > td > a:hover > span {color: #18222F;/*background: #eee;*/}
.configurador_marca > tbody > tr > td > a > img, .configurador_marca > tbody > tr > td > a > span {color: #5C5C61;display: block;font-size: 13px;font-weight: normal;height: 15px;margin: 0 auto;padding: 10px;text-decoration: none;min-width: 40px;}
.configurador_marca > tbody > tr > td > a > img {border: none;}
.clear{display: block;clear: both;}
/*--------------------------------------
       configurador responsive
--------------------------------------*/
@media (max-width: 990px) {
    #content{width: 100%;}
    #configurator > #miniature, #configurator > #miniature > ul {width:100%;}
    #configurator > #miniature > p {margin: 0 0 20px 15px;}
    #configurator > #miniature > ul li {margin-bottom: 10px;margin-left: 2%;margin-right: 2%;width: 29%;min-height: 140px}
    #configurator #steps {display: none;float: left;height: auto; margin-left: 2%;width: 95%;}
    #configurator #steps > li {margin: 0;padding: 0;width: 33%;}
    #configurator #steps > li.actual {padding: 5px 2%;width: 29%;}
    #configurator > .su_vehiculo{margin-right:2%;width: 26%}
    #configurator .su_vehiculo > #resume {width: auto;}
    #configurator .su_vehiculo > a {margin: 5px 12px;padding: 2px 6px;text-align: center;}
    #configurator > form > #navigation {bottom: 15px;clear: both;display: block;margin-left: 0;overflow: hidden;position: static;}
    #configurator > form > #navigation p {margin: 0 2.5% 0 0;}
    #configurator #miniature.miniature_small {width: 70%}
    #configurator #miniature.miniature_small > ul li {margin-bottom: 10px;margin-left: 2%;margin-right: 2%;width: 94%;}
    #configurator #miniature.miniature_small > img {width: 100%}
    #configurator #check {background: none repeat scroll 0 0 #ffffff;float: none;margin: 10px 2% 15px;overflow: hidden;padding: 9px 0;width: 96%;}
    #configurator #filter {margin: 0 0 0 1%;position: static;width: 25%;}
    #configurator #table {width: 72%}
    #configurator #table table {width: 100%}
    #configurator #subs.exterior, #configurator #subs.interior {border: 1px solid #eaeeed;width: 75%}
    #contacto p em {color: #192434;display: block;float: none;font-size: 11px;font-style: normal;font-weight: normal;margin-left: 5px;text-align: left;}
    #contacto .input_long {border: 1px solid #666;color: #666;display: block;font-size: 10px;height: 15px;margin: 4px 0 6px 5px;width: 90%;}
    #configurator .su_vehiculo > #contacto > form > ul > li > button {background: none repeat scroll 0 0 #000000;margin: 10px 0 0;width: 100%;}
    #configurator .su_vehiculo > #contacto textarea {display: block;height: 38px;margin: 0 0 10px 5px;resize: none;width: 90%;}
    #configurator .su_vehiculo > #contacto > form > ul > li > label {width: auto;}
    .su_vehiculo a.btn-2.abrir-contacto {display: block;}
    #configurator .su_vehiculo > #contacto.form_activo > form {display: none;}
    #miniature ul li a.btn-2, #miniature a.btn-2 {max-width: none;}
    .su_vehiculo a.btn-1, .su_vehiculo a.btn-2 {max-width: none}
    #miniature ul li a.btn-2, #miniature a.btn-2 {max-width: none;}
}
@media (max-width: 768px) {

    #content #configurator > #miniature > ul li {width: 45%;min-height: 155px}
    #miniature ul li:nth-child(5n+1) {clear: none;}
    #miniature ul li:nth-child(2n+1) {clear: both;}
    #configurator #steps > li {width: 50%;}
    #configurator #steps > li.actual {width: 46%;}
    #configurator > .su_vehiculo {margin-bottom:15px;width: 35%;}
    #configurator #miniature.miniature_small {width: 55%;}
    #configurator #miniature.miniature_small ul li a img {left: -10px;right: auto;top: 15px;}
    #configurator #filter {float: none;padding-left: 2%;width: 98% !important;}
    #configurator #filter p {display: inline-block;line-height: 15px;margin: 0 0 10px;min-width:125px;width: 24%;}
    #configurator #table {margin: 0 auto;width: 98%;}
    #configurator #filter ul li {display: inline-block;}
    #configurator #filter ul li a {margin: 0 10px 10px 0;}
    #configurator #subs.exterior, #configurator #subs.interior {margin: 0 auto;width: 98%;}
    #configurator .descript ul {margin-left: 0}
    #configurator .code label span em {width: auto;}
    #configurator .descript .comaRadio {clear:both;float: left;}
    #configurator .descript .board {float: left;}
    #configurator .block_right {float:right;}
    #configurator #check #social li a {display:block;width: 150px}
    #subs.exterior, #subs.interior, #configurator #table {max-height: none;height: auto;}
}
@media (max-width: 590px) {
    #configurator #miniature.miniature_small > img {width: 40%}
}
@media (max-width: 520px) {
    #configurator > #miniature > ul li {width: 95%;}
    #configurator #steps > li {width: 100%;}
    #configurator #steps > li.actual {width: 96%;}
    #configurator #miniature.miniature_small {width: 100%;}
    #configurator #miniature.miniature_small ul li a img {top: 40px;}
    #configurator > .su_vehiculo {margin-bottom: 15px;width: 96%;}
    #configurator #filter p {margin: 0 0 10px;width: 45%;}
    #configurator .code label span em {width: auto;}
    #configurator .descript .board {width: 100px}
    #configurator.version table .hide_mvl, #configurator.version table td.sev_px  {display: none}
    #configurator.version table .sev_px + .sev_px, #configurator.version table .left + .sev_px {display: table-cell;}
}
table {border-collapse: collapse;margin:0;}