html, body {margin: 0px; padding: 0px;}
table, tr, td, th {border-spacing: 0px; border-collapse: collapse; vertical-align: top; text-align: left;}
img {border-width: 0px;}

h1, h2, h3, h4, h5 {margin: 0px;}

h1 {font-weight: normal; color: #ed1c24; margin-bottom: 0.8em; margin-top: 1.3em; font-size: 1.65em; font-family: Georgia;}
h2 {font-weight: normal; color: #d81a21; margin-bottom: 0.8em; margin-top: 1.3em; font-size: 1.45em; font-family: Georgia;}
h3 {font-weight: normal; color: #bc161d; margin-bottom: 0.8em; margin-top: 1.3em; font-size: 1.15em; font-family: Georgia;}
h4 {font-weight: bold; color: #9a1217; margin-bottom: 0.6em; margin-top: 1.2em; font-size: 1em; font-family: Georgia;}
h5 {font-weight: bold; color: #730e11; margin-bottom: 0.6em; margin-top: 1.2em; font-size: 0.92em; font-family: Georgia;}

html {height: 100%; font-size: 0.9em; font-family: Tahoma; color: #7e7e7e; background: #ffffff url(/images/left-top-background.jpg) left top no-repeat;}
body {height: 100%; position: relative;}

.right-background {position: absolute; right: 0px; top: 0px; z-index: 0;}
.left-leaf {position: absolute; left: 0px; top: 587px; z-index: 0;}
.page {min-height: 100%; width: 100%; z-index: 1;}
.page .before-footer {width: 100%; height: 345px; clear: both; position: relative;}

/* left-menu */
.left-menu {width: 225px; margin: 0px; padding: 0px; position: relative; top: 34px; margin-left: 117px; margin-bottom: 100px;}
.left-menu .sub-level {}
.left-menu li {list-style: none; padding: 0.52em 0 0.52em 0;}
.left-menu li a {position: relative;}
.left-menu .sub-level li {padding: 0.4em 0 0.3em 0;}
.left-menu .sub-level li a {}
.left-menu a {color: #9c280f; font-size: 0.97em; font-weight: bold; display: block; position: relative;}
.left-menu .sub-level a {color: #4b4b4b; font-weight: normal;}

.left-menu a:hover {color: red;}

.left-menu .active a {color: #46a200;}
.left-menu .active a:hover {color: red;}

.left-menu .sub-level {margin-left: 0px; margin-top: 0.6em; margin-bottom: -0.18em; padding-left: 0px; }
.left-menu .sub-level li {margin-left: 29px; padding-left: 0px;}
.left-menu .sub-level a {margin-left: 0px; color: #4c4c4b; width: 196px; font-size: 0.84em;}
.left-menu .sub-level a:hover {color: #46a200;}

.left-menu .sub-level .active a {color: #46a200;}
/* /left-menu */

/* add */
.add {margin-left: 145px; margin-top: 8.6em;}
.add a {color: #377F08;}
.add a:hover {color: #46a200;}
.add a.question {display: block; font-size: 0.84em; font-weight: bold; line-height: 1.7em; margin-bottom: 1em; width: 100px;}
.add a.calling {text-decoration: none;}
.add a.calling b {font-weight: normal; text-decoration: underline;}
.add a.calling img {position: relative; top: 1.45em;}
.add p.calling {font-family: Georgia; color: #4c4c4b; margin-left: -8px; margin-top: 0.6em; margin-bottom: 30px;}
.add p.calling b {font-size: 1.2em;}
.add .letter {margin-top: 30px;}

/* /add */

/* question */
.question-form {position: relative; padding-left: 3px; margin-top: 3em; overflow: hidden;}
.question-form label {width: 100%; display: block; overflow: hidden; margin-bottom: 1em; margin-top: 1em; font-size: 13px;}
.question-form input.text, .question-form textarea {float: right; width: 64%; border: 1px solid #4b4b4b;}
.question-form span {float: left; width: 35%; font-weight: bold;}
.question-form span i, .question-form h4 i {font-style: normal; color: red;}
.question-form input.button-ask {width: 86px; height: 21px; float: right;}
.question-form textarea {height: 15em;}
.question-form .error h4, .question-form .error .title, .question-form p.error {color: red;}
.question-form input.checkbox {float: left; width: 20px;}
.question-form div {overflow: hidden; zoom: 1;}
.question-form div label {overflow: hidden; margin-bottom: 0.5em; margin-top: 0px;}
.question-form div input.text {width: 50%;}
.question-form .title {color: #9A1217; font-family: Georgia; font-size: 1em; font-weight: bold;}

.confirm dt {font-weight: bold; margin-top: 1em;}
/* /questions */

/* nav-string */
.nav-string {list-style: none; color: #fefad2; font-size: 0.84em; margin: 0px; padding: 0.6em 0 0.6em 20px;}
.nav-string li {list-style: none; display: inline; padding-bottom: 0.5em;}
.nav-string a {color: #fefad2;}
.nav-string a:hover {color: #ffffff;}
.nav-string i {font-style: normal; padding-left: 10px; padding-right: 5px;}
/* /nav-string */

/* site-map */
.content .site-map {padding-left: 0px; list-style: none;}
.site-map ul {font-size: 0.9em;} 
/* /site-map */

/* nav */
.nav {list-style: none; display: inline; padding: 0px; margin: 0px;}
.nav li {display: inline; margin-right: 10px;}
.nav li i {font-style: normal;}

.nav a {color: #4b4b4b; text-decoration: none;}
.nav a span {text-decoration: underline;}
.nav a:hover span {color: #46a200;}
.nav a:visited {color: #4b4b4b;}
/* /nav */

/* topas-select */
.topas-select {width: 100%; overflow: hidden; zoom: 1; margin-top: 3em; font-size: 0.84em; position: relative;}
.topas-select .row {overflow: hidden; zoom: 1; width: 100%; margin-bottom: 0.55em; margin-top: 0.5em;}
.topas-select .col1 {width: 24%; float: left; text-align: center;}
.topas-select .col2 {width: 49%; float: left;}
.topas-select .col3 {width: 74%; float: left;}
.topas-select .gr {color: #b3b5c7;}
.topas-select .left-half {width: 49%; float: left;}
.topas-select .right-half {width: 45%; float: right; margin-top: 4.8em;}
.topas-select .right-half .row {margin-bottom: 1em;}
.topas-select .row input {width: 36px; height: 16px; font-size: 0.8em; line-height: 1em;}
.topas-select .th {font-weight: bold; margin-bottom: 2.3em;}
.topas-select .summ .col2, .topas-select .summ .col1 {background: url(/images/dotted.gif) repeat-x top; padding-top: 0.7em;}
.topas-select .summ .col2 {font-weight: bold;}
.topas-select .solution {width: 45%; float: right; margin-top: 3.1em; display: none;}
.topas-select .solution h3 {color: #ec201f; font-size: 1.28em; font-weight: bold; font-family: Tahoma; margin-bottom: 2em;}
.topas-select .solution a {line-height: 2em;}
.topas-select .solution .spec {position: relative; top: -40px; line-height: 1.3em;}
.topas-select .solution a {color: #377F08;}
.topas-select .solution a:visited {color: #377F08;}
.topas-select .solution a:hover {color: #46a200;}
/* /topas-select */

/* topas-select-info */
.topas-select-info {margin-top: 1.9em; margin-left: 0.1em; overflow: hidden; position: relative; padding-bottom: 2em;}
.topas-select-info td {color: #4d4d4d; font-size: 0.84em; vertical-align: middle; text-align: center; border-right: solid; border-width: 1px; border-color: #c8e686; }
.topas-select-info tr {height: 2.0em;}
.topas-select-info .tab-col1 {width: 150%; text-align: left; }
.topas-select-info .tab-col2 {width: 15%;}
.topas-select-info .tab-col3 {width: 12%;}
.topas-select-info .tab-col4 {width: 13%;}
.topas-select-info .tab-col5 {width: 10%;}
.topas-select-info .tab-col6 {width: 35%;}
.topas-select-info .first-row td {border-top: medium solid #a2cf3f;}
.topas-select-info .in-col {text-align: left; width:15px; text-align: center;}
.topas-select-info .in-line {height: 2.4em;}
.topas-select-info .in-line a {color: #377F08;}
.topas-select-info .in-line a:visited {color: #377F08;}
.topas-select-info .in-line a:hover {color: #46a200;}
.topas-select-info .legend {margin-top: -0.4em;}
.topas-select-info .legend p {font-size: 0.84em; height: 0.84em;}
/* /topas-select-info */

/* news */
h2.news-title {color: #202266; font-size: 1.65em;}
ul.news {margin-left: 0px; padding-left: 0px; list-style: none;}
ul.news li {margin-bottom: 2em;}
ul.news li a {color: #377F08; font-weight: bold; margin-top: -0.3em;}
ul.news li a:visited {color: #377F08;}
ul.news li a:hover {color: #46a200;}
ul.news li p.announce {margin-top: 0.3em;}
ul.news li p.date {margin-bottom: 0.5em;}
/* /news */

/* fancybox */
#fancy_ajax .content {margin: 0.4em 3em 4em 1.5em; overflow: hidden; padding-bottom: 40px;}
/* fancybox */

/* header */
.header {height: 260px; overflow: hidden; position: relative;}
.header .logotype {position: absolute; top: 36px; left: 113px;}
.header .title {color:#60A013; font-family:Tahoma; font-size:20px; left:393px; line-height:1.1em; margin:0; position:relative; top:91px; width:500px;}

.header .icons {position: absolute; list-style-type: none; margin: 0px; right: 4px; top: 10px;}
.header .icons li {list-style-type: none; float: left; margin-right: 22px;}
.header .icons a {width: 12px; height: 11px; font-size: 0px; display: block; background-image: url(/images/icons.gif);}
.header .icons a.mail {background-position: -12px 0px;}
.header .icons a.shot {background-position: -24px 0px;}
/* /header */

/* left-column */
.left-column {width: 350px; float: left; zoom: 1;}

/* /left-column */

/* right-column */
.right-column {margin-left: 0px; zoom: 1; overflow: hidden;} 
.right-column .main-header {background: #d7a728 url(/images/main-header.gif) repeat-x; width: 100%; position: relative;}
.right-column .main-header .img {position: relative; overflow: hidden; height: 223px; width: 766px;}
.right-column .main-header .img img {border-bottom: 1px solid #ffffff;}
.right-column .main-header .img .right-corner {position: absolute; right: 0px; bottom: 0px; width: 31px; height: 109px; background: url(/images/corner-right.png);}
.right-column .main-header .corner {position: absolute; left: 0px; bottom: 0px; width: 12px; height: 12px; background: url(/images/main-corner.gif); font-size: 0px;}
.right-column .main-header .popcorn {position: absolute; right: 0px; top: 40px;}
/* /right-column */

/* content */
.content {padding-right: 100px; margin-bottom: 1.5em;}
.content a, .content h2 a {color: #4b4b4b;}
.content a:hover, .content h2 a:hover {color: #46a200;}
.content a:visited, .content h2 a:visited {color: #4b4b4b;}
.content ol, .content ul {padding-left: 25px;}
.content li {margin-bottom: 0.3em;}
.content ul ul {margin-top: 0.5em; margin-bottom: 0.8em;}
.content .news {padding-left: 0px;}
.content img {margin-right: 3em; margin-bottom: 3em; border: 1px solid #c8e686;}
.content table {margin-top: 1em; margin-bottom: 1.5em;}
.content .news-date {font-size: 0.92em;}
.content .topas-select {color: #4d4d4d; font-family: Tahoma;}

.content p.over {overflow: hidden;}
.content .left {text-align: left;}
.content p.left img {margin-right: 3em;}
.content img.left, .content a.left {margin-right: 3em; float: left;}
.content .right {text-align: right;}
.content p.right img {margin-right: 0em; margin-left: 3em;}
.content img.right, .content a.right {margin-right: 0em; margin-left: 3em; float: right;}
.content .center {text-align: center;}
.content p.center img {margin-right: 0em; margin-left: 0em;}
.content .no-border {border: 0px;}
.content .no-margin {margin: 0px;}
/* content */

/* site-map */
.content .site-map li {margin-bottom: 0.8em;}
.site-map a {text-decoration: none;}
.site-map .first a.first {color: #377F08;}
.site-map .first a.first:visited {color: #377F08;}
.site-map a:hover {color: #4B4B4B;}
.site-map ul {list-style: none;}
.content .site-map ul.second {list-style: square; margin-left: 15px;}
/* /site-map */

/* footer */
.footer { font-size: 0.84em; color: #4b5a63;}
.footer .copyrights {height: 17px; padding-top: 3px; width: 100%; background: #ffde8a; position: absolute; bottom: 0px; left: 0px; overflow: hidden; zoom: 1;}
.footer .copy {margin: 0px; padding: 0px; margin-left: 30px; width: 400px; float: left;}
.footer .studio {margin: 0px; padding: 0px; margin-right: 30px; width: 400px; float: right; text-align: right;}
.footer .studio a {color: #4b5a63; font-family: Arial, Helvetica, sans-serif;}
.footer .studio a i {color: #d92819 !important;}
.footer .studio a:hover {color: #46a200;}
.footer .counters {left: 35px; position: absolute; top: 160px;}
.footer .counters a {padding-right: 15px;}
.footer .left-background {position: absolute; left: 0px; top: 245px; z-index: 0;}
.footer .right-background {position: absolute; right: 0px; top: 0px; z-index: 0;}
.footer .contacts {position: absolute; z-index: 1; left: 350px; top: 95px;}
.footer .contacts p {margin: 0; padding: 0.2em 0 0.4em 0;}
.footer .contacts p.phone {color: #4c4c4b;}
.footer .contacts p.phone b {font-size: 1.16em;}
/* /footer */

html {height:100%; min-width: 1000px;}
body {height:100%; min-width: 1000px;}
.page {position: relative; min-height:100%;}
.footer {height: 345px; margin-top: -345px; width: 100%; position: relative; z-index: 10; background: url('/images/grass.jpg') repeat-x 0px 259px;}
.before-footer {height: 345px; clear: both; position: relative;}


/* main blocks */
.blocks {min-width: 600px; width: 100%; margin-left: -20px;}
.blocks a {display: inline-block; width: 169px; min-height: 91px; background: #ffffff url(/images/block-back.png) no-repeat 0px 0px; border: 1px solid #1e9400; position: relative; vertical-align: top; }
.blocks a:hover {color: #46a200;}
.blocks a {padding: 70px 15px 15px 35px; font: 12px Tahoma; color: #333333; margin: 0px 0px 35px 20px; text-decoration: none; line-height: 18px;}
.blocks a span {position: relative; z-index: 100; display: block; zoom: 1; cursor: pointer;}
.blocks .lt,
.blocks .rt,
.blocks .lb,
.blocks .rb {position: absolute; display: block; width: 9px; height: 9px; background: url(/images/block-corners.png) no-repeat 0px 0px; font-size: 0px;}

.blocks .lt {left: -1px; top: -1px;}
.blocks .rt {right: -1px; top: -1px; background-position: -9px 0px;}
.blocks .lb {left: -1px; bottom: -1px; background-position: 0px -9px;}
.blocks .rb {right: -1px; bottom: -1px; background-position: -9px -9px;}

.blocks a .bottom {width: 53px; height: 66px; position: absolute; right: 0px; bottom: 0px;}

.block1 .bottom {background: url(/images/block1-back.jpg) no-repeat 7px 1px;}
.block2 .bottom {background: url(/images/block2-back.jpg) no-repeat 9px 2px;}
.block3 .bottom {background: url(/images/block3-back.jpg) no-repeat 0px 7px;}
.block4 .bottom {background: url(/images/block4-back.jpg) no-repeat 4px 11px;}
.block5 .bottom {background: url(/images/block5-back.jpg) no-repeat 3px 8px;}
.block6 .bottom {background: url(/images/block6-back.jpg) no-repeat 8px 7px;}

.blocks span.odv-title {width: 145px; height: 35px; background: url(/images/titles/odv-title.png) no-repeat 0px 0px; left: 45px; top: 12px; position: absolute;}
.blocks span.topbio-title {width: 182px; height: 36px; background: url(/images/titles/topbio-title.png) no-repeat 0px 0px; left: 22px; top: 11px; position: absolute;}
.blocks span.gsm-boas-title {width: 181px; height: 40px; background: url(/images/titles/gms-boas-title.png) no-repeat 0px 0px; left: 23px; top: 7px; position: absolute;}
.blocks span.topaero-title {width: 183px; height: 36px; background: url(/images/titles/topaero-title.png) no-repeat 0px 0px; left: 19px; top: 17px; position: absolute;}
.blocks span.espa-title {width: 143px; height: 35px; background: url(/images/titles/espa-title.png) no-repeat 0px 0px; left: 46px; top: 12px; position: absolute;}
.blocks span.topas-title {width: 143px; height: 36px; background: url(/images/titles/topas-title.png) no-repeat 0px 0px; left: 43px; top: 11px; position: absolute;}

/* /main blocks */
