/*---------------------------------------------------   ------------------------
�������� ����
---------------------------------------------------------------------------*/
body {
    padding: 0;
    margin: 0;
    background: #fff;
    color: #484848;
    font: normal 12px Tahoma, Verdana, Arial;}

form {padding: 0; margin: 0;}
img {border: 0;}
td, th {vertical-align: top;}
#content td, th {text-align: left;}

a:link {color: #ff5a00; text-decoration: underline;}
a:visited {color: #d7550e; text-decoration: underline;}
a:hover {color: #ff8a00; text-decoration: none;}
    
h1 {color: #5f8dbb; font: bold 22px Tahoma, Verdana, Arial; margin-top: 0; padding-top: 0;}
h2 {color: #5f8dbb; font: bold 20px Tahoma, Verdana, Arial; margin-top: 0; padding-top: 0;}
h3 {color: #5f8dbb; font: bold 18px Tahoma, Verdana, Arial; margin-top: 0; padding-top: 0;}
h4 {color: #000; font: bold 16px Tahoma, Verdana, Arial; margin-top: 0; padding-top: 0;}
h5 {color: #5f8dbb; font: bold 14px Tahoma, Verdana, Arial; margin: 0 0 10px 0; padding: 0;}
#content h5 a {color: #5f8dbb;}
h6 {margin: 0; padding: 0; color: #5f8dbb; font: bold 100% Tahoma, Verdana, Arial;}
#content h6 a {color: #5f8dbb;}

/*---------------------------------------------------------------------------
���������� ���������
---------------------------------------------------------------------------*/
#header {
    width: 100%; height: 165px;
    text-align: left;
    background: url('../img/header_bg.gif') repeat-x left top;}
#header1 {background: url('../img/logo_solution.gif') no-repeat 36px bottom;}
#logo {margin: 26px 0 0 36px;}
#header2 {width: 211px; color: #fff; background: url('../img/phone.jpg') no-repeat left 23px;}
#header2 form {padding-top: 110px;}
#searchField {width: 178px; background: #fff url('../img/search_bg.gif') repeat-x left bottom; float: left; border: 1px solid black; margin-right: 15px;}
#searchButton {width: 11px; height: 20px; background: url('../img/s_search.gif') no-repeat left top; float: left; margin: 5px 0 0;}
#searchButton input {width: 11px; height: 11px; background: url('../img/s_search.gif') no-repeat left top; border: 0;}
#header3 {width: 289px; text-align: center; vertical-align: middle;}

#menu {
    width: 100%; min-width: 999px; height: 54px;
    text-align: left;
    background: url('../img/menu_bg.gif') repeat-x left top;}
#menu table {height: 46px; width: 100%;}
#menu table td {text-align: center;}
#menu table .border {width: 2px; background: url('../img/menu_border.gif') no-repeat left top;}
#menu a {
    display: block; padding: 16px 12px; 
    color: #999; font: bold 12px Tahoma, Verdana, Arial; text-decoration: underline; white-space: nowrap;}
#menu a:hover, #menu a.active {color: #fff; background: url('../img/menu_a_bg.gif') repeat-x left top; text-decoration: none;}

#menu2 {
    width: 100%; min-width: 999px; height: 44px;
    background: url('../img/menu_l2_bg.gif') repeat-x left top;}
#menu2 div {
    width: 100%; min-width: 999px; height: 44px;
    background: url('../img/menu_l2_bg.jpg') no-repeat right top;}
#menu2 a, #menu2 b {
    margin-left: 36px;
    color: #000; font: bold 11px Verdana, Tahoma, Arial;}
#menu2 a.nav, #menu2 b.nav {margin-left: 0;}
    
#greeting {
    width: 100%; min-width: 999px; height: 308px;
    color: #001529; font-size: 90%;
    background: url('../img/greeting_bg.jpg') repeat-x left top;}
#greeting a {color: #fff;}
#greeting h2 {color: #fff; font: bold 18px Tahoma, Verdana, Arial; padding-top: 0; margin-top: 0;}
#grandPic {width: 100%; height: 308px; background: url('../img/greeting_pic.jpg') no-repeat right top;}
#grandPic div {width: 550px; padding: 30px 0 0 36px;}
    
table#center {width: 100%; min-width: 999px; min-height: 500px;}

div#content {min-height: 500px; min-width: 938px; padding: 15px 24px 81px 36px; color: #333;}

table#center {height: expression( this.scrollHeight < 334 ? "333px" : "auto" );}
div#content {height: expression( this.scrollHeight < 334 ? "333px" : "auto" );}
/* div#content {height: 500px;} */

div#content p {margin-bottom: 2em;}
div#content ul {margin-bottom: 2em;}
    
#leftCol {
    width: 215px; padding: 15px 0 50px 36px;
    vertical-align: top;}
    
#catalogMenu {
    width: 185px; margin: 0 0 0 -20px; padding: 0 25px;
    text-align: center; font-size: 90%;
    background-color: #f1f1f1;}
#catalogMenu img {margin-top: 15px;}
#catalogMenu a:hover img, .catalogTable a:hover img, .catalogTable2 a:hover img {
    /* for IE */filter:alpha(opacity=60);
    /* CSS3 standard */opacity:0.6;
    /* for Mozilla */-moz-opacity:0.6;}
#catalogMenu a {color: #195692;}

.arch {list-style: none; padding: 0; margin: 0; font-size: 120%; color: #ff5a00;}
.arch li {padding: 0 0 5px 0;}
.arch ul {list-style: none; padding: 0; margin: 0 0 5px 25px;}

td#content {
    padding: 15px 20px 81px;
    vertical-align: top;}

#rightCol {
    width: 200px; padding: 15px 30px 50px 0;
    vertical-align: top;}
    
#footer {
    width: 100%; min-width: 999px; height: 143px;
    background: url('../img/footer_bg_bg.jpg') repeat-x left top;
    float:left;}
#footer table {
    width: 100%; min-width: 999px; height: 143px;
    color: #183552;
    background: url('../img/footer_bg.jpg') no-repeat left top;}
#footer table td {padding-top: 28px;}
#footer table td.copyleft {padding: 40px 0 0 270px;}
#footer a.solus {
    display: block; padding: 24px 0 0 8px; 
    color: #0f477e; font-size: 90%; 
    background: url('../img/logo_solus.gif') no-repeat left top;}

/*---------------------------------------------------------------------------
����������
---------------------------------------------------------------------------*/
.fleft {float: left;}
.fright {float: right;}
.fcenter {margin: 0 auto;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
        
.red {color: #f00;}
.green {color: #0f0;}
.blue {color: #5f8dbb;}
.orange {color: #ff5a00;}
.bold {font-weight: bold;}
#content a.blue {color: #5f8dbb;}

.bigger {font-size: 115%;}
.smaller {font-size: 90%;}

.noUnderline {text-decoration: none;}
.underline {text-decoration: underline;}

.thin li {margin-bottom: 1em;}

#content .news {margin: 0 0 50px 0;}
#center #content .news {margin: 0 0 30px 0;}
.date {color: #5f8dbb; font: bold 14px Tahoma, Verdana, Arial;}
.news img {margin: 4px 10px 10px 0; border: 1px solid black; float: left;}

#counters {float: left; width: 100%;}
#counters table {margin: 0 auto;}
#counters table td {text-align: center; vertical-align: middle; 
padding: 0 40px 30px 40px;}

#subscr {width: 478px; margin: 0 auto; height: 106px; background: url('../img/subscr_bg.gif') no-repeat left top; border-top: 1px solid #fff; font-size: 90%;}
#subscr div {
    width: 100%; height: 72px; margin-top: 34px; line-height: 2em;
    background: #f1f1f1 url('../img/subscr_bg.gif') no-repeat left -34px;}
#subscr div.after {width: auto; height: 60px; padding: 12px 0 0 70px;}
#subscr form {padding: 8px 0 0 60px;}
#subscr input {border: 1px solid #000; margin: 0 10px 0 0;}
#subscr input.go {width: 14px; border: 0; margin: 0 0 0 0; background: url('../img/subscr_button.gif') no-repeat center center;}

#content p.actions a {font-weight: bold; color: #69c;}

img.map {background: #f1f1f1; padding: 10px; float: right; margin-right: 150px;}

.faqTable th {text-align: right;}

.catalogTable, .catalogTable2 {width: 100%; font-size: 90%;}
#content .catalogTable a, #content .catalogTable2 a {color: #195692;}
#content .catalogTable td div {width: 156px; text-align: center;}
#content .catalogTable td {vertical-align: bottom; padding-bottom: 10px;}
#center #content .catalogTable td div {width: 156px; text-align: center;}
.catalogTable td {width: 25%; text-align: left; vertical-align: bottom;}
.catalogTable2 td {width: 25%; height: 100px; padding: 0 10px 10px 0;
    text-align: left; vertical-align: middle;}
    
.grey1px img {border: 1px solid #999;}

.price {margin: 10px auto; padding: 10px; background: #ebebcf;}
.price b {color: #5f8dbb;}

.tovar td.center {padding: 15px 20px 0 0;}

.searchlist {padding-left: 1.5em;}

.fotoTable {width: 99%;}
.fotoTable td {width: 25%; text-align: center; padding-bottom: 30px;}
#content .fotoTable a {font-weight: bold; color: #5f8dbb; text-decoration: none;}

.fotoBlock {width: 180px; height: 180px; margin: 0 auto;}
.fotoBlock td {text-align: center; vertical-align: middle; padding: 15px; background: #ebf3f6 url('../img/foto_bg.gif') repeat top left;}
.fotoBlock img {border: 1px solid #b5cadd; background: #fff;}

.w500 {width: 700px; margin: 0 auto;}

.newsnav {min-width: 500px; width: auto !important; width: 500px;}

/* CLEARFIX */
    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    .clearfix {display: inline-table;}
    /* Hides from IE-mac \*/
    * html .clearfix {height: 1%;}
        
    .clearfix {display: block;}
    /* End hide from IE-mac */
/* END OF CLEARFIX */