body {margin: 0px;padding: 0px;border: 0px;font-family:Arial, Helvetica, sans-serif;
background:url(images/background.jpg) no-repeat;
background-attachment:fixed; background-size: cover; topmargin=0px; color:#333;}

/*Fonts*/
a { font-size:14px; color:#333;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
h1 {     font: 1.72em "Segoe UI Light",'Segoe UI', arial; color:#333;}
h2 { font-size:18px; font-weight:bold; color:#333;}
h3 {font-size:14px; font-weight:bold; color:#333;}
/*Fonts END*/

#header {background:#d82c2c;height:100px;border-bottom:solid 1px #333333;}

#toprow {height:372px;border-top:solid 1px #1d1d1d;background: #FFFFFF url(images/bg.gif) repeat-x;}
#toprowsub {height:70px;border-bottom:solid 1px #ccc;background: #FFFFFF url(images/bg2.gif) repeat-x;}
#toprowsub h2{padding:15px 30px;}
#midrow {width:960px;margin:0 auto;}
#bottomrow {width:960px;margin:0 auto;display: table;background: rgba(255, 255, 255, 0.9);}

/*LOGO*/
#logo{padding-top:15px;margin-left: 50px; width: 130px;float:left;}
#logo a{background:url(images/logo.png) no-repeat;display:block;width:144px;height:75px;text-indent:-10000px;}
/*LOGO END*/


/*DISCOUNT*/
.discount_logo_header{padding-top:15px;margin-left: 80px; width: 180px;}
.discont_h1 h1{font-weight: bold; color: red;font-size: 40px;}
.discont_block {height: 200px; margin-left: 15px;padding-bottom: 30px;}
.discont_block h1{margin-left: 230px;color: red;font-weight: bold;}
.discont_block h2{margin-left: 210px;}
.discont_block img{width: 200px;float:left;}
/*DISCOUNT END*/

/*Menu Begin*/
#menu{float:left;}
#menu ul li{ display:inline; list-style-type:none;}
#menu ul li a{padding:5px 0px; font-size:20px; text-decoration:none; font-weight:bold;}
#menu ul li a span{font-size:20px; text-decoration:none; padding:0px 9px; color:#fff;}
#menu ul li a.active span{color:#383030;}
#menu ul li a:hover span{color:#666;}
/*Menu End*/

.center{width:960px;margin:0 auto;}

/*SlideShow Begin*/
#cu3er-container {margin-top:60px;padding-left:0px;padding-right:0px;width:960px;}
#cubershadow{width:960px;height:372px;background:url(images/shadow.jpg) no-repeat bottom; text-align: center;}
#cubershadow img{margin-top: 40px;}
/*SlideShow End*/

/*Homepage Boxs*/
#container {float:left;}
.box {margin-top:20px;padding-top:10px;width:310px;height:auto;float:left;background:url(images/border.jpg) no-repeat bottom right;}
.box h1{padding-left:10px;}
.box p {margin:0px;width:200px;padding:15px 5px 10px 5px;float:left;}
.last{background:none;}

a.plan{float:left;display:block;width:83px;height:101px;background:url(images/plan.jpg) no-repeat 0px -101px;text-indent:-1000px;}
a.plan:hover{ background-position: 0px 1px;}
a.whyus{margin-top:10px;float:left;display:block;width:83px;height:87px;background:url(images/whyus.jpg) no-repeat 0px 0px;text-indent:-1000px;}
a.whyus:hover{ background-position: 0px -88px;}
a.support{margin-top:14px;float:left;display:block;width:83px;height:72px;background:url(images/support.jpg) no-repeat 0px 0px;text-indent:-1000px;}
a.support:hover{ background-position: 0px -70px;}

a.button{background:url(images/buttonr.gif) no-repeat right; padding:3px 0px; margin-left:2px; color:#CCCCCC; text-decoration:none; }
.button span{background:url(images/buttonl.gif) no-repeat left; padding:3px 5px;}
/*Homepage Boxs END*/

/*Subpage Boxs*/
#box2holder{padding: 20px 30px;}
.box2{width:450px; float:left; padding:20px 0px;}
.box2 img{ border: solid 5px #F2F2F2; float:left;}
.box2 h3{margin:0px; padding:0px 5px; float:left;}
.box2 p{width:220px; float:left;padding:5px 5px; margin:0px;}
/*Subpage Boxs END*/


/*Footer*/
#footer {background:#222222;float:left;width:100%;height:50px;border-top:solid 1px #333333;}
.foot{width:960px;margin:0 auto; padding:10px 0px; font-size:12px;}
.foot span{color:#fff;text-decoration:none;font-size:14px; margin-left:15px}
/*Footer END*/


.textbox{float:left;padding:50px 0px;width:700px;margin-left: 5x;}
.textbox2{padding:10px 30px; background:url(images/textbox2bg.gif) repeat-x;}
.feed{width:auto; float:left;}
.feed img{ border: solid 0px; margin-top:120px; padding:0px 7px;}

#ya_map{margin-bottom: 40px; margin-top: 40px; width: 600px; float: left;}

#block_contact{width: 400px; height: 100px; float: right; color: #fff;font-size: 20px;}

#menu_list{width: 250px; float: left;  padding: 50px 0px; line-height: 30px;}
.car_list{font-family: 'Cuprum',sans-serif; font-size: 16px !important; display: block; background: #cccccc; margin-bottom: 2px; padding-left: 15px; cursor: pointer;}
.car_list.active{color: black;}
.model_list{font-family: 'Cuprum',sans-serif; font-size: 16px !important; display: block; background: #cccccc; margin-bottom: 2px; padding-left: 10px; cursor: pointer;}
.model_list.active{color: black;}
.block_model{display:none; padding-left: 20px;color:#666}

.img_car{margin-top: 15px;}

.contacts{float: left; width: 320px; margin-top: 40px;margin-left: 20px; background: #cccccc;}

.detal{width: 680px; height: 150px; float: right; padding: 5px; background: #ded8d8;    margin-bottom: 5px;  margin-right: 10px;}
.detal_price{float:right; position: absolute; bottom: 10px; right: 10px;}
.detal_price span{float:right;color:red; margin-left: 5px;}
.detal_name{font-weight: bold; line-height: 30px; margin-right: 10px;}
.detal_number{float:left;margin-right: 10px;}

.price_detal{float:right;color:red;}
.number_detal{float:left;}

#content_contact{margin: 0 auto; width: 960px;}
.block_text{text-align: justify; padding-right: 15px;}
.block_text span{font-family: 'Cuprum',sans-serif; font-size: 16px !important;padding-right: 15px;}

.img_auto{width: 690px; height: 190px; float: right; background: white; margin-right: 10px; margin-bottom: 10px; text-align: center;}

.img_detal_block{width: 170px; height: 150px; float: left; background-size: contain;  background-repeat: no-repeat; background-position: 50%; border: 0.5px; border-style: groove; border-color: antiquewhite; cursor: pointer;}
.img_detal{width: 100%;}
.detal_data{width: 500px; float: right;height: 150px;position: relative;}

.footnote{width: 680px;float: right; padding: 5px;  margin-bottom: 5px;  margin-right: 10px;font-size: 14px;}

@media only screen and (max-width : 860px),
only screen and (max-device-width : 860px){
body {width: 1024px;margin: 0px;padding: 0px;border: 0px;font-family:Arial, Helvetica, sans-serif; color:#666; background:url(images/background_mobile.jpg) 100% 100% no-repeat;background-attachment:fixed; topmargin=0px;}
.footnote{width: 680px;float: right; padding: 5px;  margin-bottom: 5px;  margin-right: 10px;font-size: 14px !important;}
}

.contacts_logo{height: 18px; margin-bottom: -3px; margin-right: 5px;}