@import url(http://allfont.ru/allfont.css?fonts=pt-sans-narrow);
@import url(http://allfont.ru/allfont.css?fonts=pt-sans);
body, html{width:100%; min-width:1100px; height:auto; min-height:100%; font-size:16px; font-family: 'PT Sans', arial; color:#000;}
body{background:#FFF url("../index_files/bg-pattern.jpg")repeat;}

*{padding:0px; margin:0px; transition: all .4s ease-in-out;}
.lcol, .left{float:left;}
.rcol, .right{float:right;}
.clr{clear:both;}
.acb:after{display:block; height:0px; width:100%; clear:both; content:" ";}
.tar{text-align:right;}
.tac{text-align:center;}
/* transition: all .4s ease-in-out; */
.wrap{width:1060px; margin:0px auto; position:relative;}

.header{width:100%; height:auto; background:#FFF;}
	.header .logo{display:Block; float:left; padding:5px 0px;   font-size: 35px;}
		.header .logo img{height:80px;}
	.header .right{float:right;}
		.header .right .box{float:left;}
			.header .right .box .addr{display:Block;  font-size:22px; padding-left:30px; background:url("./index_files/addr.png")no-repeat 5px 5px  / auto 20px;}
			.header .right .box .tel{font-size:28px;display:Block;padding-left: 60px;background: url("./index_files/tel.png")no-repeat 0px 4px / auto 30px;}
			.header .right .box .telme{display:inline-Block; color:#FFF; background:#FF0000; font-size:18px; padding:3px 10px; text-decoration:none;}
.topline{width:100%; min-height:20px; background:url("../index_files/pattern11.png")repeat center center;}

.cTitle{width:auto; display:inline-block; padding:7px 7px; background:#FF0000; color:#FFF; font-size:32px; margin:10px auto; position:relative;}
.cTitle.w{background:#FFF; color:#000;}
.cTitle.m{font-size:26px;}
	.cTitle:before, .cTitle:after{width:25px; height:100%; content:" "; background:url("../index_files/ctb.png")no-repeat center center / 100% 100%; position:absolute; top:0px; left:-25px;}
	.cTitle:after{background-image:url("../index_files/cta.png"); left:auto; right:-25px;}
	.cTitle.w:before{background-image:url("../index_files/ctbw.png");}
	.cTitle.w:after{background-image:url("../index_files/ctaw.png");}


.topBox{width:100%; height:auto; min-height:640px; background:#FF0000 url("../index_files/avtosalon.jpg")no-repeat center -148px;}
/* http://www.quattroworld.com/wp-content/uploads/2011/03/AU110221_medium1.jpg */

.topform{width:100%; padding:20px 0px; background:#FFF; color:#FFF; margin:-20px 0px 20px 0px; font-size:0px; text-align:center;}
	.topform input{box-shadow:0px 0px 10px rgba(0,0,0,0.35); display:inline-block; width:calc((90% / 3) - 40px); margin:10px 0px; background:#FFF; border:none; color:#696969; padding:15px; font-size:18px; border-radius:5px;  border:1px solid #DEDEDE;}
	.topform input[type='submit'], .topform button{background:linear-gradient(to bottom, #ff4343, #ff0000); color:#FFF; cursor:pointer; width:320px; box-shadow:0px 0px 2px rgba(0,0,0,0.35); display:inline-block;  border:none; padding:15px; font-size:18px; border-radius:5px; position:relative;}
	.topform button:after{display:block; width:40px; height:100%; content:" "; background:url("../index_files/triangle.png")no-repeat center center / auto 24px; position:absolute; top:0px; left:10px;}
	
.us{width:100%; min-height:350px; background:url("../index_files/pattern11.png")repeat center center;}
	.us ul{width:100%; list-style:none; font-size:0px;}
		.us ul li{display:inline-block; width:calc(20% - 30px); margin:15px; font-size:18px; padding:20px 0px; background:#FFF; box-shadow:0px 0px 2px rgba(0,0,0,0.45);}
		.us ul li a{text-decoration:none;}
		.us ul li:hover{box-shadow:0px 0px 10px rgba(255,0,0,1);}
			.us ul li .img{width:130px; height:130px; margin:0px auto 20px auto;}
			.us ul li .img .dtc{display:table-cell; text-align:center; vertical-align:middle; width:130px; height:130px;}
				.us ul li .img img{display:inline-block; width:120px; height:auto;}
			.us ul li .name{font-size:17px; text-transform:uppercase; font-weight:normal; color:#000;}
			.us ul li:hover .name{color:#FF0000;}

.preim{width:100%; padding:25px 0px;}
	.preim .text{font-size:22px;}
	.preim .p{font-size:0px;}
		.preim .p .box{float:left; width:calc(25% - 40px); margin:20px;}
			.preim .p .box .img{width:100px; height:100px; margin:0px auto 5px auto; background:no-repeat ceter center / cover;}
			.preim .p .box:nth-child(1) .img{background-image:url("../index_files/p1.png");}
			.preim .p .box:nth-child(2) .img{background-image:url("../index_files/p2.png");}
			.preim .p .box:nth-child(3) .img{background-image:url("../index_files/p3.png");}
			.preim .p .box:nth-child(4) .img{background-image:url("../index_files/p4.png");}
			.preim .p .box .name{font-size:22px;}
			.preim .p .box .cont{font-size:14px; margin-top:10px;}

.marks{width:100%; background:url("../index_files/bg_newsletter.jpg")no-repeat center center / cover; padding:20px 0px;}
	.marks .logos{width:900px; margin:10px auto;}
		.marks .logos img{display:inline-block; width:45px; height:45px;     margin: 2px;}
		
		
.footer{width:100%;}
	.footer .wrap{padding:15px 0px; font-size:22px}

.gg{width:100%; padding:3px 0px; font-size:18px; color:#FFF; background:#170B08;}
	.gg a{text-decoration:none; color:#FFF;}


.static{width:100%;}
	.static .name{font-size:24px; color:#000; padding:15px; background:#000 url("../index_files/stitle.png")no-repeat center center / cover; font-size:30px; color:#FFF; text-align:center; font-weight:bold; text-transform:uppercase;}
	.static .name:first-letter{text-transform:uppercase;}
	.static .cont{width:1000px; margin:10px auto; font-size:17px; color:#000; padding:10px;}
		.static .cont img{margin:0px 10px;}
		.static .cont ul, .static .cont ol{padding:10px 45px;}