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

* {padding: 0;
	margin: 0;
	border: 0;}
.content img {
    max-width: 100%;
    height: auto; 
}
.poh11 {
 font-size: 18px;
        font-size: 1.6em;
margin: 7px 0px;
font-family: Georgia,serif;
color: #222;
font-weight: normal;
border-bottom: 1px solid #DCDCDC;
}
blockquote {
    border: 1px solid #EEE196;
    margin: 10px 10px 10px 50px;
    padding-left: 5px;
    background-color: #FEF6DE;

}
.wp-pagenavi{clear:both}.wp-pagenavi a,.wp-pagenavi span{text-decoration:none;border:1px solid #bfbfbf;margin:2px}.wp-pagenavi a:hover,.wp-pagenavi span.current{border-color:#000}.wp-pagenavi span.current{font-weight:bold}

body {background: transparent url("http://webpromo.kiev.ua/images/header_bg1.png") repeat-x scroll left top;}
.headerMenu {padding: 0px !important;}
.fix {
    clear: both;
    height: 1px;
    overflow: hidden;
    margin: -1px 0px 0px;
}
a:link, a:visited { color: #2A619E; text-decoration:none;}
a:hover { color: #C03D1D; text-decoration:underline;}
body {max-width:100%; font: 14px/1.5em Arial,Helvetica,Sans-serif; color: #333;  } 
h1, h2, h3, h4, h5, h6 { margin: 7px 0; font-family:Georgia, serif; color: #222; font-weight:normal;     border-bottom: 1px solid #DCDCDC;
}
h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;}
p {margin: 0; }
hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; }
input, textarea { padding: 7px 0 7px 7px; border-color: #EFEFEF #ccc #CCCCCC #efefef; border-width:1px; border-style:solid;}
p {
    margin-top: 0.5em; /* Отступ сверху */
    margin-bottom: 1em; /* Отступ снизу */
   }

.content ul { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.content ul ul { margin: 0; }
.content ul li { list-style-type: disc; }
.content ul ul li { list-style-type: circle; }
.content ol { margin-bottom: 1.5em; padding: 0 0 0 30px; }
.content ol ol { margin: 0; }
.content ol li { list-style-type: decimal; }
.content ol li ol li { list-style-type: lower-latin; }


body, html {
	height: 100%;
    

}


.alignleft { float: left; height: auto; margin: 0px 20px 10px 0; }
.alignright { float: right; height: auto; margin: 0px 0 10px 20px; }
.aligncenter { text-align: center; margin-bottom:15px;}
img.aligncenter { margin-left:auto; margin-right:auto; display:block; }

.holder {
	height: auto !important;
	min-height: 100% !important;
	height: 100%;
	position: relative;
}

.holder.index {
	//background: url(/images/body_index_bg.jpg) center top no-repeat;
}

.container {
	max-width: 940px;
	margin: 0 auto;
}

.indexHeader {
	margin-top: -21px;
	height: 465px;
	position: relative;
}
	.indexHeader .sloganTop {
		padding: 20px 0 0 300px;
	}
		.indexHeader .sloganTop span {
			float: left;
			width: 205px;
			font: normal 19px/21px Tahoma, Arial, sans-serif;
			color: #000;
			padding: 8px 0 0 0;
		}
			.indexHeader .sloganTop p {
				display: block;
				margin: 0 0 0 205px;
				background: url(/images/ind_head_arc.png) left top no-repeat;
				padding: 8px 0 12px 40px;
				font: normal 12px/15px Tahoma, Arial, sans-serif;
				color: #000;
				text-shadow: 1px 1px 0 #fff;
			}
		.indexHeader .sloganTop .growth {
			display: block;
			width: 205px;
			position: absolute;
			top: 60px;
			left: 62px;
			text-align: center;
			font: normal 18px Tahoma, Arial, sans-serif;
			color: #000;
		}
		.tooltip {
			display: block;
			position: absolute;
			text-align: center;
		}
		.tooltip.audit {
			width: 120px;
			height: 150px;
			left: 352px;
			top: 175px;
		}
		.tooltip.develop {
			width: 133px;
			height: 190px;
			left: 485px;
			top: 140px;
			padding-left: 5px; 
		}
		.tooltip.push {
			width: 170px;
			height: 230px;
			left: 630px;
			top: 100px;		
		}
			.indexHeader .sloganTop .tooltip span {
				display: block;
				width: 110px;
				padding: 0 0 8px 0;
				background: url(/images/tooltip_arr.png) center bottom no-repeat;
				-webkit-transition: all .2s linear; 
				-moz-transition: all .2s linear;
				-o-transition: all .2s linear;
				transition: all .2s linear;
			}
				.indexHeader .sloganTop .tooltip:hover span {
					margin: -3px 0 0 0;
				}
				.indexHeader .sloganTop .tooltip span strong{
					padding: 5px 15px 8px 15px;
					display: block;
					background: #cc0000;
					border-radius: 5px;
					text-align: center;
					font: normal 13px Tahoma, Arial, sans-serif;
					color: #fff;
				}
.indexContent {
	position: relative;
	
	z-index: 9999;
}				
	.indexContent .stats {
		float: left;
		max-width: 496px;
		border: 1px solid #e1e1e1;
		border-radius: 10px;
		background: #f6f6f6;
		padding: 6px;
		margin-right: 11px;
	}
		.indexContent .stats .statsInner {
			background: #fff;
			border-radius: 7px;
		}
			.indexContent .stats .statsInner h2 {
				color: #000;
				font: bold 16px Tahoma, Arial, sans-serif;
				background: url(/images/stats_b_ico.png) 12px 15px no-repeat;
				padding: 10px 20px 10px 30px;
				border-bottom: 1px solid #e2e3e2;
			}
			.indexContent .stats .statsInner .statsCount {
				padding: 5px 12px 13px 12px;
				border-bottom: 1px solid #e2e3e2;
			}
				.indexContent .stats .statsInner .statsCount div {
					overflow: hidden;
					margin: 0 0 0 0;
					float: left;
					width: 50%;
					text-align: center;
				}
				.indexContent .stats .statsInner .statsCount .separator {
					float: none;
					clear: both;
					width: auto;
					text-indent: -9999px;
					font-size: 1px;
					margin: 0 0 10px 0;
					padding: 10px 0 0 0;
					border-bottom: 1px solid #e2e3e2;
				}
					.indexContent .stats .statsInner .statsCount div span {
						display: inline-block;
						background: #32b012;
						padding: 3px 8px 5px 8px;
						border-radius: 5px;
						font: bold 18px Tahoma, Arial, sans-serif;
						color: #fff;
						margin: 0 0 7px 0;
						-webkit-transition: all .2s linear; 
						-moz-transition: all .2s linear;
						-o-transition: all .2s linear;
						transition: all .2s linear;
					}
						.indexContent .stats .statsInner .statsCount div:hover span {
							background: #636363;
						}
					.indexContent .stats .statsInner .statsCount div p {
						text-align: center;
						display: block;
						color: #808080;
						font: normal 11px/13px Tahoma, Arial, sans-serif;
						padding: 0 20px;
						-webkit-transition: all .2s linear; 
						-moz-transition: all .2s linear;
						-o-transition: all .2s linear;
						transition: all .2s linear;
					}
						.indexContent .stats .statsInner .statsCount div:hover p {
							color: #000;
						}
	.scrollAds {
		padding: 15px 31px 15px 30px;
		position: relative;
	}
		.scrollAds li {
			display: block;
			margin: 0 10px 0 0;
			background: url(/images/ind_slide_sep.png) right -12px no-repeat;
		}
			.scrollAds li a {
				display: inline-block;
				font: normal 11px Tahoma, Arial, sans-serif;
				color: #000;
				text-decoration: underline;
				padding: 0 0 3px 23px;
				background: url(/images/google_ico.png) left top no-repeat;
				margin: 0 0 5px 0;
			}
				.scrollAds li a:hover {
					text-decoration: none;
				}
			.scrollAds li .flex-next, .scrollAds li .flex-prev {
				display: block;
				position: absolute;
				width: 12px;
				height: 20px;
				cursor: pointer;
				outline: none;
				text-indent: -9999px;
				margin: 0;
				padding: 0;
				top: 24px;
				background: url(/images/ind_slide_arr.png) left top no-repeat;
			}
				.scrollAds li .flex-next {
					right: 10px;
					background-position: right top;
				}
				.scrollAds li .flex-prev {
					left: 10px;
					background-position: left top;
				}

	.indexContent .wedo {
		float: left;
		
		margin-right: 11px;
	}
		.indexContent .wedo h2 {
			color: #000;
			font: bold 16px Tahoma, Arial, sans-serif;
			background: url(/images/list_b_ico.png) 12px 21px no-repeat;
			padding: 15px 20px 10px 30px;
		}
			.indexContent .wedo div {
				background: #f6f6f6;
				font: normal 12px/14px Tahoma, Arial, sans-serif;
				color: #333;
				border: 1px solid #e1e1e1;
				padding: 20px 10px;
				border-radius: 5px;
				margin: 0 0 5px 0;
				position: relative;
				-webkit-transition: all .3s linear; 
				-moz-transition: all .3s linear;
				-o-transition: all .3s linear;
				transition: all .3s linear;
			}
				.indexContent .wedo div:hover {
					background: #fff;
				}
				.indexContent .wedo div span {
					display: block;
					width: 18px;
					height: 18px;
					border-radius: 9px;
					background: #ddd;
					text-align: center;
					color: #fff;
					font: normal 13px Tahoma, Arial, sans-serif;
					position: absolute;
					top: -12px;
					right: 6px;
					-webkit-transition: all .3s linear; 
					-moz-transition: all .3s linear;
					-o-transition: all .3s linear;
					transition: all .3s linear;
				}
					.indexContent .wedo div:hover span {
						background: #cc0000;
					}
	.indexContent .form {
		float: left;
		width: 276px;
		border: 1px solid #e1e1e1;
		border-radius: 10px;
		background: url(/images/form_h2_bg.png) right top no-repeat #f6f6f6;
	}
		.indexContent .form h2 {
			border-bottom: 1px solid #e1e1e1;
			padding: 6px 0 8px 30px;
			color: #000;
			font: bold 16px Tahoma, Arial, sans-serif;
			background: url(/images/form_b_ico.png) 12px 12px no-repeat;
		}
		.indexContent .form ul {
			display: block;
			padding: 5px 10px 10px 0;
		}
			.indexContent .form li {
				display: block;
				text-align: right;
				margin: 0 0 10px 0;
				font: normal 12px Tahoma, Arial, sans-serif;
				color: #000;
			}
				.indexContent .form li input {
					display: inline-block;
					height: 23px;
					width: 136px;
					padding: 0 5px;
					margin: 0 0 0 5px;
					border: 1px solid #d9d9d9;
					border-radius: 3px;
					outline: none;
					color: #808080;
					font: normal 12px Tahoma, Arial, sans-serif;
					-webkit-transition: all .2s linear; 
					-moz-transition: all .2s linear;
					-o-transition: all .2s linear;
					transition: all .2s linear;
				}
					.indexContent .form li input:focus {
						color: #1a1a1a;
						border: 1px solid #a2a2a1;
						box-shadow: 0 0 4px #ccc;
					}
				.indexContent .form li .sbmtBtn {
					padding: 0;
					margin: 7px 0 0 0;
					border: 0;
					border-radius: 0;
					width: 148px;
					height: 28px;
					background: url(/images/order_btn.png) left top no-repeat;
					cursor: pointer;
					font: normal 13px Tahoma, Arial, sans-serif;
					color: #fff;
					text-align: center;
					-webkit-transition: none; 
					-moz-transition: none;
					-o-transition: none;
					transition: none;
				}
					.indexContent .form li .sbmtBtn:hover {
						background-position: left bottom;
					}
	.indexClients {
		border: 1px solid #e6e6e6;
		
		border-radius: 5px;
		padding: 0 10px;
		margin: 20px 0 0 0;
		position: relative;
	}
		.indexClients ul {
			list-style: none outside;
		}
			.indexClients .slides li {
				margin: 0 10px 0 0;
				text-align: center;
				padding: 15px 0;
			}
				.indexClients .flex-next, .indexClients .flex-prev {
					position: absolute;
					text-indent: -9999px;
					outline: none;
					display: block;
					width: 28px;
					height: 29px;
					top: 31px;
					background: url(/images/ind_clients_arr.png) left 1px no-repeat;
					cursor: pointer;
				}
					.indexClients .flex-next {
						right: -14px;
						background-position: right 1px;
					}
					.indexClients .flex-prev {
						left: -14px;
						background-position: left 1px;
					}
					.indexClients .slides li img {
					    filter: gray; /* IE6-9 */
					    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
					}
						.indexClients .slides li a:hover img {
						    filter: none; /* IE6-9 */
						    -webkit-filter: grayscale(0); /* Google Chrome & Safari 6+ */
						}
.header {
	background: url(/images/header_bg1.png) left top repeat-x;
	margin: 0 0 21px 0;
}
	.header .container {
		position: relative;
	}
	.headerTop {
		text-align: right;
	}
		.headerTop div {
			float: right;
			padding: 6px 14px 0 12px;
			height: 30px;
			background: url(/images/head_top_sep.png) right top no-repeat;
			color: #333333;
			font: bold 19px Arial, Tahoma, sans-serif;
		}
		.headerTop div.last {
			background: none;
		}
			.headerTop div strong {
				font-size: 15px;
				font-weight: normal;
			}
			.headerTop div span {
				font: normal 12px Tahoma, Arial, sans-serif;
				color: #333;
				margin: 0 10px 0 0;
			}
			.headerTop div a {
				display: inline-block;
				font: normal 12px Tahoma, Arial, sans-serif;
				color: #333;
				text-decoration: underline;
				background: url(/images/head_top_mail.png) left top no-repeat;
				padding: 0 0 2px 20px;
				margin: 5px 0 0 0;
			}
				.headerTop div a:hover {
					text-decoration: none;
				}
	.headerMenu {
		padding: 0 0 0 250px;
	}
		.headerMenu ul {
			list-style: none outside;
		}
			.headerMenu li {
				display: block;
				float: left;
				background: url(/images/top_menu_sep.png) right top no-repeat;
				padding: 0 2px 0 0;
				position: relative;
			}
				.headerMenu li a {
					display: block;
					height: 28px;
					font: normal 13px Arial, Tahoma, sans-serif;
					color: #fff;
					padding: 10px 12px 0 12px;
					text-decoration: none;
					background: #ff6c00;
					-webkit-transition: all .3s linear; 
					-moz-transition: all .3s linear;
					-o-transition: all .3s linear;
					transition: all .3s linear;
					
				}
					.headerMenu li.drop a {
						padding-right: 21px;
						background: url(/images/top_menu_arr.png) right 18px no-repeat #ff6c00;
					}
						.headerMenu li.active a, .headerMenu li:hover a {
							background: #ff4300;
						}
						.headerMenu li.active.drop a, .headerMenu li.drop:hover a {
							background: url(/images/top_menu_arr.png) right 18px no-repeat #ff4300;
						}
				/* Submenu */
				.headerMenu li.drop ul {
					display: none;
					position: absolute;
					left: 0;
					background: #fff;
					z-index: 9999;
				}
					.headerMenu li.drop li {
						display: block;
						float: none;
						background: none;
						padding: 0;
						margin: 0;
					}
						.headerMenu li.drop li a, .headerMenu li.drop:hover li a {
							height: auto;
							display: block;
							background: none;
							padding: 8px 15px;
							margin: 0;
							white-space: nowrap;
						}
							.headerMenu li.drop li a:hover {
								background: #e73d00;
							}
				.headerMenu li.drop:hover ul {
					display: block;
					background: #ff4300;
				}
	.headerLogo {
		position: absolute;
		top: 0;
		left: 0;
	}
		.headerLogo a {
			display: block;
			width: 250px;
			height: 95px;
			background: url(/images/logo_top.png) left top no-repeat;
			outline: hidden;
			text-indent: -9999px;
		}
		.headerLogo.index a {
			background: url(/images/logo_top.png) left top no-repeat;
			box-shadow: 0 1px 4px #999;
		}
.colLeft {
	float: left;
	width: 250px;
	margin: 0 30px 0 0;
}
	.colLeft .leftBlock {
		
	}
		.leftBlock .blockTitle {
			background: url(/images/list_ico.png) 22px 14px no-repeat #ff6c00;
			height: 28px;
			font: normal 15px Arial, Tahoma, sans-serif;
			color: #fff;
			padding: 10px 20px 0 40px;
		}
		.leftBlock .blockCont {
			background: #FFF none repeat scroll 0% 0%;
			border: 1px solid #e8e8e8;
			border-bottom: none;
			border-top: none;
			padding: 0 20px 0 20px;
		}
		.colLeft .leftBlock.last .blockCont {
			border-bottom: 1px solid #e8e8e8;
			border-radius: 0 0 15px 15px;
		}

		/* Left menu */
		.leftBlock.leftMenu .blockCont {
			padding: 0;
		}
			.leftBlock.leftMenu .blockCont a {
				display: block;
				height: 24px;
				padding: 8px 0 0 40px;
				background: rgba(246, 246, 246, 0.21) url("/images/lft_mnu_arr.png") no-repeat scroll 25px 12px;
				border-bottom: 1px solid #e2e2e2;
				font: normal 13px Tahoma, Arial, sans-serif;
				color: #636363;
				text-decoration: none;
				-webkit-transition: all .2s linear; 
				-moz-transition: all .2s linear;
				-o-transition: all .2s linear;
				transition: all .2s linear;
			}
				.leftBlock.leftMenu .blockCont a.active, .leftBlock.leftMenu .blockCont a:hover {
					background: url(/images/lft_mnu_arr.png) 25px 12px no-repeat #fff;
				}
				.leftBlock.leftMenu .blockCont a.active {
					font-weight: bold;
					color: #ff6c00;
					cursor: default;
				}
				.leftBlock.leftMenu .blockCont a:hover {
					color: #ff6c00;
				}
		/* Statistics */
		.leftBlock.statistics .blockTitle {
			background: url(/images/stats_ico.png) 22px 13px no-repeat #636363;
		}
		.leftBlock.statistics .blockCont {
			padding: 0;
		}
			.leftBlock.statistics .blockCont div {
				padding: 15px 10px;
				border-bottom: 1px solid #d8d8d8;
				text-align: center;
				font: normal 12px/12px Tahoma, Arial, sans-serif;
				color: #737373;
				-webkit-transition: all .3s linear; 
				-moz-transition: all .3s linear;
				-o-transition: all .3s linear;
				transition: all .3s linear;
			}
			.leftBlock.statistics .blockCont div.last {
				border: 0;
				border-radius: 0 0 15px 15px;
			}
			.leftBlock.statistics .blockCont div:hover {
				background: #fff;
			}
				.leftBlock.statistics .blockCont div span {
					display: inline-block;
					font: bold 20px Tahoma, Arial, sans-serif;
					color: #fff;
					background: #32b012;
					padding: 3px 8px;
					margin: 0 0 10px 0;
					border-radius: 4px;
					-webkit-transition: all .3s linear; 
					-moz-transition: all .3s linear;
					-o-transition: all .3s linear;
					transition: all .3s linear;
				}
					.leftBlock.statistics .blockCont div:hover span {
						background: #636363;
					}
		/* Board Slider */
		.leftBlock.board .blockTitle {
			background: url(/images/board_ico.png) 22px 12px no-repeat #f20000;
		}
			.boardSlider {
				position: relative;
			}
				.boardSlider li {
					display: none;
					text-align: center;
					padding: 20px 0 30px 0;
					list-style: none outside;
				}
					.boardSlider li img {
						display: inline-block;
						margin: 0 0 15px 0;
					}
					.boardSlider li p {
						display: block;
						text-align: left;
						overflow: hidden;
						font: normal 13px/15px Tahoma, Arial, sans-serif;
						color: #636363;
					}
						.boardSlider li p strong {
							display: block;
							text-align: center;
							font: normal 20px/22px Tahoma, Arial, sans-serif;
							color: #f20000;
							padding: 5px 0 0 0;
						}
				.boardSlider .flex-direction-nav {
					position: absolute;
					top: 60px;
					left: 0;
					width: 100%;
					list-style: none outside;
				}
					.boardSlider .flex-direction-nav li {
						padding: 0;
						text-align: left;
						display: inline;
					}
					.boardSlider .flex-direction-nav .flex-prev, .boardSlider .flex-direction-nav .flex-next {
						float: left;
						outline: none;
						text-indent: -9999px;
						cursor: pointer;
						display: block;
						width: 15px;
						height: 39px;
						background: url(/images/board_arr.png) left top no-repeat;
					}
					.boardSlider .flex-direction-nav .flex-next {
						right: 0;
						float: right;
						background-position: right top;
					}
						.boardSlider .flex-direction-nav .flex-prev:hover {
							background-position: left -61px;
						}
						.boardSlider .flex-direction-nav .flex-next:hover {
							background-position: right -61px;
						}

.colRight {
	float: left;
	max-width: 640px;
}
	/* Projects gallery */
	.projects {
		margin: 0 0 40px 0;
	}
		.projects .projItem {
			float: left;
			width: 145px;
			margin: 0 16px 25px 0;
		}
		.projects .projItem.last {
			margin-right: 0;
		}
			.projects .projItem .logoCont {
				margin: 0 0 7px 0;
			}
				.projects .projItem .logoCont a {
					display: block;
					border: 1px solid #d0cfcf;
					border-radius: 4px;
					text-align: center;
					padding: 20px 0;
					-webkit-transition: all .2s linear; 
					-moz-transition: all .2s linear;
					-o-transition: all .2s linear;
					transition: all .2s linear;
				}
					.projects .projItem .logoCont:hover a {
						border: 1px solid #a2a2a1;
						box-shadow: 0 0 4px #ccc; 
					}
						.projects .projItem .logoCont a img {
							filter: gray; /* IE6-9 */
					    	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
						}
							.projects .projItem .logoCont a:hover img {
								filter: none; /* IE6-9 */
					    		-webkit-filter: grayscale(0); /* Google Chrome & Safari 6+ */
							}

			.projects .projItem .titleCont {
				border-left: 7px solid #e90000;
				padding: 0 0 0 8px;
				line-height: 16px;
				font: normal 12px Tahoma, Arial, sans-serif;
			}
				.projects .projItem .titleCont a {
					text-decoration: none;
					color: #000;
				}
					.projects .projItem .titleCont a:hover {
						text-decoration: underline;
					}
				.projects .projItem .titleCont p {
					color: #999;
				}
	/* Order form */
	h2 {
		font: bold 15px Tahoma, Arial, sans-serif;
		color: #db0505;
		margin: 0 0 10px 0;
	}
	.order h2 {
		padding: 0 0 0 23px;
		background: url(/images/order_ico.png) left 4px no-repeat;
	}
		.formCont {
			border: 1px solid #d9d9d9;
			border-radius: 4px;
			padding: 20px 55px 20px 0px;
			position: relative;
		}
			.formCont li {
				float: left;
				width: 50%;
				margin: 0 0 8px 0;
				font: normal 12px Tahoma, Arial, sans-serif;
				color: #111;
				list-style: none outside;
				text-align: right;
			}
				.formCont li span {
					margin: 0 10px 0 0;
				}
				.formCont li input {
					width: 140px;
					height: 22px;
					padding: 0 5px;
					border: 1px solid #d9d9d9;
					border-radius: 3px;
					outline: none;
					color: #808080;
					font: normal 12px Tahoma, Arial, sans-serif;
					-webkit-transition: all .2s linear; 
					-moz-transition: all .2s linear;
					-o-transition: all .2s linear;
					transition: all .2s linear;
				}
					.formCont li input:focus {
						color: #1a1a1a;
						border: 1px solid #a2a2a1;
						box-shadow: 0 0 4px #ccc;
					}
		.orderBtnHolder {
			position: absolute;
			bottom: -14px;
			left: 238px;
			padding: 0 7px;
			background: #fff;
		}
			.orderBtnHolder input {
				display: block;
				width: 148px;
				height: 28px;
				background: url(/images/order_btn.png) left top no-repeat;
				cursor: pointer;
				font: normal 13px Tahoma, Arial, sans-serif;
				color: #fff;
				text-align: center;
			}
				.orderBtnHolder input:hover {
					background-position: left bottom;
				}

/* Info container */
	.infoHead {
		padding: 15px 0 60px 255px;
		background: url(/images/info_res_bg.png) left top no-repeat;/*мобильные приложения*/
		margin: 0 0 15px 0;
	}
	.infoHead h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		.infoHead1 {
		padding: 15px 0 35px 255px;
		background: url(/images/soprovojdenie.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead1 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead1 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		.infoHead2 {
		padding: 15px 0 60px 255px;
		background: url(/images/coding.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
		
				.infoHead2 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead2 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
	
		.infoHead3 {
		padding: 15px 0 0px 255px;
		background: url(/images/KOMPLEKS.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead3 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead3 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		.infoHead4 {
		padding: 15px 0 50px 255px;
		background: url(/images/kons.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead4 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead4 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		.infoHead5 {
		padding: 15px 0 35px 255px;
		background: url(/images/magaz.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead5 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead5 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		.infoHead6 {
		padding: 15px 0 0px 255px;
		background: url(/images/POISK.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead6 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead6 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		.infoHead7 {
		padding: 15px 0 20px 235px;
		background: url(/images/PORT.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead7 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead7 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 0px 0;
		}
		.infoHead8 {
		padding: 15px 0 0px 255px;
		background: url(/images/remarketing.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead8 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead8 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		.infoHead9 {
		padding: 15px 0 20px 255px;
		background: url(/images/SAAS.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead9 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead9 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
		
	.infoHead10 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
h5 {
			font: normal 16px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		
		
		.infoHead11 {
		padding: 15px 0 10px 255px;
		background: url(/images/remarketing.png) left top no-repeat;
		margin: 0 0 15px 0;
	}
	.infoHead11 h1 {
			font: normal 20px Tahoma, Arial, sans-serif;
			color: #da0000;
			padding: 0 0 10px 0;
			margin: 0 0 10px 0;
			border-bottom: 1px solid #dcdcdc;
		}
		.infoHead11 p {
			font: normal 12px/16px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 10px 0;
		}
	
		
	.infoBody {
		padding: 0 0 10px 0;
		border-bottom: 1px solid #dcdcdc;
		margin: 0 0 5px 0;
	}
		.infoBody li {
			display: block;
			list-style: none outside;
			color: #000;
			
			padding: 0 0 0 20px;
			margin: 0 0 10px 0;
			background: url(/images/info_li_arr.png) left 2px no-repeat;
		}

	.subCategory {
		margin: 40px 0 0 0;
	}
		.category {
			float: left;
			width: 50%;
		}
			.category a {
				display: block;
				margin: 0 10px 20px 0;
				border: 1px solid #d6d6d6;
				border-radius: 4px;
				padding: 10px 20px 10px 20px;
				text-decoration: none;
				-webkit-transition: all .2s linear; 
				-moz-transition: all .2s linear;
				-o-transition: all .2s linear;
				transition: all .2s linear;
			}
				.category a.right {
					margin: 0 0 20px 10px;
				}
				.category a:hover {
					border: 1px solid #a2a2a1;
					box-shadow: 0 0 4px #ccc;
				}
					.category a span {
						display: block;
						padding: 0 0 5px 15px;
						border-left: 8px solid #f20000;
						font: normal 12px/13px Tahoma, Arial, sans-serif;
						color: #808080;
					}
						.category a span strong {
							font: bold 15px Tahoma, Arial, sans-serif;
							color: #000;
						}
							.category a:hover span strong {
								text-decoration: underline;
							}
	.portoNav, .portoNavWide {
		position: relative;
		margin: 0 0 20px 0;
	}
		.portoNav .slides {
			
		}
			.portoNav li, .portoNavWide li {
				display: block;
				float: left;
				margin: 0 10px 0 0;
				padding: 3px 0;
			}
				.portoNav li a, .portoNavWide li a {
					display: block;
					border: 1px solid #d8d8d8;
					border-radius: 4px;
					padding: 10px 0;
					text-align: center;
					-webkit-transition: all .2s linear; 
					-moz-transition: all .2s linear;
					-o-transition: all .2s linear;
					transition: all .2s linear;
				}
					.portoNav li a:hover, .portoNavWide li a:hover {
						border: 1px solid #a2a2a1;
						box-shadow: 0 1px 4px #ccc;
					}
					.portoNav li a img, .portoNavWide li a img {
						filter: gray; /* IE6-9 */
					    -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
					}
						.portoNav li a:hover img, .portoNavWide li a:hover img {
							filter: none; /* IE6-9 */
					    	-webkit-filter: grayscale(0); /* Google Chrome & Safari 6+ */
						}
				.portoNav .flex-direction-nav .flex-next, .portoNavWide .flex-direction-nav .flex-next {
					width: 12px;
					height: 27px;
					display: block;
					border: 0;
					padding: 0;
					border-radius: 0;
					background: url(/images/porto_nav_arr.png) right top no-repeat;
					position: absolute;
					top: 28px;
					right: -10px;
					z-index: 10;
					cursor: pointer;
					text-indent: -9999px;
					opacity: 0;
					-webkit-transition: all .4s linear; 
					-moz-transition: all .4s linear;
					-o-transition: all .4s linear;
					transition: all .4s linear;
					outline: none;
				}
				.portoNav .flex-direction-nav .flex-prev, .portoNavWide .flex-direction-nav .flex-prev {
					width: 12px;
					height: 27px;
					display: block;
					border: 0;
					padding: 0;
					border-radius: 0;
					background: url(/images/porto_nav_arr.png) left top no-repeat;
					position: absolute;
					top: 28px;
					left: -10px;
					cursor: pointer;
					text-indent: -9999px;
					opacity: 0;
					-webkit-transition: all .4s linear; 
					-moz-transition: all .4s linear;
					-o-transition: all .4s linear;
					transition: all .4s linear;
					outline: none;
				}
					.portoNav .flex-direction-nav .flex-prev.flex-disabled, .portoNavWide .flex-direction-nav .flex-prev.flex-disabled {
						background-position: 12px top;
						cursor: default;
					}
					.portoNav .flex-direction-nav .flex-next.flex-disabled, .portoNavWide .flex-direction-nav .flex-next.flex-disabled {
						background-position: -40px top;
						cursor: default;
					}
					.portoNav:hover .flex-direction-nav .flex-next, .portoNavWide:hover .flex-direction-nav .flex-next {
						right: 15px;
						opacity: 1;
					}
					.portoNav:hover .flex-direction-nav .flex-prev, .portoNavWide:hover .flex-direction-nav .flex-prev {
						left: 15px;
						opacity: 1;
					}
						.portoNav .flex-direction-nav .flex-next:hover, .portoNav .flex-direction-nav .flex-prev:hover, .portoNavWide .flex-direction-nav .flex-next:hover, .portoNavWide .flex-direction-nav .flex-prev:hover {
							box-shadow: none;
							border: 0;
						}
	.portoHolder {
		padding: 15px 0 0 0;
	}
	.portoHolder h1 {
		border-left: 8px solid #e60101;
		padding-left: 10px;  
	}
	.portoGal {
		position: relative;
		margin: 0 0 30px 0;
	}
		.portoGal h1 {
			font: normal 12px Tahoma, Arial, sans-serif;
			color: #000;
			margin: 0 0 20px 0;
		}
			.portoGal h1 strong {
				font: bold 21px Tahoma, Arial, sans-serif;
			}
		.portoGal ul {
			list-style: none outside;
		}
		.portoGal .slides {
			border-top: 1px solid #ccc;
		}
			.portoGal .flex-next, .portoGal .flex-prev {
				display: block;
				position: absolute;
				top: 45%;
				width: 32px;
				height: 80px;
				outline: none;
				text-indent: -9999px;
				background: url(/images/porto_gal_arr.png) left top no-repeat;
				cursor: pointer;
				-webkit-transition: all .4s linear; 
				-moz-transition: all .4s linear;
				-o-transition: all .4s linear;
				transition: all .4s linear;
				opacity: 0;
			}
			.portoGal .flex-prev {
				left: -10px;
			}
			.portoGal .flex-next {
				right: -10px;
				background-position: right top;
			}
				.portoGal:hover .flex-prev {
					left: 15px;
					opacity: 1;
				}
				.portoGal:hover .flex-next {
					right: 15px;
					opacity: 1;
				}
					.portoGal:hover .flex-prev.flex-disabled {
						left: -10px;
						opacity: 0;
						cursor: default;
					}
					.portoGal:hover .flex-next.flex-disabled {
						right: -10px;
						opacity: 0;
						cursor: default;
					}
.pusher {
	height: 100px;
	text-indent: -9999px;
	outline: none;
}

.footer {
	
	width: 100%;
	bottom: 0;
	height: 50px;
	background: rgba(238, 238, 238, 0.33) none repeat scroll 0% 0%;
	text-align: center;
}
	.footer .container {
		position: relative;
		padding-left: 100px;
		max-width: 840px;
	}
		.footLogo {
			position: absolute;
			left: 20px;
			top: 16px;
			display: block;
			height: 17px;
			width: 124px;
			background: url(/images/logo_bottom.png) left bottom no-repeat;
			outline: none;
			text-indent: -9999px;
		}
			.footLogo:hover {
				background-position: left top;
			}
		.footCount {
			display: block;
			position: absolute;
			right: 20px;
			top: 10px;
			cursor: pointer;
		}
		.footer ul {
			padding: 15px 0 0 0;
		}
			.footer li {
				display: inline-block;
				margin: 0 10px;
			}
				.footer li a {
					font: normal 13px Arial, Tahoma, sans-serif;
					color: #737373;
					text-decoration: none;
				}
					.footer li a:hover {
						text-decoration: underline;
					}

/* Use clearfix class on parent to clear nested columns */
.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}



/* @media screen and (max-width: 320px) {
.headerLogo {position: static !important;}
.colLeft {display:none;}
.headerMenu {
    padding: 0px;}
.order {display:none;}
.space  { height:50px !important;}
} */

/* 6.1 Buttons */
a.button, 
a.comment-reply-link, 
#commentform #submit,
#contact-page .submit {
display: inline-block;
margin: 5px;
padding: 3px 13px;
border-width: 1px;
border-style: solid;
border-color: #E3871F #AF7F40 #9A4220;
-moz-border-top-colors: none;
-moz-border-right-colors: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
border-image: none;
color: #FFF !important;
text-align: center;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
text-decoration: none;
border-radius: 15px;
background: #E3871F;
box-shadow: 0px 1px 0px rgba(227, 135, 31, 0.3) inset, 0px 0px 2px rgba(227, 135, 31, 0.3) inset, 0px 1px 2px rgba(0, 0, 0, 0.29);
 }

#respond { max-width: 100%; margin: 20px 0 0; background: #FFF; border:1px solid #BFD4D9; border-width: 1px 1px 2px 1px; padding: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#respond h3 { color:#333; font-weight:normal; margin-bottom:20px; }
#respond .left { float:left; width:200px; margin-right:15px; }
#respond .right { float:left; width:380px; }
#respond label { font-size:11px; color:#777; }
#commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; }
#commentform input.txt, #commentform textarea { font:14px/14px Arial, Helvetica, sans-serif; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid;}
#commentform input.txt { color:#666; background: #fcfcfc; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; }
#commentform textarea { color:#666; background: #fcfcfc; width: 95% !important; padding: 5px 7px; }
#respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; }




/* похожее */
a.medce_title_twoBigger20202:link, a.medce_title_twoBigger20202:visited, a.medce_title_twoBigger20202:active, a.medce_title_twoBigger20202:hover {
    text-decoration: none !important;
    color: black !important;
    letter-spacing: 0.08em !important;
    border: 0 !important;
    background-color: transparent !important;
    text-align: left !important;
    font: normal normal normal 12px/normal Arial !important;
}

.medce_thumbnail {
    position:relative !important;
    line-height: 10px !important;
    border: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    text-indent: none !important;
}

.medce_td_link {
    vertical-align: top !important;
    overflow: hidden !important;
    text-align: center !important;
    padding: 20px 6px 0 6px !important;
    margin: 0 !important;
    border: 0 !important;
    line-height: 10px !important;
    background-color: transparent !important;
    text-indent: none !important;
	max-width:150px;
}

.medce_td_link a {
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    float: none !important;
}

.medce_img_div {
    text-align: center !important;
    margin: 0 !important;
    width: 100%;
    border-spacing: 0px !important;
    border: none !important;
    padding: 0px !important;
  float: left;
    text-indent: none !important;
}

.medce_title_div {
    overflow: hidden !important;
    position: absolute !important;
    left: 0 !important;
    bottom: 0 !important;
   
    line-height: 10px !important;
    text-align: left !important;
    vertical-align:middle !important;
    padding:1px 6px 3px 5px !important;
    border: 0 !important;
    opacity: 0.75;
    filter: alpha(Opacity=75);
    float: none !important;
}

.medce_title_div_text {
	overflow: hidden !important;
	position: absolute !important;
	left: 3px !important;
	bottom: -139px !important;
	height: 46px !important;
	line-height: 10px !important;
	text-align: left !important;
	vertical-align:middle !important;
	padding:1px 6px 3px 5px !important;
	border: 0 !important;
}

.medce_inner {
    display: table;
    width: auto ;
    margin: 0 auto !important;
    border: 0 !important;
    background-color: transparent !important;
    text-align: right !important;
}

.medce_widget_table {
    width: 100% !important;
    max-width: 610px !important;
    overflow: hidden !important;
    border: 0 !important;
    background-color: transparent !important;
    font-size: 13px !important;
}

.medce_widget_table tr {
    background-color: transparent !important;
    margin: 0 auto !important;
    border: 0 !important;
}

.medce_outer {
    width: 100% !important;
    display: table !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}



.medce_clearfix {
    clear: both !important;
}



.post {
    margin: 0px 0px 30px;
    padding: 0px 0px 30px;
    background: transparent url("http://webpromo.kiev.ua/wp-content/uploads/1.png") repeat-x scroll left bottom;
}
img.thum {
    margin: 5px;
    padding: 1%;
    border: 1px solid #BFD4D9;
    background: #FFF none repeat scroll 0% 0%;
    border-radius: 3px;
float: left;
height: auto;
max-width: 100px !important;}

.breadcrumbs {
    margin-bottom: 1.5em;
font: 12px/1.5em Arial,Helvetica,sans-serif;
}
.arti {

font: 16px/1.5em Arial,Helvetica,sans-serif;
}