@import url('./reset.css');

body {
	font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;
	-moz-user-select: -moz-none;
}
	body a { color: #4e7aa9; text-decoration: none; }
	body a:hover { text-decoration: underline; }
	.clr { clear: both; }

#main_site_wrapper { margin: 0 17px; }
	#info_block { 
		padding: 35px 0 10px; 
		line-height: 1.1;
	}
		#wrapper_free_delive {
			float: left;
			width: 50%;
		}
			#addit_styles_free_delive {
				background: url('../images/kamaz.png') no-repeat scroll center left 0% rgba(0, 0, 0, 0);
				padding-left: 85px;
			}
		#wrapper_call_us {
			float: right;
			width: 50%;
		}
			#addit_styles_call_us {
				background: rgba(0, 0, 0, 0) url("../images/phone.png") no-repeat scroll left 0 center;
				float: right;
				padding-left: 71px;
			}
			.style_text { color: #959595; }
				.style_text h2 {
					color: #ff8400;
					font-size: 30px;
					font-weight: normal;
					text-transform: uppercase;
				}
				.style_text  h3 { font-size: 14px; }
					.style_text  h3 span { color: #000; }
				.style_text h4 { font-size: 10px; }
	#baud_info_block { 
		background: linear-gradient(to bottom, #EEEEEE 2%, #F0F0F0 3%, #FDFDFD 20%, #FFF 100%) repeat scroll 0% 0% rgba(0, 0, 0, 0);
		padding: 25px 0 20px;
		border-top: 1px solid rgba(221, 221, 221, 1);
	}
		#logo {
			color: #ff8400;
			line-height: 1;
			float: left;
			margin-right: 30px;
		}
			#logo h1 {
				font-size: 45px;
				text-transform: uppercase;
			}
				#logo h1 a {
					color: #ff8400;
					display: inline-block;
					text-decoration: none;
				}
					.gray_color { color: #9c9c9c; }
			#logo > .gray_color { font-size: 13.4px; }
		#resolution_site { margin-top: 45px; }
			#search { float: right; }
				#search input[type='text'] {
					background: rgba(247, 247, 247, 1) none repeat scroll 0 0;
					border: 0 none;
					float: left;
					padding: 7px 4px;
					text-transform: lowercase;
					width: 217px;
				}
				#search input[type='submit'] {
					background: rgba(255, 132, 0, 1) none repeat scroll 0 0;
					border: 0 none;
					color: rgba(255, 255, 255, 1);
					cursor: pointer;
					padding: 6px 20px;
					text-transform: uppercase;
				}
			#registration_and_enter {}
				#registration_and_enter a { text-transform: capitalize; }
	#main_menu_and_cart { background: linear-gradient(to bottom, #335989 0%, #325988 3%, #275082 7%, #123F75 40%, #01316C 100%) repeat scroll 0% 0% rgba(15, 60, 115, 1); }
		#main_menu_and_cart #nav { float: left; }
			#main_menu_and_cart ul { font-size: 11px; }
				#main_menu_and_cart ul li { float: left; }
					#main_menu_and_cart ul li a {
						color: rgba(255, 255, 255, 1);
						display: block;
						padding: 15px;
						text-decoration: none;
						text-transform: uppercase;
					}
						#main_menu_and_cart ul li a.action, #main_menu_and_cart ul li a:hover { background: linear-gradient(to bottom, #29476E 0%, #23436A 3%, #1A3B65 7%, #123560 40%, #012756 100%); }
		#cart {
			background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #545454, #010101) repeat scroll 0 0;
			color: rgba(255, 255, 255, 1);
			float: right;
			font-size: 12px;
			padding: 14.5px 15px 14.5px 45px;
			position: relative;
		}
			#cart::before {
				background: rgba(0, 0, 0, 0) url("../images/cart_img.png") no-repeat scroll 0 0;
				content: "";
				height: 29px;
				left: 7px;
				position: absolute;
				top: 8px;
				width: 32px;
			}
	#main_content_site {
		background: rgba(0, 0, 0, 0) linear-gradient(to top, #ededed, #fff 1%) repeat scroll 0 0;
		border-bottom: 1px solid #dddddd;
		margin-top: 10px;
		padding-bottom: 10px;
	}
		#wrapper_left_content {
			float: left;
			width: 230px;
		}
			#menu {
				font-size: 17px;
				line-height: 1.3;
				margin-bottom: 20px;
			}
				#menu div > div { margin-left: 37px; } 
			.info_block {
				margin-bottom: 10px;
				min-height: 60px;
			}
				.info_block h3 {
					color: #000;
					font-size: 20px;
					font-weight: normal;
				}
				.info_block  span, .info_block > a { font-size: 12px; }
		#wrapper_right_content {
			margin-left: 230px;
		}
			#wrapper_right_content h2 { 
				font-size: 30px;
				font-weight: normal;
				margin-bottom: 10px;
			}
			#wrapper_right_content p { 
				margin: 0 0 10px;
				font-size: 12px;
			}	
			#wrapper_product {}
				.main_product { 
					display: inline-block;
					vertical-align: top;
					width: 32.5%;
				}
					.block_producta { margin: 0 -3px 17px; }
						.image_producta { margin: 0 5px 10px; }
							.table {
								display: table;
								height: 187px;
								padding: 10px 0;
								text-align: center;
								width: 100%;
							}
								.row { display: table-row; }
									.cell {
										display: table-cell;
										vertical-align: middle;
									}
						.information_producta { margin: 0 5px; }
						.image_producta, .information_producta { 
							border: 1px solid #E5E5E5;
							-moz-border-radius: 7px;
							-o-border-radius: 7px;
							-webkit-border-radius: 7px;
							border-radius: 7px;
						}
							.desc_producta { padding: 8px; }
								.title {}
								.block_color { float: left; }
								.block_price { float: right; }	
									.block_price span { display: block; }
								.old_price { text-decoration: line-through; }
								.price {}
							.add_producta {
								background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #bdbdbd, #959595) repeat scroll 0 0;
								color: rgba(255, 255, 255, 1);
								font-size: 12px;
								padding: 5px 0;
								text-align: center;
								-moz-border-radius: 0 0 7px 7px;
								-o-border-radius: 0 0 7px 7px;
								-webkit-border-radius: 0 0 7px 7px;
								border-radius: 0 0 7px 7px;
							}
								.add_producta a {
									color: rgba(255, 255, 255, 1);
									text-decoration: none !important;
									text-transform: uppercase;
								}
							.add_producta:hover { background: linear-gradient(to bottom, #9B4F6A, #7D022E) repeat scroll 0% 0% rgba(0, 0, 0, 0); }
		#footer { padding: 5px 0 30px; }
			#foot_content {
				color: #5f5f5f;
				float: left;
				font-size: 12px;
			}
			#banner {
				margin: 10px 0;
				float: right;
			}
				
	@media only screen and (min-width: 481px) and (max-width: 768px) {
		
		#main_site_wrapper { margin: 0 7px; }
			.style_text { font-size: 12px; }
				.style_text h2 { font-size: 20px; }
				.style_text  h3 span, #logo > .gray_color { font-size: 10px; }
				#resolution_site { margin-top: 15px; }
					#baud_info_block { text-align: center; }
						#logo { 
							margin: 0 0 10px;
							float: none;
						}
							#search { float: none; }
								#search > div { 
									background: rgba(247, 247, 247, 1) none repeat scroll 0% 0%;
									display: inline-block; 
								}
							#registration_and_enter { text-align: center; }
						#main_menu_and_cart #nav { 
							display: inline-block;
							float: none;
						}
					#cart {
						padding: 0;
						width: 100%;
						text-align: center;
					}
					#cart:before { 
						background: none repeat scroll 0% 0% rgba(0, 0, 0, 0);
						content: "";
					}
						#cart span {
							background: url("../images/cart_img.png") no-repeat scroll left 6px center rgba(0, 0, 0, 0) ;
							padding: 14.5px 15px 14.5px 40px;
							display: inline-block;
						}
						#search input[type='text'] {
							margin-right: -4px;
							float: none; 
						}
						#search input[type='submit'] { padding: 6px 15px; }
					#wrapper_left_content { width: 200px; }
						#menu {
							font-size: 15px;
							line-height: 1.2;
							margin-bottom: 17px;
						}
					#wrapper_right_content { margin-left: 207px; }
						#wrapper_right_content h2 { font-size: 22px; }
						.main_product { width: 100%; }
				.main_product { width: 49%; }
			
	}
	
	@media only screen and (min-width: 241px) and (max-width: 480px) {
		
		#main_site_wrapper { margin: 0 5px; }
			#info_block { padding: 25px 0 10px; }
				#addit_styles_free_delive {
					background-position: center bottom 0%;
					padding: 0 5px 60px 0;
				}
				#addit_styles_call_us {
					background-position: center bottom 7px;
					float: none;
					padding: 0 0 80px 5px;
				}
			.style_text { font-size: 12px; }
				.style_text h2 { font-size: 18px; }
				.style_text  h3 span, #logo > .gray_color { font-size: 11px; }
				#baud_info_block { text-align: center; }
					#logo { 
						margin: 0 0 10px;
						float: none;
					}
						#logo h1 { font-size: 40px; }
					#resolution_site { margin-top: 0; }
						#search { float: none; }
							#search > div { 
								background: rgba(247, 247, 247, 1) none repeat scroll 0% 0%;
								display: inline-block;
							}
								#search input[type='text'] {
									margin-right: -4px;
									float: none;
									width: 166px;
								}
								#search input[type='submit'] { padding: 6px 12px; }
						#registration_and_enter { text-align: center; }
					#main_menu_and_cart #nav { float: none; display: inline-block; }
						#main_menu_and_cart ul { font-size: 10px; }
					#cart {
						padding: 0;
						width: 100%;
						text-align: center;
					}
					#cart:before { 
						background: none repeat scroll 0% 0% rgba(0, 0, 0, 0);
						content: "";
					}
						#cart span {
							background: url("../images/cart_img.png") no-repeat scroll left 6px center rgba(0, 0, 0, 0) ;
							padding: 14.5px 15px 14.5px 40px;
							display: inline-block;
						}
				#wrapper_left_content { 
					float: none;
					width: 100%;
				}
					#menu {
						font-size: 15px;
						line-height: 1.2;
						margin-bottom: 17px;
					}
				#wrapper_right_content { margin-left: 0; }
					#wrapper_right_content h2 { font-size: 22px; }
					.main_product { width: 100%; }
			#foot_content { float: none; }
			#banner {
				text-align: center;
				float: none;
			}
		
	}
	
	@media only screen and (max-width: 241px) {
		
		#main_site_wrapper { margin: 0 3px; }
			#info_block { padding: 25px 0 10px; }
				#wrapper_free_delive { margin-bottom: 10px; }
				#wrapper_free_delive, #wrapper_call_us {
					float: none;
					width: 100%;
				}
					#addit_styles_free_delive {
						background-position: center bottom 0%;
						padding: 0 5px 60px 0;
					}
					#addit_styles_call_us {
						background-position: center bottom 7px;
						float: none;
						padding: 0 0 80px 5px;
					}
			.style_text { font-size: 12px; }
				.style_text h2 { font-size: 18px; }
				.style_text  h3 span, #logo > .gray_color { font-size: 11px; }
				#baud_info_block { text-align: center; }
					#logo { 
						margin: 0 0 10px;
						float: none;
					}
						#logo h1 { font-size: 225%; }
					#resolution_site { margin-top: 0; }
						#search { float: none; }
							#search > div { 
								background: rgba(247, 247, 247, 1) none repeat scroll 0% 0%;
								display: inline-block;
							}
								#search input[type='text'] {
									margin-right: -4px;
									float: none;
									width: 166px;
								}
								#search input[type='submit'] { padding: 6px 12px; }
						#registration_and_enter { text-align: center; }
					#main_menu_and_cart #nav { float: none; display: inline-block; }
						#main_menu_and_cart ul { font-size: 10px; }
					#cart {
						text-align: center;
						padding: 0;
						width: 100%;
					}
					#cart:before { 
						background: none repeat scroll 0% 0% rgba(0, 0, 0, 0);
						content: "";
					}
						#cart span {
							background: url("../images/cart_img.png") no-repeat scroll left 6px center rgba(0, 0, 0, 0) ;
							padding: 14.5px 15px 14.5px 40px;
							display: inline-block;
						}
				#wrapper_left_content { 
					float: none;
					width: 100%;
				}
					#menu {
						font-size: 15px;
						line-height: 1.2;
						margin-bottom: 17px;
					}
				#wrapper_right_content { margin-left: 0; }
					#wrapper_right_content h2 { font-size: 22px; }
					.main_product { width: 100%; }
			
			#foot_content { float: none; }
			#banner {
				text-align: center;
				float: none;
			}
		
	}