/* ScrollBar */
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-button{width:5px;height:5px;}
::-webkit-scrollbar-track{background:rgba(0,0,0,.2);border-radius:10px;}
::-webkit-scrollbar-thumb{background:#B8B8B8;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#162133;}
::-webkit-scrollbar-track{display:none;}
/*END ScrollBar*/


body, html{margin:0;padding:0;font-family:'Peugeot Light' !important;}
a:focus, div:focus{outline:0px;}
.cot-wrapper{font-size:16px;width:100%;margin:0 auto;background:#FFF;}
.img-shadow{max-width:1200px;margin:0 auto;}
.img-shadow img{width:100%;}
.cot-header{background:#000;}
.cot-title{font-size:20px;padding:18px 41px 35px 36px;overflow:hidden;}
.cot-title img{float:left;margin:5px 0 0 0;}
.cot-title h1{padding:0 0 0 31px;margin:0;font-family:'Peugeot Light';float:left;color:#FFFFFF;font-weight:300;font-size:35px;}
.cot-body{position:relative;}
#tabs .mask{position:absolute;right:0;top:-48px;overflow:hidden;width:389px;height:48px;}
#tabs .mask ul{margin:0;padding:0;position:absolute;top:0;left:15px;width:421px;}
#tabs .mask ul li{float:left;margin:0;padding:0;list-style:none;border-right:1px solid #868695;transform:rotate(0deg) skew(-32deg);background:rgba(255,255,255,1);background:-moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 61%,rgba(241,241,241,1) 82%,rgba(207,207,207,1) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(61%,rgba(255,255,255,1)),color-stop(82%,rgba(241,241,241,1)),color-stop(100%,rgba(207,207,207,1)));background:-webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 61%,rgba(241,241,241,1) 82%,rgba(207,207,207,1) 100%);background:-o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 61%,rgba(241,241,241,1) 82%,rgba(207,207,207,1) 100%);background:-ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 61%,rgba(241,241,241,1) 82%,rgba(207,207,207,1) 100%);background:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,1) 61%,rgba(241,241,241,1) 82%,rgba(207,207,207,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#cfcfcf',GradientType=0 );}
#tabs .mask ul li:last-child{border:0;padding-right:2em;}
#tabs .mask ul li a{font-family:'Peugeot';font-size:30px;padding:0.2em 1em;color:#868695;text-decoration:none;display:table-cell;transform:rotate(0deg) skew(32deg);}
#tabs .mask ul li a:hover, .ui-state-active a{font-family:'Peugeot' !important;color:#162133 !important;}
.tab{padding:1em 2em;}
.tab .tab-title{border-bottom:1px dashed #b8b8b8;margin-bottom:1.5em;}
.tab .tab-title h1{font-family:'Peugeot Light';font-size:22px;color:#000;padding:.5em 0;letter-spacing:-0.25px;}
.select-car{overflow:hidden;}
.accordion-left{width:49%;float:left;min-height:100%;}
.accordion-right{width:50%;float:right;min-height:100%;border-left:2px solid #B8B8B8;}
.accordion-right .select-car .box{border-left:1px solid #000;}
.select-car .box{display:block;padding:0 1em;}
.select-car .box .car{overflow:hidden;height:auto;border-bottom:2px solid #B8B8B8;margin-bottom:12px;padding-bottom:3px;min-height:106px;}
.select-car .box .car .text{font-family:'Peugeot Light';width:35%;float:left;padding-top:0;padding-left:.5em;}
.select-car .box .car .text strong.titulocotizadorproducto{font-size:19px;font-weight:600;color:#3B3946;margin-top:8px;display:block;letter-spacing:-0.5px;}
.select-car .box .car .text p, .content-car li p{font-family:'Peugeot Light';margin:0;padding:0;font-size:18px;color:#3B3946;line-height:20px;letter-spacing:-0.25px;}
.select-car .box .car .photo{width:40%;float:left;}
.select-car .box .car .photo img{width:100%;}
.select-car .box .car .arrow{width:15%;float:right;}
.select-car .box .car .arrow .wrapper{padding:36px 1em 35px 1em;border-left:2px solid #B8B8B8;margin:2px 0;cursor:pointer;}
.select-car .box .car .arrow .wrapper span{width:19px;height:19px;display:block;background:url("../img/arr-left.png") no-repeat;margin:0 auto;margin-top:3px;}
.ui-accordion-header-active .arrow .wrapper span{background:url("../img/arr-down.png") no-repeat !important;}
.content-car{margin:0;padding:0;height:100% !important;}
.content-car li{overflow:hidden;list-style:none;padding:.5em;margin:0 0 0 1em;border-bottom:1px solid #B8B8B8;}
.content-car li:hover{background:#e5e5e5;cursor:pointer;}
.twocols{width:50% !important;float:left;}
.colors{overflow:hidden;padding:.5em 0;}
.colors .color{width:20px;height:20px;border:1px solid #B8B8B8;float:left;margin:2px 5px;}
.colors .color:hover{border-color:#cecfd1;}
.color .white{background:#FFF;}
.color .lightgray{background:#d7d9c8;}
.color .gray{background:#6c6d66;}
.color .silver{background:#b7b8b7;}
.color .black{background:#0f0f0f;}
.color .red{background:#9c0a0a;}
.accordion{min-height:500px;overflow-y:auto;}
.btn-continue{background:#777777;color:#FFF;border-radius:5px;padding:.5em 1em;border:0;text-decoration:none;display:block;width:70px;float:right;margin-top:1em;margin-bottom:5px;}
.wrapper-cols{overflow:hidden;height:100%;}
.combo{background:#4c4c4c;border-radius:5px;padding:15px 8px;position:relative;height:22px;cursor:pointer;margin:1.6em 2em 1.2em 0;}
.combo input{float:left;width:16px;height:16px;margin-right:1em;}
.combo h2{float:left;margin:0;padding:0;font-size:18px;color:#FFF;}
.combo a{color:#FFF;position:absolute;top:0;right:0;display:block;text-align:right;text-decoration:none;padding:15px 10px;}
.combo a:hover ul{display:block;}
.combo a span{padding:.5em;border-right:1px solid #fff;}
.combo a > img{padding:0 .5em;}
.combo a ul{margin:15px 0 0 0;padding:.5em;background:#f0f0f0;border:1px solid #4c4c4c;display:none;position:absolute;z-index:99;top:30px;width:218px;right:0;}
.combo a ul.bottom{top:-171px;}
.combo a ul li{font-size:14px;color:#000;margin:.5em;border-bottom:1px dashed #000;list-style:none;text-align:left;}
.car-p2{padding-left:2em;overflow:hidden;position:relative;margin-bottom:1em;}
.car-p2 h2{font-size:20px;float:left;max-width:200px;color:#4c4c4c;}
.car-p2 img{width:65%;}
.car-p2 img{float:left;margin-left:2em;}
.car-p2 .color-wrapper{width:50px;text-align:center;position:absolute;right:1em;bottom:1em;text-align:center;font-size:10px;}
.car-p2 .color-wrapper .color{width:20px;height:20px;border:1px solid #B8B8B8;margin:0 auto;margin-bottom:.3em;}
.car-deatil-p2{border-top:1px solid #898989;border-bottom:1px solid #898989;}
.car-deatil-p2 h2{font-size:20px;color:#4c4c4c;text-align:left;padding:.5em 1em;margin:0;}
.text-right{text-align:right !important;}
.no-border-top{border-top:0px;}
.total{overflow:hidden;border-top:2px solid #B8B8B8;border-bottom:2px solid #B8B8B8;clear:both;font-size:30px;padding:.5em;}
.total  .text{width:70%;text-align:right;float:left;color:#4c4c4c;margin-left:-35px;}
.total  .value{width:30%;text-align:right;color:#9c0a0a;float:right;margin-top:-36px;margin-right:100px;}
.accesorios-p2{padding-bottom:80px;}
.car-p3{text-align:right;position:relative;padding:0 1em;margin-right:2em;}
.car-p3 h2{position:absolute;top:0;left:0;font-size:20px;color:#4c4c4c;}
.car-p3 img{width:70%;}
.car-p3 .color-wrapper{position:absolute;top:80px;left:0;width:50px;text-align:center;font-size:10px;}
.car-p3 .color-wrapper .color{width:18px;height:18px;border:1px solid #B8B8B8;margin:0 auto;}
.sel-matricula p{margin:0;padding:0;font-size:18px;color:#4c4c4c;}
.sel-matricula select{font-family:'Peugeot Light' !important;width:100%;background:#f0f0f0;border:0;padding:.5em 1em;font-size:16px;}
.list-items{margin:0;padding:0;margin:1em 0 3em 0;}
.list-items li{list-style:none;color:#4c4c4c;font-size:20px;border-bottom:1px solid #898989;padding:.5em 1em;}
.list-items li div:first-child{}
.list-items li:last-child{border:0;}
.financiacion{margin:2em 3em;}
.financiacion h1{font-size:25px;color:#4c4c4c;padding:0;margin:0;}
.financiacion p{font-weight:lighter;font-size:22px;color:#4c4c4c;padding:0;margin:0;}
.financiacion .checks{padding:.5em 0 2em 0;font-size:22px;color:#4c4c4c;}
.financiacion .checks input{width:16px;height:16px;}
.form-input{overflow:hidden;margin-bottom:1em;}
.form-input span{font-size:16px;color:#4c4c4c;}
.form-input select, .form-input input, .form-input textarea{font-family:'Peugeot Light' !important;width:90%;background:#f0f0f0;border:1px solid #dedede;border-radius:5px;padding:.3em 1em;display:block;font-size:16px;color:#4c4c4c;}
.buttons-form .btn{background:#555555;background:-moz-linear-gradient(top, #555555 0%, #292929 100%);background:-webkit-linear-gradient(top, #555555 0%,#292929 100%);background:linear-gradient(to bottom, #555555 0%,#292929 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#292929',GradientType=0 );color:#FFF;padding:.3em 2em .5em 2em;border-radius:13px;font-size:16px;text-decoration:none;font-family:'Peugeot';cursor:pointer;-webkit-box-shadow:0px 29px 20px -23px rgba(0,0,0,0.75);-moz-box-shadow: 0px 29px 20px -23px rgba(0,0,0,0.75);box-shadow: 0px 29px 20px -23px rgba(0,0,0,0.75);outline:0;}
.buttons-form .btn:hover{margin-top:-1px;}
.message{font-size:20px;color:#4c4c4c;text-transform:uppercase;}
.padding-cols{padding:1em 2em;}
.agree{font-size:12px;}
.agree .check{margin:1em 0;position:relative;}
.agree .check .checkbox{position:absolute;top:0;left:0;}
.agree .check .text{font-family:'Peugeot Light';padding-left:25px;padding-top:3px;}
.agree .check .text a{color:#162133;font-weight:600;font-family:'Peugeot';}
.agree .check .text a:hover{color:#293F61;}
.thankyou{background:#303030;text-align:center;padding:150px 0;}
.thankyou .message{width:400px;margin:0 auto;border-top:1px solid #FFF;border-bottom:1px solid #FFF;font-size:22px;color:#FFF;padding:.5em 0;}
.thankyou a{color:#FFF;text-decoration:none;padding:1em 0;display:block;}
.brojito{border-color:#FF0000;}
.err{color:#FF0000;}
#mprecio{margin-right:79px;}
#maccesorios2{margin-right:79px;}
#mtotal2{}
@media screen and (max-width:768px){
/*12*/	.cot-wrapper{font-size:14px;}
/*16*/	.cot-title{font-size:14px;padding:1.5em 0.5em 5em;}
/*18*/	.cot-title h1{padding:0.3em;}
/*21*/	#tabs .mask{top:-43px;height:45px;}
/*22*/	#tabs .mask ul{left:40px;}
/*25*/	#tabs .mask ul li a{font-size:28px;}
/*26*/	#tabs .mask ul li a:hover, .ui-state-active a{font-size:29px;}
/*27*/	.tab{padding:0.5em;}
/*29*/	.tab .tab-title h1{font-size:17px;}
/*31*/	.accordion-left{width:100%}
/*32*/	.accordion-right{width:100%;border-left:none;}
/*36*/	.select-car .box .car .text{padding-top:5px;padding-left:0;}
/*47*/	.twocols{width:100% !important;}
/*60*/	.combo{margin:1.6em 0 1.2em 0;}
/*61*/	.combo input{margin-right:0.5em;}
/*62*/	.combo h2{font-size:15px;}
/*63*/	.combo a{}
/*66*/	.combo a > img{padding:0 .4em;}
/*81*/	.total  .text{width:30%;}
/*82*/	.total  .value{width:75%;margin:0;}
/*115*/	#mprecio{margin-right:0;}
/*116*/	#maccesorios2{margin-right:0;}
}
