/* Main
======================================= */
html, body {height: 100%; width: 100%;}
body, html, p, ul, ol, li, dl, dd, dt, h1, h2, h3, h4, h5, h6, form, fieldset, td, th, caption, address, textarea, legend {margin: 0; padding: 0;}
a img, fieldset {border: 0;}
table {border-collapse: collapse;}
td, th {vertical-align: top;}
body {font: 13px Arial, sans-serif; line-height: 1.2; color: #000; background: url(/_global/images/page.png) repeat-x #fff;}
a {color: #369;}

.page:after, .header-content:after, .nav:after, .presentation:after, .content-container:after, .page-inner:after {content: ''; display: block; clear: both; visibility: hidden; height: 0; line-height: 0; font-size: 0;}
.page {min-height: 100%; position: relative; clear: both;} 
.page-inner {width: 966px; margin: 0 auto; position: relative; clear: both; padding: 0 15px 180px;}
.content-container {padding: 0 0 20px;}
.shadow-left, .shadow-right {width: 7px; height: 453px; background-repeat: no-repeat; float: left;}
.shadow-left {background-image: url(/_global/images/top-left.png);}
.shadow-right {background-image: url(/_global/images/top-right.png);}
.main {float: left; width: 952px; position: relative;}


/* Header
======================================= */
.header {border-top: 3px solid #d6e0eb; background: #deedf7; padding: 1px 0 0;}
.header-inner {border-top: 1px solid #ced4de; background: #fff; padding: 1px 0 0;}
.header-content {border-top: 1px solid #f6f8fb; background: #fff; height: 118px;}
.header h1 {float: left; font-weight: normal;}
.header h1 a {padding: 6px 30px 18px; color: #3e7bae; font-size: 14px; text-decoration: none;}
.header h1 a, .header h1 img {width: 174px; height: 88px; display: block;}
.header address {font-style: normal;}
.phone {color: #f36822; padding: 48px 0 0; margin: 0 245px 0 420px; font-size: 20px;}
.contacts {float: right; width: 210px; padding: 40px 10px 0 0;}
.contacts address {padding: 0 0 2px 23px;}
.mail {font-size: 20px; background: url(/_global/images/contacts.png) no-repeat 0 8px; margin-top: 1.1em;}
.mail a {color: #386fa2;}
.mail a:hover {color: #f36822;}
.icq {font-size: 20px; color: #538629; background: url(/_global/images/contacts.png) no-repeat 0 -50px;}
.icq span, .mail span {display: none;}


/* Navigation
======================================= */
.nav {border: 1px solid #fff; border-top: 0; margin: 0 0 1px; overflow: hidden; position: relative; width: 950px;}
.nav table {width: 101%; margin: 0 0 0 -1px;}
.nav td {font-size: 13px; text-align: center; background: url(/_global/images/nav.png) repeat-x #44474c;}
.nav a, .nav a.active {display: block; color: #fff; padding: 7px 10px 8px; border-left: 1px solid #43474b; border-right: 1px solid #6c7077;}
.nav a:hover {background: #f60;}
.nav a.active {display: block; color: #fff; padding: 7px 10px 8px; background: #f60;}



/* Presentation
======================================= */
.presentation {clear: both; padding: 0 1px; margin: 6px 0;}
.realite {width: 696px; height: 186px; float: left; background: url(/_global/images/realite.jpg) bottom no-repeat; overflow: hidden; border: 1px solid #fff;}
.realite h2 {font-size: 15px; line-height: 16px; font-weight: normal; color: #369; width: 360px; padding: 18px 0 30px 32px;}
.realite h2 span {font-size: 22px;}
.realite sup {color: #f63; font-size: 22px; vertical-align:bottom;}
.realite p {font-size: 11px; line-height: 12px; color: #333; width: 270px; padding: 0 0 0 32px;}
.realite p sup {float: left; margin: -3px 3px 0 0;}
.realite p span {display: table;}
.buy {float: right; list-style: none;} 
.buy a, .buy img {display: block; width: 249px; height: 91px;}
.buy a {border: 1px solid #fff; color: #fff; font-size: 20px; text-decoration: none; text-align: center;}
.buy a {margin: 0 0 1px;}
.buy a.demo {margin: 0 0 2px;}


/* Content
======================================= */
.content {float: left; width: 701px; padding: 0 0 140px; margin: 10px 0 0; background: url('/_global/images/base_page.png') top right no-repeat #fff;}
.clear {clear: both;}
.base_page {padding: 10px 40px 18px 20px;}
.screenshot {width: 660px;}


/* Feedback */
.intro {font-size: 14pt; color: #666; font-weight: normal; line-height: 1;}
.tip {font-size: 8pt; color: #666; letter-spacing: 0; white-space: normal;}
.base_page .feedback td {padding: 10px; line-height: 1.4; white-space: nowrap; letter-spacing: 0.4pt;}
address {white-space: nowrap; line-height: 1; font-style: normal; letter-spacing: 0;}
.base_page .feedback .right {text-align: right; padding-right: 100px;}
.base_page .feedback h3 {letter-spacing: -0.001em; font-size: 13pt; margin: 12px 0 0; padding: 5px 0;}
.base_page .feedback hr {border: 0; border-bottom: 1px dotted; color: #999; margin: 0 0 30px; padding: 0;}
table.backform {width: 640px;}
.base_page .backform tr {border: 1px dotted #ccc;}
.base_page .backform td {background: #eee; padding: 8px;}
.base_page .backform td.left {width: 260px;}
.base_page .backform input[type=submit] {float: right;}
.base_page .backform .tip {float: left; margin: 6px 0 4px;}
.base_page .backform h3 {padding: 10px; margin: 0; background: #999; color: #fff;}
.base_page .backform .titl {padding: 0; margin: 0;}
.base_page .backform textarea {width: 617px; padding: 2px;}
.base_page .backform input[type=text], .backform select {letter-spacing: 0.2pt; padding: 2px;}
.base_page .backform input[type=text] {width: 340px; #width:}
.base_page .backform select {width: 346px;}
.req {color: #c00; font-weight: bold; padding: 0 1px;}




/* Submenu */
.smenu ul {list-style: none; margin: 10px 20px 0;}
.smenu a:hover {color: #F36822;}
.smenu li {height: 26px; float: left; margin: 6px 10px;}
.smenu li.active {background: url('/_global/images/smenu_act.png') bottom center no-repeat;}
.smenu li.active span {height: 28px; background: url('/_global/images/smenu_bg.png') repeat-x; padding: 6px 10px; color: #fff;}

/* Calculator */
.calc {padding: 10px 40px 18px 20px;}
.input {padding: 6px; font-size: 10pt; border: 1px solid #e5e7ea; background: #eaeff4; width: 300px; text-align: center; white-space: nowrap;}
.input input {text-align: center; border: 1px solid #e5e7ea;}
input.calc_btn {border: 1px outset #fff; background: #eed; margin: 0 2px;}
input.calc_btn:active {border: 1px inset #fff;}
.calc_pos {padding: 6px 0; border-bottom: 1px dotted #bbb; display: block; min-height: 130px;}
.calc_pos p {line-height: 1.4; padding: 8px 0; float: left; width: 460px;}
.price_calc {position: relative; background: url('/_global/images/price_bg.png') 0 -9px no-repeat; height: 91px; width: 165px; float: right; margin: -21px 0 0;}
.price_calc_in {background: url('/_global/images/price_bg_c.png') 160px -9px no-repeat; padding: 3px 10px 1px; text-align: center; line-height: 1.6;}
.price_calc {font-size: 13px; color: #999;}
.sum {color: #000;}
.price_calc h3 {width: 91px; margin: 7px auto 3px; font-weight: normal; text-transform: uppercase;}
a.details:link, a.details:visited {color: #fff; border-bottom: 1px dashed #fff; display: block; text-decoration: none; line-height: 1; font-weight: bold; font-size: 12px;}
.price {font-size: 20px;color: #f36f24;}
.det {position: absolute; top: 90px; right: 0px; width: 300px; background: #356a9d; color: #fff; padding: 10px 20px 0; z-index: 100;}
.det th {text-align: center; padding: 5px 2px; font-size: 11px; line-height: 1;}
.det th {background: #155a8d;}
.det th, .det td {border: 1px solid #99b;}
.det td {text-align: center; padding: 2px;}
.det a {color: #fff; display: block; float: right; margin: 10px 0; text-decoration: none; border-bottom: 1px dashed #fff; line-height: 1;}


/* Slider */
#slider {position: relative; width: 699px; background: url('/_global/images/slider.png') repeat-x #666; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 0px none; height: 110px; color: #fff; margin: -10px 0 0;}
#sections {width: 580px; overflow: hidden; margin-left: 57px; clear: left;}
#sections ul {list-style: none; width: 5220px;}
#sections li {float: left; height: 70px; width: 580px; padding: 20px 0; line-height: 1.1;}
.slider h3 {font-size: 20pt; font-weight: normal;}
.slider p {font-size: 8pt;}
#sections img {float: left; margin: -9px 10px;}
.shadow {background: url('/_global/images/slider_sh.png') center no-repeat; width: 10px; height: 110px; position: absolute; right: -1px; top: 0;}
.prev, .next {margin: 20px; cursor: pointer; position: absolute;}
.prev {top: 20px; left: 0px;}
.next {top: 20px; right: 5px;}

.base_page ol {margin-left: 30px;}
.base_page ul {margin-left: 20px;}

.clients {list-style: none;float:left;clear:both;}
.clients li {display: block; float: left; height: 10em; width: 160px; margin: 10px 15px 20px; border: 1px solid #eee; text-align: center; position: relative; padding: 5px;}
.clients img {max-width: 160px; clear: both;}
.base_page .clients p {width: 100%; clear: both; position: absolute; top: 105px; left: 0; padding: 0; margin: 0;}

.integration {list-style: none;}
.integration li {display: block; float: left; height: 7em; width: 160px; margin: 10px 15px 20px; border: 1px solid #eee; text-align: center; position: relative; padding: 5px;}
.clients img {max-width: 160px; clear: both;}
.base_page .clients p {width: 100%; clear: both; position: absolute; top: 105px; left: 0; padding: 0; margin: 0;}


/* About */
.about {padding: 18px 40px 18px 20px; background: url(/_global/images/content.png) repeat-x;}
.about h2, .calc h2, .base_page h2 {color: #f26922; font-size: 26px; line-height: 28px; font-weight: normal; padding: 0 0 8px;}
.about h3, .base_page h3 {color: #3871a3; font-size: 18px; line-height: 20px; font-weight: normal; padding: 0 0 14px 10px;}
.base_page h5, .base_page blockquote {clear: both; padding: 3px 0;}
.about p, .base_page p {padding: 0 0 14px 10px; font-size: 13px;}


/* Sidebar
======================================= */
.calc_bann {position: relative; right: 0; top: 10px; width: 251px; float: left; background: #fff;}
.calc_bann .buy li a {margin: 0;}
.sidebar {width: 251px; float: right;}
.baloon {border: 1px solid #5280b8; display: block; margin: 0; position: relative; padding: 18px 15px 18px 20px; background: url(/_global/images/baloon.png) repeat-x 0 bottom #fff; color: #295285; font-style: italic;}
.baloon-bot {width: 13px; height: 14px; background: url(/_global/images/baloon-bot.png) no-repeat; position: relative; z-index: 10; margin: -1px 0 0 40px; overflow: hidden;}
.opinion {position: relative; border-top: 3px solid #dd9434; margin: -13px 0 70px; background: url(/_global/images/opinion.png) repeat-x #ff8a2c; padding: 6px 30px 9px 9px; font-size: 11px; overflow: hidden;}
.opinion strong {display: block;}
.opinion img {float: left; border: 1px solid #ff6a33; margin: 0 8px 0 0;}
.opinion p {margin: 0 0 0 60px; padding: 8px 0 0;}

.sidebar ul {list-style: none; width: 211px; background: #fff; padding: 10px 20px; text-align: center; font-size: 8pt;}
.sidebar li {margin: 10px 0 15px;}
.sidebar li img {margin: 0 0 5px; border: 0;}

/* News */
.news h4 {color: #F26922; font-size: 24px; font-weight: normal; padding: 0 0 10px;}
.news dl {padding: 5px 20px 20px;}
.news dd {font-size: 13px; padding: 0 0 20px; clear: both;}
.news dd a {color: #369;}
.news dd a:hover {color: #f36822;}
.news dt, .base_page dt {font: 10px Tahoma, Verdana, sans-serif; color: #fff; float: left; margin: 0 0 3px; cursor: default; position: relative; padding: 1px 4px; clear: both;}
.news dd, .base_page dd {float: left; position: relative; clear: both;}
.orange {background: #f60;}
.blue {background: #369;}



/* Bottom
======================================= */
.bottom {position: relative; margin: -185px auto 0; background: url(/_global/images/bottom.gif) repeat-x 0 bottom; clear: both;}
.bottom-inner {height: 184px; overflow: hidden; border-top: 1px solid #d5dde8; width: 952px; margin: 0 auto; background: url(/_global/images/footer.gif) repeat-x 0 bottom #fff;}
.bottom-left {width: 964px; margin: 0 auto; background: url(/_global/images/footer-left.png) no-repeat 0 bottom;}
.bottom-right {background: url(/_global/images/footer-right.png) no-repeat right bottom;}

/* Other Products */
.products {height: 79px; overflow: hidden; border-bottom: 1px solid #fff; background: url(/_global/images/product.png) repeat-x 0 bottom;}
.products h3 {float: left; width: 239px; border-right: 1px solid #eef1f6; height: 46px; padding: 33px 0 0; text-align: center; font-weight: normal; font-size: 13px; color: #666; background: url(/_global/images/other.png) repeat-x 0 bottom;}
.products h3 span {font-weight: bold; color: #333;}
.products ul {overflow: hidden; list-style: none;}
.products li {float: left;}
.products li a {float: left; display: block; padding: 26px 27px 0; height: 53px; color: #00a7ea; font-size: 20px; text-decoration: none;}
.border {border-left: 698px solid #34679a; background: #fff; width: 2px; height: 2px; overflow: hidden; border-right: 250px solid #aeaeae;}

/* Footer */
.footer {padding: 30px 0 0 30px; overflow: hidden; font-size: 12px;}
.footer address {font-style: normal;}
.footer .fn {display: none;}
.copy {float: left; padding: 3px 65px 3px 27px; background: url(/_global/images/dz.gif) no-repeat;}
.copy a {color: #316194;}
.footer a:hover {color: #f36822;}
.adr {float: left; padding: 0 88px 0 0;}
.footer-contacts {float: left; padding: 0 20px 0 0;}
.jose {float: right; margin: 0 30px 0 0; display: inline;}
.gmap {margin: -6px 10px -8px; padding: 6px;}


.base_page .elem p {color: #369; border-bottom: 1px dashed #369; display: block; cursor: pointer; width: 15em; text-align: center; padding: 0; margin: 0 10px 10px; clear: both;}

	table.versions {border-collapse: collapse; margin-right: -20px;}
	table.versions td, table.versions th {border: 1px solid #fff; padding: 5px 8px; vertical-align: middle;}
	th {background-color: #66b; color: #fff;}
	tr.titl th {background-color: #666; padding: 12px;}
/*	th.basic, th.inventory, th.mirror, th.enterprise, th.audit, td.basic, td.inventory, td.mirror, td.enterprise, td.audit {width: 64px;}*/
	th.basic {background-color: #7faa35;}
	th.inventory {background-color: #486797;}
	th.mirror {background-color: #b53e7a;}
	th.enterprise {background-color: #f47721;}
	th.audit {background-color: #2d344c;}

	td.basic {background-color: #d9e6c2;}
	td.inventory {background-color: #c8d1e0;}
	td.mirror {background-color: #e9c5d7;}
	td.enterprise {background-color: #fbc9a6;}
	td.audit {background-color: #abaeb7;}
	table.versions img {text-align: center; display: block; margin: 0 auto; vertical-align: middle;}