body {
	background-color: #F9F9F7;
	font-size: 83%!important;
	font-size: 0.625em;
	font-family: arial;
	margin: 0;
	padding: 0;
	color: #000000;
	min-width: 950px;
	max-width: 1200px;
}

a { color:#438EB3; }
h1, h2, h3, h4 { margin-top:1em; margin-bottom: 0.3em; }
h1.first, h2.first, h3.first { margin-top:0; }
h1 { color:#616161; font-size:1.8em; font-weight:normal; margin-left:-30px; }
h2 { color:#616161; font-size:1.2em; font-weight:bold; }
h3 { color:#616161; font-size:1em; font-weight:bold; }
.read-layout h2 a {  color:#616161; font-weight:bold;  }
.text-incut { margin-left:-1.4em; color:#94b300; font-size:1.5em; }
.text-incut a { color:#94b300; }

.clickable { cursor:pointer; }

/* кликабельный строчный элемент */
.ui-clickable {
	color: #438EB3;
	border-bottom: 1px dashed;
	cursor: pointer;
}

table.hard-layout { width:100%; border-collapse:collapse; border-spacing:0; border-width:0; }

input { background-color:#fff; }

.position-h1 { margin-top:0.4em; }

p { margin-top:0; line-height: 1.5em; }
li { line-height: 1.5em; }
.text { line-height: 1.5em; }

.inner {
	width: 100%;
	overflow: hidden;
}

/* text styles */
.toggle { color:#069; border-bottom:1px dashed #069; cursor:pointer; }
.toggle-arrow { color:#069; cursor:pointer; }

.no-js .toggle { color:#9C9188; border:0; cursor:default; }
.no-js .toggle-arrow { color:#9C9188; cursor:default; }

.color-tasks { color: #C45F5E; }
.color-time { color: #DD8D3B; }
.color-life { color: #0779DB; }
.color-project { color:#36aa00; }
.color-crm { color:#4B689E; }
.color-link { color:#438EB3; }
.color-intranet { color:#9d7601; }

.color-staff { color: #97C000; }
.color-messages { color: #FFC000; }

.bg-common { background-color: #A1C83B; }
.bg-tasks { background-color: #C45F5E; }
.bg-time { background-color: #DD8D3B; }
.bg-life { background-color: #0779DB; }
.bg-intranet { background-color: #fad935; }


#head {
	height: 130px;
	margin: 0 0 0 55px;
}

#logo {
	float: left;
	display: block;
	text-decoration: none;
	background-image:url(/s/p7/i/logos-with-phone.png);
	background-position:0 -33px;
	background-repeat: no-repeat;
	width: 152px;
	width: 18%;
	height: 33px;
	margin-top: 50px;
}

#logo.en {
	background-image:url(/s/p7/i/logos-with-phone.en.png);
}

#logo.life { background-position:0 0; }
#logo.tasks { background-position:0 -66px; }
#logo.time { background-position:0 -99px; }

#logo a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

#head .phone {
	float: right;
	color: #B7B8B8;
	font-size: 0.8em;
	margin-top: 60px;
	width: 34%;
}

#head .phone i{
	display:block;
	background: url(/s/p7/i/logos-with-phone.png) 0 -132px no-repeat;
	width: 176px;
	height: 37px;
	margin-left: 2.5em;
}

#head.head-kz .phone i{
	background: url(/s/p7/i/logos-with-phone.png) 0 -169px no-repeat;
}

#head .banner {
	float: right;
	margin-top: 20px;
	width: 48%;
	height: 90px;
	text-align:center;
}

/* navigation menu */
#menuBar {
	position: relative;
	clear: left;
	margin: 0 120px 2em 200px;
}

#menuBar .icons {
	position: absolute;
	left: -30px;
	top: 5px;
}

#menuBar .icons a {
	margin-right: 50px;
	text-decoration: none;
}

#menuBar .menu-main {
	float: left;
	margin-left: 20px;
}

#menuBar .menu-main .menu-item {
	float: left;
	font-size: 1.1em;
}

#menuBar .menu-main .menu-item .item {
	padding-right: 2em;
	margin-right: 20px;
}

#menuBar .menu-main .submenu { font-size:0.9em; }
#menuBar .menu-main .submenu { margin-top: 0.1em; }
#menuBar .menu-main .submenu a { margin-left: 20px; display: block; line-height: 1.5em; }
#menuBar .menu-main .submenu div { margin-left:20px; line-height: 1.5em; }

#menuBar .menu-main a.selected, #menuBar .menu-main div.selected, .right-menu a.selected { font-weight: bold; }

#menuBar .menu-extra {
	float:right;
	position:relative;
	min-height:16px;
	padding-left: 35px;
}

#goContacts {
	display: block;
	float:left;
	background: url(/s/p7/i/all2.png?v=1) 0 -40px no-repeat;
	width: 12px;
	height: 8px;
	font-size: 0;
}

#goMap {
	display: block;
	float:left;
	background: url(/s/p7/i/all2.png?v=1) 0 -48px no-repeat;
	width: 11px;
	height: 11px;
	font-size: 0;
}

.enter {
	margin-left: 16px;
	font-size: 0.9em;
}

.enter a {
	color: Black;
}

.enter i {
	position: absolute;
	background: url(/s/p7/i/all2.png?v=1) 0 -59px no-repeat;
	border: 0;
	width: 13px;
	height: 16px;
	left:35px;
}

/* product section */
#products {
	margin-left: 60px;
}

#products .title {
	padding-top: 90px;
	margin-top: 3.9em;
	/*float: left;*/
	position:absolute;
	width: 15%;
	color: #616161;
	font-weight: bold;
}

body #products .task-en {
	width:40%;
}

#products .product {
	float: left;
	width: 25%;
	margin-right: 3%;
	position: relative;
}

#products .product-row {
	margin-left:15%;
	margin-bottom: 30px;
	overflow:hidden;
	width:85%;
}

.product {
	position: relative;
}

.product .product-name {
	font-weight: normal;
	font-size: 1.5em;
	line-height: 0.8em;
	margin:0;
	display:none;
}

.product .product-name b {
	font-weight: bold;
	font-size: 1.4em;
	display: block;
}

.product .product-version {
	font-size: 1.3em;
	/*display:none;*/
}

.product .text {
	margin: -10px 0 0 2.8em;
}

.product i {
	margin-bottom: 5px;
	display: block;
	position: absolute;
	z-index: -1;
	background: url(/s/p7/i/products1.png) 0 0 no-repeat;
}

.product .info {
	position: relative;
}

.product .img {
	height: 140px;
	display: block;
}

.product .links {
	float:right;
	top: 0;
}

.product .links a {
	display: block;
}

.product-tasks i { background-position:0 0; width:177px; height:134px; left:-3px; }
.product-tasks .img { height:134px; }
.product-tasks a { color:#C45F5E; }

.product-time i { background-position:0 -269px; width:194px; height:134px; left:-28px; }
.product-time .img { height:134px; }
.product-time a { color:#DD8D3B; }

.product-life i { background-position:0 -134px; width:206px; height:135px; left:-35px; }
.product-life .img { height:135px; }
.product-life a { color: #0779DB; }

.product-project i { background-position:0 -403px; width:238px; height:141px; }
.product-project .img { height:141px; }
.product-project a { color:#36aa00; }

.product-intranet i { background-position:0 -544px; width:198px; height:130px; }
.product-intranet .img { height:130px; }
.product-intranet a { color:#9d7601; }


div.products-left { padding-top:80px; }
.products-left img.spacer { width:10px; height:25px; }
div.products-left td.life-small a, div.products-left td.time-small a {display:block; height:100%; text-decoration:none; white-space:nowrap;}
div.products-left td.life-small img, div.products-left td.time-small img { height:1px; width:100px; }
div.products-left td.life-small {
	background: url(/s/p7/i/life-time.png) 0 0 no-repeat;
	width: 100px;
	height: 44px;
}

div.products-left td.time-small {
	background: url(/s/p7/i/life-time.png) 0 -69px no-repeat;
	width: 100px;
	height: 37px;
}


/* content part */
#content {
	clear: left;
	margin-left: 60px;
	min-width: 900px;
}

#content .news-item {
	margin-left: 2em;
}

#content div.c1 {
	width: 65%!important;
	width: 100%;
}

#content div.c2 {
	float: right;
	width: 34%;
}

#content div.c2 .inner {
	width: auto;
	padding: 0 10%;
}

.date {
	font-style: italic;
	font-family: georgia;
	color: #7B7B7B;
}

#content .news-item .date {
	margin-bottom:0.1em;
}

.news-item {
	margin-bottom: 1em;
}

.news-item .date {
	margin-left: -1em;
}

/* footer */
#foot {
	clear: left;
	position: relative;
	width: 100%;
}

#foot .inner {
	padding: 50px 60px;
	width: auto;
}

#foot i {
	position: absolute;
	display: block;
	left: 0;
	top: 53px;
	width: 8px;
	height: 7px;
	font-size: 1px;
}

#foot .copy, #foot .site-version {
	float: left;
}

#foot .site-version {
	padding-left: 2em;
}

#foot .design {
	float: right;
}

#foot .design a {
	color: Black;
}

/* information block */
.info-block {
	position: relative;
	margin-bottom: 1.9em;
	width: 100%;
	overflow: hidden;
}

.faq .info-block { margin-bottom: 10px; }

.info-block .title {
	float: left;
	width: 130px;
	color: #9C9188;
	line-height: 1.5em;
}

.info-block .body {
	padding-left: 160px;
}

.info-block-product .title {
	padding-top: 30px;
	width:120px;
}

.info-block-product .body {
	padding-left: 140px;
}

.info-block-module .title {
	padding-top: 55px;
	width:120px;
}

.info-block-module .body {
	padding-left: 140px;
}


.info-block .screens {
	padding-left: 0;
	overflow: hidden;
}

.info-block .screens .img {
	margin-right: 2em;
	float: left;
	position: relative;
}

.info-block .screens img {
	width: 200px;
	height: 144px;
}


.info-block .screens .reflection {
	width: 200px;
	height: 72px;
	display: block;
/*	top: 100%;
	position: absolute;*/
}

/* modules list */
#modules {
	width: 100%;
	margin-bottom: 2em;
	clear: both;
}

#modules .inner {
	margin-left: 140px;
}

#modules .module {
	width: 16%;
	float: left;
}

.module i {
	display: block;
}

.module .img {
	height: 55px;
}

.module .info {
	margin-left: 2em;
}

.module-messages i {
	background: url(/s/p7/i/all2.png) 0 -75px no-repeat;
	width: 48px;
	height: 33px;
}

.module-staff i {
	background: url(/s/p7/i/all2.png) 0 -155px no-repeat;
	width: 65px;
	height: 33px;
}

.module-tasks i {
	background: url(/s/p7/i/all2.png) 0 -108px no-repeat;
	width: 34px;
	height: 47px;
}

.module-time i {
	background: url(/s/p7/i/all2.png) 0 -188px no-repeat;
	width: 37px;
	height: 38px;
}

.module-crm i {
	background: url(/s/p7/i/all2.png) 0 -226px no-repeat;
	width: 38px;
	height: 46px;
}

.module-doc i {
	background: url(/s/p7/i/all2.png) 0 -272px no-repeat;
	width: 35px;
	height: 46px;
}

.module-discuss i {
	background: url(/s/p7/i/all2.png) 0 -318px no-repeat;
	width: 67px;
	height: 38px;
}

.product .enter-demo {
	position: absolute;
	top: 115px;
	right:0;
	left:inherit!important;
}

.product .enter-register {
	position: absolute;
	top: 0;
	right:25px;
	left:inherit!important;
}

#products .product .enter-demo {
	position: static;
	top: inherit;
	right: inherit;
	left:inherit;
	margin-top: 0.5em;
}

.enter-register .intro, .enter-register a, .enter-demo .intro, .enter-demo a {
	float:left;
}

.enter-register .intro, .enter-demo .intro {
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	color: #b7b8b8;
	margin-right: 1em;
}

.enter-register a, .enter-demo a {
	height: 29px;
	line-height: 29px;
	vertical-align: middle;
	text-decoration: none;
	display: block;
	padding: 0 10px;
}

.enter-register-task a, .enter-demo-task a { background: url(/s/p7/i/task-demo-bg.gif) 0 0 repeat-x; }
.enter-register-project a, .enter-demo-project a { background: url(/s/p7/i/project-demo-bg.gif) 0 0 repeat-x; }
.enter-register-intranet a, .enter-demo-intranet a { background: url(/s/p7/i/intranet-demo-bg.gif) 0 0 repeat-x; }

.enter-demo-time a { background: url(/s/p7/i/time-demo-bg.gif) 0 0 repeat-x; }
.enter-demo-life a { background: url(/s/p7/i/life-demo-bg.gif) 0 0 repeat-x; }

.enter-register a span, .enter-demo a span {
	color: White;
	border-bottom: 1px solid;
}

.enter-demo a.inactive span {
	border:0;
}

.enter-demo img {
	position: relative;
	width: 13px;
	height:16px;
	margin-right: 3px;
	top: 5px;
	border: 0;
	background: url(/s/p7/i/enter-white.gif) 0 0 no-repeat;
}


span.dash { margin-left:-1.6em; color:#97C000; }

#imgWindow {
	position: absolute;
	left: 100px;
	z-index: 1881;
}
html>body #imgWindow {
	position: fixed;
	top: 100px;
}


#modalOverlay {
	opacity:0.3;
	filter:alpha(opacity=30);
	background-color: #000;
	cursor:wait;
	height:100%;
	left:0;
	position: absolute;
	width:100%;
	z-index:1818;
}

html>body #modalOverlay {
	position: fixed;
	top: 0;
}

/** стандартные классы для ошибок  */
.error, .error * { color:Red; }
.achtung { color:#C45F5E; font-weight:bold; font-size:1.1em; }
.notice, .notice * { color:#36c; }
.autofix, .autofix * { color:Green; }

/** страница регистрации */
.registration-form input { border:1px solid #999; }
.registration-form { margin:0; padding:0; }
.registration-form div.ft { margin:0 0 0.5em 0; }
.registration-form div.req { font-weight:bold; color:#616161; }
.registration-form span.large { font-size:1.2em; }
.registration-form div.p { padding:0; margin:0 0 1em 0; }
.registration-form div.hint { color:#9C9188; font-size:0.9em; }
.registration-form div.fw { width:100%; overflow:hidden; }
.registration-form div.fw div { float:left; }
.registration-form div.c-error { margin-top:0.15em; padding-left:1em; }
.registration-form div.fw div.normal { background:url(/s/p7/i/tick.gif) no-repeat; width:10px; min-height:9px; margin:0.38em 0 0 1em; }
.progress { background: white url(/s/p7/i/progress.gif) no-repeat center right; }
.registration-form div.captcha { margin-bottom:0.0em; }
.captcha img { cursor:pointer; border:1px solid #999; }
.registration-form div.captcha div.hint { margin-bottom:0.5em; }

input.checkbox { background-color:transparent; }

div.task-man-buy-btn table { width:10em; text-align:center; font-size:1.1em; }
div.task-man-buy-btn div.title { line-height:30px; }

div.our-company { margin-right:15em; /*text-align:justify;*/ }
.our-company p { line-height:1.5em; margin-bottom:50px; }
.our-company img { float:left; margin-right:30px; }

.karta div.cut { margin-left:-40px; }
.faq p { margin:0 0 6px 0; }

.karta div.header { color:#616161; font-size:1.2em; font-weight:bold; }
.karta div.header span { cursor:pointer; text-decoration:underline; }
.karta div.cut { margin-top:20px; }

td.btn-centered { padding-bottom:4px; }

.right-menu div { margin:0.5em 0 1em 0; }

table.price-list { width:95%; margin-bottom:2em; }
table.price-list td { padding:0.5em; }
.price-subtitle { font-weight:bold; margin-top:1em; }

/* Способы оплаты */
.payment-system, .payment-verified { margin:0 0 1em 0; }
.payment-system img, .payment-verified img { margin:0 0.5em 0 0; border:0; }
.payment-systems-base { background:url(/s/p7/i/payment/visa_master_vcb_diner.gif) no-repeat; width:159px; height:28px; }
.payment-yandexmoney { background:url(/s/p7/i/payment/yandexmoney.gif) no-repeat; width:62px; height:28px; }
.payment-webmoney { background:url(/s/p7/i/payment/webmoney.gif) no-repeat; width:99px; height:28px; }
.payment-master-code { background:url(/s/p7/i/payment/master_code.gif) no-repeat; width:75px; height:28px; }
.payment-visa-verified { background:url(/s/p7/i/payment/visa_verified.gif) no-repeat; width:65px; height:28px; }
.payment-assist { background:url(/s/p7/i/payment/assist_logo.gif) no-repeat; width:155px; height:49px; }

/* раздел отзывов */
.testimonial-signature { float:right; }
.testimonial-short-list { margin-top: 200px;}

.quote { font-style:italic; }

/* эта штука помогает "раздвинуть" div по высоте вложенных него float-контейнеров */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

h1.promo-red, h2.promo-red { color:Red; }
p.promo-red, div.promo-red { border:3px solid Red; background-color: #FF8888; color:White; padding:0.5em 1em; margin-bottom: 1em; line-height: 1.5em; }
.promo-red a { color:White; }