@charset "utf-8";
/* CSS Document */

html, body, div, span, h1, h2, h3, p, a, acronym, font, img, ul, li, fieldset, form, label, legend, button .banner, .wrapper, .container, .footer, ol {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	font-size: 100.00%;
	margin: 0;
	outline: 0 none;
	padding: 0;
	vertical-align: baseline;
}
a, a:hover {
	text-decoration:none;
}
h1, h2 {
	font:bold 25px Verdana, Geneva, sans-serif;
	color:#FFF;
	text-align: center;
	margin: 5px 10px;
	text-shadow: 2px 2px #000;
}
h2 {
font-size:19px;
}

.clearBoth {
	clear:both;
}
.alignCenter {text-align:center;}
.alignLeft {text-align:left;}

.floatLeft {float:left;}
.floatRight {float:right;}

body {
	background-image:url("../images/cont_bg.png");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:#fff;
	background-repeat: repeat;
	background-attachment:fixed;
}
.wrapper {
	margin:0 auto;
	width: 922px;
	height:inherit;
}
.header {
	background-image:url(../images/banner.jpg);
	width:922px;
	height:126px;
	border-bottom: 5px solid #7C0A12;
	border-radius:10px 10px 0 0;
}
#menu {
	border-top: 5px solid #7C0A12;
	width:922px;
	height:40px;
	position:relative;
	z-index:2;	
}
	
.container_left, .container_right {
	width: 254px;
	margin-top:2px;
	border-radius:2px;
	overflow:auto;
	height:793px;
}

.container_left {
	float:left;
	width:656px;
	margin-right:10px;
	}
.news_box, .tyres_box, .wheels_box, .search_box, .container, .prices {
	background-image: url(../images/grey_bg.jpg);
	border:2px solid #7C0A12; 
	border-radius:5px 5px 0 0; 
	width:250px; 
	margin-top:10px;
	}
.container {
	background-image: url(../images/grey_bg.jpg);
	width:878px;
	padding:20px;
	margin-top:2px;
	position:relative;
	overflow:auto;
	z-index:1;
	}	
.news_box .title, .tyres_box .title, .search_box .title, .wheels_box .title, .prices .title {
	background-color: #7C0A12;
	color:#fff; 
	font-size: 15px;
	font-weight: bold; 
	padding: 5px;
}	
.news {
	background-color:#757575;
	width:220px;
	margin:15px auto 15px;
	position:relative;
	border-radius:2px;
	padding:5px;
	overflow:auto;	
}
.news img {
	border: 2px solid #000;
	float:left;
	margin-right: 10px;
}
.news p {
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}
.news a {
  background-color: #7C0A12;
  border-radius: 5px;
  color: #FFFFFF;
  font-style: oblique;
  font-weight: bold;
  padding: 4px;
  position: relative;
  top: 10px;
}
.tyres_box, .wheels_box  {
	height:220px;
	width:auto;
}
.wheels_box {
	height:79px;}

.tyres_box img, .wheels_box img {
	margin:3px 4px;
	float:left;
	height:25px;
	border:3px solid #fff;
	}
.search_box {
	margin:0;
	width:auto;
	height:461px;
}

.wheels_box img {
	height:33px;
}

.prices {
	
	margin: 50px auto 0;
	width: 837px;
}


.container .index img {
	border:10px solid #000;
	border-radius: 10px 10px 10px 10px;
	margin-right:30px;
	width:200px;
}

.container img {
	border:3px solid #000;
	border-radius: 5px 5px 5px 5px;
	margin:0 3px;
}
.text {
	background-color:#7C0A12;
	border:1px solid #FFF;
	padding:15px;
	border-radius:5px;
	font-weight:bold;
	margin:30px 0;
	overflow:auto;
}
.footer {
	background-image: url(../images/footer3.jpg);
	border:2px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 10px;
	text-decoration: none;
	width: 922px;
	height:100px;
	border-radius:5em 5em 5em 5em;
	margin-top:5px;
}
.footer p {
	font-style:oblique;
	text-shadow:2px 2px #000;
	font-size:22px;
	text-align:center;
	padding:38px;
	color:#FFF;
}
.params_list {
	float: left;
	font-size: 16px;
	font-weight: bold;
	margin-left: 30px;
	width: 310px;
}

.params_box {
  background-color: #757575;
  height: 304px;
  width: 280px;
  float:left;
  margin-left:10px;
}
.params_box .title {
font-size:18px; 
background-color:#7C0A12;
padding:5px;
height:44px;
}
.params_box span {padding:5px;}


.mapContainer {
	width:870px;
	margin:20px auto 0;
	position:relative;	
}

.mapContainer p {
background-color:#7C0A12;
font-size:18px;
padding:10px;
z-index:2;
border-radius: 7px 7px 0 0;
}

#map-canvas, #map-canvas_1 {
	 width: 433px; 
	 height: 310px;
	 border-left:2px solid #7C0A12;
	 }
	 
#pano, #pano_1 {
	position:absolute; 
	left:435px; 
	top: 70px; 
	width: 433px; 
	height: 310px;
	 border-right:2px solid #7C0A12;
}

.err, .success  {
	border:2px dashed .services_box img;
	background:url(../images/attention.png) 5px 5px no-repeat #fff;
	padding:17px 0 0 50px;
	color: #7C0A12;
	font-size:16px;
	height:31px;
	font-weight:bold;
}
.success {
	background:url(../images/ok.png) 5px 5px no-repeat #fff;
	border-color:#008b00;
	color:#008b00;
	
}

.contact_info {
	margin:13px 0 0 10px;
	float:left;
	font-size:16px;
	width:200px;
	height:200px;
	text-align:left;
	float:left;
	font-weight:bold;
}
.services_box {
	width:252px;
	height:250px;
	background-color:#333;
	float:left;
	margin:60px 20px 20px;
	border-radius:10px 10px 0 0;
	position:relative;
}
.services_box img {
	border:none;
	display:block;
	margin:auto;
}

.services_box p {
  background-color: #7C0A12;
  bottom: 0;
  font-family: Verdana,Geneva,sans-serif;
  height: 96px;
  margin-bottom: 0;
  padding: 10px 10px;
  position: absolute;
  width: 232px;
}

.error {
  border: medium none !important;
  display: block;
  margin: auto !important;
}
/*================================== TABLE SYMBOLS ==================================*/

.table {
	margin:0 auto;
	padding:0px;
	width:445px;
}

.table td {
	vertical-align:middle;
	background:-o-linear-gradient(bottom, #000000 5%, #7f0000 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #7f0000) );
	background:-moz-linear-gradient( center top, #000000 5%, #7f0000 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#7f0000");
	background: -o-linear-gradient(top, #000000, 7f0000);
	background-color:#333;
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:14px;
	font-family:Arial;
	font-weight:normal;
	color:#ffffff;
}
.table tr:last-child td {
	border-width:0px 1px 0px 0px;
}
.table tr td:last-child {
	border-width:0px 0px 1px 0px;
}
.table tr:last-child td:last-child {
	border-width:0px 0px 0px 0px;
}
.table tr:first-child td {
	background:-o-linear-gradient(bottom, #cccccc 5%, #b2b2b2 100%);
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #b2b2b2) );
	background:-moz-linear-gradient( center top, #cccccc 5%, #b2b2b2 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#b2b2b2");
	background: -o-linear-gradient(top, #cccccc, b2b2b2);
	background-color:#cccccc;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-weight:bold;
	color:#000000;
}

.table tr:first-child td:first-child {
	border-width:0px 0px 1px 0px;
}
.table tr:first-child td:last-child {
	border-width:0px 0px 1px 1px;
}


/*================================== SLIDER ==================================*/
#slider {
  height: 400px;
  left: -39px;
  overflow: hidden;
  position: relative;
  width: 1000px;
}
.slider-block {width:922px; margin:0 auto;}
.slider { width:922px; height:400px; margin:0 auto;}
.items { display:none;}

.pagination { display:none;}

.banner {background:url(../images/slider_back.png) repeat; position:absolute; z-index:100; top:0px; width:922px; height:80px; font-size:11px; line-height:22px; color:#000; font-family:Arial, Helvetica, sans-serif; }
.banner>div {padding: 10px;}
.banner span {display:block; font-size:35px; line-height:22px; color:#353535; font-weight:bold; font-family: Verdana, Geneva, sans-serif; width:600px;}
.banner strong {display:block; font-size:20px; line-height:25px; color:#9f9fa6; font-weight:bold; font-family:Verdana, Geneva, sans-serif; margin-top:-3px;}
.banner p {margin-top:10px; font:bold 15px Verdana, Geneva, sans-serif; width:700px; float:left;}
.banner a {margin-top:-10px;}

.prev_img {position:absolute; opacity:0.7; top:180px; left:2px; background:url(../images/prev.png) 0 0 no-repeat; width:30px; height:30px; z-index:111 !important; display:inline-block;}
.prev_img:hover {opacity:1;}
.next_img {position:absolute; opacity:0.7; top:180px; right:2px; background:url(../images/next.png) 0 0 no-repeat; width:30px; height:30px; z-index:111 !important; display:inline-block;}
.next_img:hover {opacity:1;}

.button {
    background: none repeat scroll 0 0 #7C0A12;
    color: #FFFFFF;
    display: inline-block;
    font-family: Verdana, Geneva,sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 25px;
    padding: 9px 30px 10px;
	float:right;
	border-radius:5px;
}
.news a:hover, .button:hover, #contact_form .send:hover{background: none repeat scroll 0 0 #ab131e;}
/*================================== END SLIDER ==================================*/