* { margin: 0; padding: 0; } html, body { width:100%;height:100%; font-family: Tahoma, Verdana, Arial, sans-serif; background:#f6f5f1; position: relative;} img { border: 0; } p {padding: 20px 0 10px 0; color:#3f5065; } a { color: #112e4b;} ul, ol {display: inline-block; padding: 0 0 0 40px;} li {color:#3f5065;} table {padding: 0 0 50px 0; color:#3f5065} th {color:#112e4b; font-weight:100;} td {padding: 0 0 0 20px;} #main { position:relative; z-index: 1; min-height:100%; height:auto !important; height:100%; background: url('../images/body_fon.png') repeat-x 0 bottom; } #main .empty { height:177px; clear: both; } #header,#content,#footer { width:100%; max-width: 1140px; min-width: 990px; margin-right: auto; margin-left: auto; } #header { height: 173px; width: 100%; position: relative; overflow: hidden; } 	#header .logo { width: 266px; height: 100%; float: left; } 		#header .logo img { margin-left: 50px; margin-top: 40px; } 	#header .phone { width: 220px; height: 25px; top: 0; right: 24px; position: absolute; padding-top: 10px; } 		#header .picture { width: 874px; height: 107px; position: absolute; top: 35px; left: 266px; background: url('../images/header_pic.png') no-repeat; } 		#header .picture .title { width: 400px; height: 70px; position: absolute; left: 30px; top: 20px; color: white; } 		.picture .title h1 { font-size: 30px; font-weight: normal; font-family: Arial;} 		.picture .title span { font-size: 12px; } 		.picture .title span a { color: white; } .slogan {font-size:30px;}	.phone { color: #010101; font-size: 12px; font-weight: bold; } .mainpageblock {text-align: center; font-size: 30px; font-family: verdana, arial, sans-serif; text-transform: uppercase; font-weight: 600; color:#555; text-decoration:overline; padding:30px 0 0 0; } 		.phone .code { color: #f3956b; } 		 #content { position: relative; z-index: 3; } 	#content .left_column { width: 266px; height: 100%; position: relative; float: left; } 	.left_column .protector { width: 100%; min-height: 131px; height: 131px; } ul.menu, ul.products {padding: 0;} .left_column .menu li { padding: 5px 0 0px 16px; line-height: normal; list-style: none; width: 207px; min-height: 25px; background: url('../images/li.png') no-repeat; } 	.left_column .menu li a { line-height: 13px; height: 13px; text-decoration: none; color: #3c4f60; font-size: 13px; font-weight: bold;display:block;margin-top:4px;} 	.left_column .menu li.active a { color: #f1793d; } 	.left_column .menu .submenu{ margin-top: 8px; margin-right: 8px; } 	.left_column .menu .submenu li{ margin-left: 8px; padding-left: 11px; background: url('../images/row1.gif') no-repeat 0 13px; } 	.left_column .menu .submenu li a{ font-size: 12px; text-decoration: underline; color: #3c4f60; } 	.left_column .menu .submenu li.active a{ text-decoration: none; color: #f2763f; } 	.left_column .menu .submenu li.active { background: url('../images/row.gif') no-repeat 0 13px; } 	.sub { margin-top: 80px; padding: 0 11px; } 	.sub .title{ color: #f2763f; font-size: 18px; background: url('../images/orange-1px.png') repeat-x 0 bottom; padding-bottom: 4px; margin-bottom: 16px; } 	.sub label { color: #3f5065; display: block; font-size: 13px; font-weight: bold; } 	.sub .select { margin-bottom: 13px; } 	.sub .textarea { margin-bottom: 6px; } 	.sub .description { color: #3f5065; font-size: 11px; } 	.sub .button { margin-bottom: 22px; } 	#content .right_column { height: 100%; margin-left: 266px; padding: 0 16px 0 30px; } 	.content { height: 100%; min-height: 100%; display: table; } 	.right_column p{ margin-top: 10px; margin-bottom: 10px; line-height: 17px; } 	.right_column h1 { padding-bottom: 23px; font-size: 31px; color: #112e4b; font-weight: normal; } 	h1 span { color: #f2763f; } 	.right_column h2 { color: #112e4b; font-size: 21px;font-weight: normal; background: url('../images/orange-1px.png') repeat-x 0 bottom; padding: 0 0 4px 0; margin: 0 0 20px 0; text-transform: uppercase; } 	.right_column h2 a { text-decoration:none;} .mod { margin-bottom: 15px; width: 100%; } 	.mod .text { margin-top: 10px; color: #3f5065; } .mod .question{ margin-top: 17px; font-size: 14px; color: #3f5065; font-style: italic;} 	.upper { text-transform: uppercase; } 	.call_now { font-size: 1.6em; margin-top: 29px; } 	.call { color: #f3956b; font-weight: bold; font-size: 17px; display: block; } 	.call_now .code { color: #90afbf; } 	.cat { } 	.right_column .catalog { width: 100%; } 	.right_column .catalog li{ float: left; width: 42%; height: 300px; list-style: none; margin-right: 50px; margin-bottom: 44px; } 	.right_column .catalog li img{ margin-top: 32px; } 	.delivery { width: 100%; min-height: 170px; position: relative; margin-bottom: 20px; } 		.delivery .call_now { margin-top: 10px; } 		.dispatch { width: 230px; height: 140px; position: absolute; top: 24px; right: 0;} 			.we { color: #383131; font-size: 12px; display: block; } 			.dispatched { color: #0a0a0a; font-size: 17px; } 				.dispatched span { color: #f3956b; } 		.delivery .text{ margin-top: 10px; color: #3f5065; margin-right: 230px; } 	.gal { width: 750px; }	 	.gal li{ float: left; list-style: none; margin-top: 20px; margin-right: 35px; } 	.gal .link { display: block; } 	.gallery { margin-bottom: 54px; } 	.link { color: #f3956b; font-size: 13px; background: url('../images/row2.gif') no-repeat right 6px; padding-right: 12px; } .link2 { color: #112e4b; font-size: 13px; } .link_google { color: #112e4b; font-size: 17px; } .tooltip_link{ color: #f3956b; font-size: 13px; } .navigation {color:#3F5065; font-size:12px;margin-top:10px; text-align: center;} .navigation a {color: #3F5065;} 	.articl .column_photos { width: 50%; float: left; padding-top: 18px; overflow: hidden; } 	.column_photos .gal li{ margin-top: 18px; } 	.articl .column_description { width: 49%; float: left; margin-left: 1%; } 	.column_description .description { color: #453e38; font-size: 18px; padding: 30px 0 22px 0; line-height: 26px; } 	.tbldescription { width: 100%; border-collapse: collapse; border: 2px solid #f6f5f1; font-size: 13px; float: right; } 	.tbldescription td,th { padding: 5px 10px 5px 18px; text-align: left; border: 1px solid #f4a886; } 	.tbldescription th { color: #453e38; } 	.tbldescription td .code{ color: #90afbf; } 	.clients li{ float: left; list-style: none; width: 125px; margin-left: 15px; margin-top: 25px; font-size: 11px; color: #3f5065; } 	.clients li:first-child{ margin-left: 0px; } 	 	.tehnology { margin-bottom: 50px; } 	.tehnology h2{ margin-bottom: 22px; } 	.tehnology table { width: 100%; border-collapse: collapse; } 	.tehnology table p { line-height: 17px; font-size: 13px; color: #3f5065; } 	.right_column h3 { font-size: 17px; color: #112e4b; font-weight: normal; line-height: normal; margin-bottom: -10px; } 	 	.top_left_corner,.top_middle,.top_right_corner,.bottom_left_corner,.bottom_middle,.bottom_right_corner { line-height: 12px; } 	 	.top_left_corner { background: url('../images/top_left_corner.png') no-repeat; height: 13px; min-width: 13px; width: 13px; } 	.top_middle { background: #ffffff url('../images/middle_middle.png') repeat-y right 0; width: 100%; height: 13px; } 	.top_right_corner { background: url('../images/top_right_corner.png') no-repeat; height: 13px; min-width: 12px; width: 12px; } 	 	.middle_left { background: #ffffff; height: 100%; width: 13px; } 	.middle_middle { padding: 22px 53px 22px 22px; background: #ffffff url('../images/middle_middle.png') repeat-y right 0; width: 100%; } 	.middle_right { background: #ebe9df; height: 100%; width: 12px; } 	 	.bottom_left_corner { background: url('../images/bottom_left_corner.png') no-repeat; height: 13px; min-width: 13px; width: 13px; } 	.bottom_middle { background: #ffffff url('../images/middle_middle.png') repeat-y right 0; width: 100%; height: 13px; } 	.bottom_right_corner { background: url('../images/bottom_right_corner.png') no-repeat; height: 13px; min-width: 12px; width: 12px; } 	 	.our_products { margin-bottom: 45px; width: 100%; position: relative; text-align:center; } 	.our_products .text h1 { padding: 0; } 	.our_products .text h2 { background: transparent; } 	.our_products .text p {color: #112e4b; } 	.our_products .text { width: 33%; float: left; } 	.products { width: 555px; left: 33%; position: absolute; } 	.products li{ float: left; list-style: none; margin-left: 16px; } 	.products li:first-child{ margin-left: 0px; } 	.products li a.lnk{ padding-left: 6px; text-decoration: none; font-size: 13px; display: block; width: 120px; color: #3f5065; } 	 	.inputtext 	{ 		width: 195px; 		height: 22px; 		padding-left: 5px; 		border-top: 1px #aaadb2 solid; 		border-right: 1px #dde0e7 solid; 		border-bottom: 1px #e2e9ef solid; 		border-left: 2px #e5e5ec solid; 	} 	.select 	{ 		width: 105px; 		padding-left: 5px; 		height: 22px; 		border-top: 1px #aaadb2 solid; 		border-right: 1px #dde0e7 solid; 		border-bottom: 1px #e2e9ef solid; 		border-left: 2px #e5e5ec solid; 	} 	.inputtextarea 	{ 		width: 230px; 		padding: 5px; 		height: 115px; 		border-top: 1px #aaadb2 solid; 		border-right: 1px #dde0e7 solid; 		border-bottom: 1px #e2e9ef solid; 		border-left: 2px #e5e5ec solid; 	} 	.button 	{ 		padding: 0; 		border: 0; 		width: 79px; 		height: 22px; 		background: url('../images/button.png') no-repeat; 		cursor: pointer; 	} 	 	 	#footer_pic { position: absolute; z-index: 4; bottom: 70px; left: 20px; } 	 #footer { position:relative; margin-top:-147px; height:143px; z-index: 2; border-top: 4px black solid; } 	#developer { width: 444px; height: 64px; float: right; padding: 16px 16px 0 0; } 		#developer .title { height: 15px; width: 100%; color: #404040; font-size: 13px; font-family: "Myriad Pro"; margin-bottom: 3px; } 		#positivesolution {width: 150px; height: 50px; float: left;} #positivesolution a {text-decoration: none;} 		#farbik { width: 100px; height: 50px; float: left; } 		#neosystems { width: 185px ; height: 50px; float: right; } 		 @media screen and (-webkit-min-device-pixel-ratio:0) { 	 .left_column .menu li 	{ 		/*padding-bottom: 8px; 		min-height: 30px;*/ 	} } 		 @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .left_column .menu li 	{ 		padding: 9px 0px 0px 16px; 		min-height: 21px; 	} } .left-pic {float: left; padding:20px 20px 20px 0;} .left-li {padding: 0 0 0 50px;}