html, body {
	height: 100%;
}
html>body #minHeight{ /* Opera and IE8 min-height fix */
	float:left;
	width:0;
	height:100%;
	overflow:hidden;
} 
BODY {
	padding: 0; margin: 0;
	background: white; height: 100%;
}

A:link {
	color: #7AB8B3
}
A:active {
	color: #7AB8B3
}
A:visited {
	color: #418FDE
}
A:hover {
	color: #DC8E0E
}


A.mail {
	padding: 0 0 0 20px; background: url(../img/mail.png) no-repeat 0 60%;
}

.wrapper {
  min-height: 100%;
	height: auto !important;
	height: 100%;
  overflow: hidden;
	position: relative;
}
* html .wrapper {
  height: 100%;
  overflow: visible;
}

.push {
	height: 121px; /* .push must be the same height as .stick-footer */
}
.stick-footer {
	height: 121px; margin: -121px 0 0 0;
	position: relative;
}

.wr {
	width: 90%;
	margin: 0 auto;
	padding: 2em 0;
	position: relative;
}

.wwr {
	width: 100%;
	margin: 0 auto;
	/*padding: 2em 0;*/
	position: relative;
}

.linedwr {
	border-top: 1px solid #CED4C1;
}

.promos {
	overflow: hidden;
}
.promos .i {
	padding: 0 2%;
}
.promos .i DIV {
	
}

.homepromos {
	text-align: justify;
}
.homepromos * {
	text-align: left;
}

UL.sections {
	list-style: none;
	margin: 0 0 0 -2em; padding: 2em;
	
}
UL.sections LI {
	margin: 0 0 1em 0;
	padding: 0; text-align: center;
	display: inline-block;
	width: 45%;
	vertical-align: top;
}

.promos .item_5 {
	width: 18%; font-size: 90%;
	padding: 0 1%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}
.promos .item_5 IMG {
	width: 95%; max-width: 240px;
}
.promos .item_5_3 {
	width: 58%; font-size: 90%;
	padding: 0 1%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos .item_4 {
	width: 23%; font-size: 90%;
	padding: 0 1%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos .item_3 {
	width: 31%; font-size: 90%;
	padding: 0 1%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos .item_2 {
	width: 48%; font-size: 90%;
	padding: 0 1%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos .item_1_6 {
	width: 15%; font-size: 90%;
	padding: 0 0.8%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos .item_left_pad {
	width: 150px; font-size: 90%;
	padding: 0 0 0 2.5%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos .item_2_3 {
	width: 65%; font-size: 90%;
	padding: 0 0.8%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos .item_2 .item_2 {
	width: 48%; font-size: 90%;
	padding: 0 2% 0 0;
}
.promos .item {
	width: 98%; font-size: 90%;
	padding: 0 1%;
	white-space: normal;
	display: inline-block;
	vertical-align: top;
}
.promos H2 {
	color: #000000; margin-top: 0.5em; margin-bottom: 0;
}
.promos P {
	padding: 0 0 0 0;
	margin: 0.2em 0 0.8em 0;
}

.promos .newsitem {
	font-size: 80%;
}
.promos .newsitem H1 {
	font-size: 120%; font-weight: normal;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
	margin: 0;
	color: #693521;
}
.promos .newsitem H3 {
	font-size: 150%; font-weight: bold;
	margin: 0; padding: 0;
}
.promos .newsitem IMG {
	width: 100%;
}
.promos .newsitem P {
	margin: 0.5em 0;
}


A.brand {
	display: inline-block; vertical-align: middle;
	margin: 4px 2px; padding: 4px 6px; border: 1px solid #eeeeee;
	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
	box-shadow: 0 3px 8px rgba(0,0,0,0.2);
}
A.brand:hover {
	border-color: #DC8E0E;
}
A.brand IMG {
	
}

.border_4_shaded {
	padding: 0.2em 0.8em 0.2em 0.8em; background: #EAE0BB; margin: 0 0 0 -0.8em;
	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
}
.border_4_shaded H1, .border_4_shaded H2, .border_4_shaded H3, .border_4_shaded H4 {
	color: #693521;
}
.border_4_unshaded {
	padding: 1.5em 2.8em 1.5em 1.8em; border: 1px solid #EAE0BB; margin: -1px;
	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
}
.topmenu {
	padding: 0.45em 0 0.15em 0;
	font-size: 80%; font-weight: bold;
}
.topmenu .i {
	width: 90%; margin: 0 auto;
	text-align: right;
}
.topmenu A {
	color: #333333; display: inline-block;
	padding: 0.55em 1.4em 0.75em 1.4em;
}
.topmenu A:hover {
	color: black;
}
.topmenu A.active {
	color: black; text-decoration: none;
	background: white;
	box-shadow: 0 4px 8px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.2);
}

.topmenu UL {
	display: inline;
	margin: 0; padding: 0;
	list-style: none;
}
.topmenu UL LI {
	display: inline;
	margin: 0; 
	padding: 0.25em 0;
	list-style: none;
	position: relative;
}
.topmenu UL LI UL {
	display: none;
	position: absolute; top: 0; right: 0;
}
.topmenu UL LI.hovered UL {
	display: block;
	background: red;
}
.topmenu UL LI UL LI {
	padding: 0;
	display: block; white-space:nowrap;
}

.topmenu A.home {
	float: left; padding: 0.3em 0 0 0;
	vertical-align: bottom; margin: 0;
}
.topmenu A.home IMG {
	border: 0; vertical-align: top;
}

.header {
	position: relative; font-size: 90%;
}
.header H1 {
	width: 60%; float: left; white-space: nowrap;
	position: relative; font-size: 210%; color: #5da2d9;
}
.header H1 SPAN {
	
}
.header H1 IMG {
	vertical-align: middle; margin-right: 0.3em;
	background: #62AFFF url(../img/sub-main.png) repeat-x 0 0;
}
.header P small {
	font-size: 60%;
}
.header P big {
	font-size: 150%; line-height: 1;
	white-space: nowrap;
}

.mainpromo {
	background: url(../img/bigback.png) no-repeat 0% -460px;
}
.mainpromo-home {
	background: url(../img/bigback.png) no-repeat 0% 50%;
}
.mainpromo .topmenu {
	
}
.mainpromo .header {
	
}
.mainpromo .header H1 {
	font-size: 250%; color: #609EDB;
}
.mainpromo-home .header H1 {
	color: #ffffff;
}
.mainpromo .header H1 SPAN {
	padding: 0 0 0 148px; margin: 0;
	display: block; color: #70ACDE;
	font-size: 80%; font-weight: normal;
	margin: -0.5em 0 0 0;
}
.mainpromo-home .header H1 IMG {
	background: none;
}
.mainpromo .header .submenu .i {
	border: 0;
}
.mainpromo .header .contacts {
	color: black;
}
.mainpromo .header .submenu .i P {
	
}

UL.submenu {
	margin: 0; padding: 0;
}
UL.submenu LI {
	margin: 0; padding: 0;
	list-style: none;
}
UL.submenu LI UL {
	margin: 0; padding: 0;
}
UL.submenu LI A {
	
}

UL.submenu UL LI {
	background: url(../img/submenu-tree.png) no-repeat 10px 0;
	padding: 0 0 0 25px;
}

UL.submenu LI A {
	margin: 0 1.8em 0 -0.75em;
	display: inline-block;
	padding: 0.3em 0.75em;
	color: black;
}
UL.submenu LI A:hover {
	color: #DC8E0E
}
UL.submenu LI A.active {
	background: rgba(0,0,0,0.1); color: black;
	text-decoration: none; font-weight: bold;
	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
}

.header .fastnews {
	width: 100%; clear: both;
}
.header .fastnews .i {
	padding: 0 0 0 200px;
}
.header .fastnews UL {
	margin: 0; padding: 0;
}
.header .fastnews UL LI {
	float: left; width: 20em;
	margin: 0; padding: 0 3em 0 0;
}

.header .submenu {
	float: left;
	clear: both;
	padding: 1.2em 0 0 0;
}
.header .submenu .i {
	padding: 1.2em 0 1.2em 146px;
	position: relative; left: -0.45em;
	border-top: 1px solid #CED4C1;
}
.header .submenu .i P {
	line-height: 1.5;
	padding: 0 0.6em;
}
.header .submenu .i SPAN {
	
}
.header .submenu .i A {
	margin: 0 1.8em 0 0;
	display: inline-block;
	padding: 0.3em 0.75em;
	color: black;
}
.header .submenu .i A:hover {
	color: #DC8E0E
}
.header .submenu .i A.active {
	background: rgba(0,0,0,0.1); color: black;
	text-decoration: none; font-weight: bold;
	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
}


.mainpromo-home .header .submenu .i A {
	color: white;
}
.mainpromo-home .header .submenu .i A.active {
	background: rgba(0,0,0,0.1); color: white;
}

.header .contacts {
	width: 40%; float: right; 
	color: #4f504d;
	text-align: right; padding: 0; margin: 0;
}
.header .contacts address {
	width: 50%; float: right;
	padding: 1.7em 0 0 0;
	line-height: 1.5; min-width: 13em;
}
.header .contacts P {
	width: 50%; float: right;
	margin: 0; padding: 1em 0 0 0;
	line-height: 1.5;
}
.header .contacts P BIG {
	font-size: 200%;
}


.content {
	margin: 0 auto;
	line-height: 1.5;
}

.content .body {
	width: 65%;
	min-width: 20em;
	max-width: 50em;
	float: left;
}
.content .body .i {
	margin: 0 0 0 146px;
}
.content .rightside {
	float: right;
	width: 23%;
	padding: 1em 1%;
}
.content .rightside .i {
	margin: 0 0 0 0;
}

.content .rightside .i .block {
	padding: 1.5em 2.8em 1.5em 1.8em; font-size: 80%;
	background: #EAE0BB;
	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
}
.content .rightside H2 {
	margin-top: 0; color: #656565; font-size: 180%;
}

.content .rightside .i .feedback {
	padding: 1.5em 1.8em;
	border: 1px solid #656565;
	background: #ffffff;
	-moz-border-radius: 4px; border-radius: 4px; -webkit-border-radius: 4px;
}
.content .rightside .i .feedback TEXTAREA {
	position: relative;
}

.wide {
	background: #f0efe8;
}

.portfoliolist {
	padding: 1em 1.8em; text-align: center; 
	width: auto; margin: 0 auto; overflow: hidden;
	position: relative;
}
.portfoliolist .showportfolio, .portfoliolist .hideportfolio {
	position: absolute; bottom: 1em; right: 6%; display: none;
	font-size: 90%; color: #4F504D;
}
.portfoliolist .item {
	display: inline-block;
	width: 30%;
	min-width: 350px;
	max-width: 400px;
	text-align: center; 
	position: relative;
	margin: 2em 1%;
	line-height: 1.5;
}
.portfoliolist .item A {
	color: red;
}
.portfoliolist .item A IMG {
	border: 0;
}

.portfoliolist .item P, .portfoliolist .center P {
	position: absolute; bottom: 0; font-size: 90%;
	margin: 0; padding: 2.8em 0; text-align: center;
	bottom: 0; left: 0;	width: 100%;
}
.portfoliolist .right P {
	left: 50%; width: 50%;
}
.portfoliolist .left P {
	left: 0; width: 50%;
}
.portfoliolist H2 {
	font-size: 70%, sans-serif; color: #CED4C1;
	text-align: left; border-bottom: 1px dashed #CED4C1;
}
.portfoliolist H2 SPAN {
	position: relative; padding: 0 1em 0 0;
	top: 0.6em; background: #F0EFE8;
}
	

.tech TABLE {
	width: 100%; border-collapse: collapse;
}
.tech TABLE TD {
	vertical-align: top;
	width: 25%; padding: 0 5% 0 0;
	border: 0;
}
.tech TABLE TD EM {
	font-style: normal; color: #652B17;
}
.tech TABLE TD.footer {
	vertical-align: bottom;
}

.logo {
	position: absolute; left: 25%; top: 0;
}

.gallery {
	margin: 0 2.5em 0 0; padding: 0;
}
.gallery LI {
	display: inline-block;
	margin: 0.6em 0;
}
.gallery LI A IMG {
	border: 3px solid #cccccc;
}	


H1 {
	font-size: 235%; text-align: left;
	color: #609EDB; margin: 0.45em 0 0 0;
}
H2 {
	font-size: 135%;
	margin: 1.2em 0 0.3em 0;
	color: #609EDB;
}

P, address {
	font-style: normal;
}

.footer {
	margin-top: 20px;
	float: right; width: 35%;
}
.footer .i {
	padding: 0 0 0 4.7em;
}

P.developed {
	background:url(../img/ms.png) no-repeat scroll 0 1.9em transparent;
	margin: 0 0 1em -40px; padding: 0 0 0 40px; line-height: 1.5; font-size: 90%;
}
P.developed A {
	color: #5ac3c6; font-weight: bold;
}


.list P, P.listitem {
	text-indent: -1.37em;
}
.listlist {
	margin-left: -30px;
}
.listlist IMG {
	vertical-align: middle; margin: -2px 9px 0 0;
}

.img-l {
	float: left; height: 250px;
	width: 25%;
	position: relative;
}
.img-l IMG {
	position: absolute; top: 0; right: 15%;
	border: 0;
}
.img-r {
	float: right; height: 250px;
	width: 25%;
	position: relative;
}
.img-r IMG {
	position: absolute; top: 0; left: 8%;
	border: 0;
}

.clear {
	clear: both;
}
.item_2_3  img.alignleft{
	float: left;
	padding-right: 10px;
}
span.date_news {font-size:12px;}