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


/* 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:#000;border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#4F80C9;}
/*END ScrollBar*/


body, html{margin:0;padding:0;}
a:focus, div:focus{outline:0px;}
.cot-wrapper{font-family:"NouvelR";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:16px;padding:1.5em 2em;overflow:hidden;}
.cot-title img{float:left;}
.cot-title h1{padding:0em 1em;margin:0;font-family:"NouvelR";float:left;}
.cot-title h1 span{font-family:"NouvelR";font-weight:lighter; color:#fff;}
.cot-body{position:relative;}
#tabs .mask{position:absolute;right:0;top:-48px;overflow:hidden;min-width:389px;height:48px;}
#tabs .mask ul{margin:0;padding:0;position:absolute;top:0;left:15px;min-width:421px;}
#tabs .mask ul li{float:left;margin:0;padding:0;list-style:none;border-right:1px solid #464a4d;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:"NouvelR";font-size:30px;padding:0.2em 1em;color:#4c4c4c;text-decoration:none;display:table-cell;transform:rotate(0deg) skew(32deg);}
#tabs .mask ul li a:hover, .ui-state-active a{font-family:"NouvelR" !important;color:#000 !important;}
.tab{padding:1em 2em;}
.tab .tab-title{border-bottom:1px dashed #b8b8b8;margin-bottom:1.5em;}
.tab .tab-title h1{font-family:"NouvelR";font-size:22px;color:#4c4c4c;padding:.5em 0;}
.select-car{overflow:hidden;}
.accordion-left{width:49%;float:left;min-height:100%;}
.accordion-right{width:50%;float:right;min-height:100%;border-left:1px solid #000;}
.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:110px;border-bottom:2px solid #000;}
.select-car .box .car .text{width:35%;float:left;padding-top:2em;padding-left:.5em;}
.select-car .box .car .text p, .content-car li p{margin:0;padding:0;font-size:18px;color:#4c4c4c;}
.select-car .box .car .photo{width:40%;float:left;}
.select-car .box .car .photo img{width:115%;}
.select-car .box .car .arrow{width:15%;float:right;}
.select-car .box .car .arrow .wrapper{padding:2em 1em;border-left:1px solid #000;margin:1em 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;}
.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 #000;}
.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 #000;float:left;margin: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;background:url("../img/bgbutton.jpg");}
.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:16px;color:#FFF;font-family:"NouvelR";}
.combo a{color:#FFF;font-family:"NouvelR";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-family:"NouvelR";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:60%;}
.car-p2 img{float:left;margin-left:2em;}
.car-p2 .color-wrapper{width:50px;text-align:center;position:absolute;right:1em;bottom:1em;font-size:10px;}
.car-p2 .color-wrapper .color{width:20px;height:20px;border:1px solid #000;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 #000;border-bottom:2px solid #000;clear:both;font-size:30px;padding:.5em;}
.total  .text{width:70%;text-align:right;float:left;color:#4c4c4c;margin-left:-31px;}
.total  .value{width:30%;text-align:right;color:#9c0a0a;float:right;margin-right:115px;margin-top:-36px;}
.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:80%;}
.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 #000;margin:0 auto;}
.sel-matricula p{margin:0;padding:0;font-size:18px;color:#4c4c4c;}
.sel-matricula select{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-family:"NouvelR";font-weight:lighter;font-size:22px;color:#4c4c4c;padding:0;margin:0;}
.financiacion .checks{padding:.5em 0 2em 0;font-size:22px;color:#4c4c4c;font-family:"NouvelR";}
.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{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:#5e5e5e;color:#FFF;padding:.5em 2em;border-radius:5px;border:0px;font-size:16px;background:url("../img/bgbutton.jpg");text-decoration:none;}
.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{padding-left:25px;padding-top:3px;}
.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;font-family:"NouvelR";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{font-family:"kia_light";}
/*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;}
}
