* { margin: 0; padding: 0; }

html { color: #333; font-size: 12px; font-family: Arial, sans-serif;  font-style: normal; font-variant: normal; font-weight: normal; line-height: normal; background: url('../images/bg.jpg') left top repeat-x  #d9e9a0; }

.clear { float: none; clear: both; font-size: 0; line-height: 0; background-color: transparent; }
img { border: solid 1px #a5ce2a; margin: 0 3px 6px 0; }

a { color: #a5ce2a; }
a:hover { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { color: #a5ce2a; font-family: Arial, Verdana, sans-serif; background: transparent; }
h1 { font-size: 20px; font-weight: bold; line-height: 22px; text-transform: uppercase; }
h2 { font-size: 18px; font-weight: bold; line-height: 20px; padding: 27px 0 0 0; }
h3 { font-size: 14px; font-weight: bold; line-height: 18px; padding: 21px 0 0 0; }
h4 { font-size: 12px; font-weight: bold; line-height: 16px; padding: 28px 0 0 0; }
h5 { font-size: 11px; font-weight: bold; line-height: 14px; padding: 15px 0 0 0; }
h6 { font-size: 10px; font-weight: bold; line-height: 12px; padding: 15px 0 0 0; }

table tr td { vertical-align: top; }

#randomImage { border: solid 1px #a5ce2a; }

#web { width: 910px; padding: 25px; margin: 0 auto; background: url('../images/bg-web.jpg') repeat-x left top #4782bc; }
#web #footer { color: white; font-size: 12px; font-weight: bold; text-align: center; margin: 25px 0 0 0; }
#web #footer span { font-weight: normal; }
#web #box { width: 910px; background: #024184; }
#web #box #topBox { position: relative; width: 910px; height: 356px; background: url('../images/bg-top.jpg') no-repeat left top; }
#web #box #topBox .logo { position: absolute; left: 27px; top: 11px; border: none; }
#web #box #topBox .novinka { position: absolute; left: 322px; top: 26px; border: none; }
#web #box #mainMenuBox { height: 48px; overflow: hidden; }
#web #box #mainMenuBox ul { list-style: none; }
#web #box #mainMenuBox ul li { float: left; color: #00529c; font-size: 12px; font-weight: bold; text-transform: uppercase; width: 130px; height: 48px; background: url('../images/bg-button-green.jpg') no-repeat left top; }
#web #box #mainMenuBox ul li:hover,
#web #box #mainMenuBox ul li.current { background: url('../images/bg-button-blue.jpg') no-repeat left top; }
#web #box #mainMenuBox ul li:hover a,
#web #box #mainMenuBox ul li.current a { color: #a6ce39; }
#web #box #mainMenuBox ul li.red { background: url('../images/bg-button-red.jpg') no-repeat left top; }
#web #box #mainMenuBox ul li.red:hover a,
#web #box #mainMenuBox ul li.currentRed a { color: white; }
#web #box #mainMenuBox ul li a { display: block; color: #00529c; text-decoration: none; text-align: center; width: 130px; height: 14px; padding: 17px 0; }
#web #box #contentBox { _height: 400px; min-height: 400px; color: white;  padding: 33px; background: url('../images/bg-content.jpg') left top repeat-x; }
#web #box #contentBox #leftCol { float: left; width: 200px; padding: 0 25px 0 0; margin: 0 25px 0 0; }
#web #box #contentBox #leftCol h3 { padding: 0; }
#web #box #contentBox #leftCol p { margin: 11px 0 12px 0; }
#web #box #contentBox #rightCol { float: right; width: 594px; }

#web #box #contentBox table { margin: 12px 0; }
#web #box #contentBox table tbody tr td { padding: 2px; }

#web #box #contentBox p { margin: 11px 0 0 0; line-height: 16px; }
#web #box #contentBox ul, ol { padding: 15px 15px 15px 25px; }
#web #box #contentBox ul.clearUl, ol.clearUl { padding: 5px 0; list-style: none; }
#web #box #contentBox ul li, ol li { padding: 2px 2px 2px 2px; }

#web #box #contentBox .green { color: #a5ce2a; }
#web #box #contentBox .justify { text-align: justify; }
#web #box #contentBox .withoutMargin { margin: 0; }

#web #box #contentBox #catalog { margin-top: 14px; }
#web #box #contentBox #catalog .header { color: #a5ce2a; font-weight: bold; font-size: 14px; display: block; margin-bottom: 5px; }
#web #box #contentBox #catalog img { border: none; vertical-align: middle; }
#web #box #contentBox #catalog #list { width: 100%; }
#web #box #contentBox #catalog #list tr th,
#web #box #contentBox #catalog #list tr td { vertical-align: middle; border-bottom: solid 1px #4782BC; padding: 6px 4px; }
#web #box #contentBox #catalog #list tr th { text-align: left; background-color: #4782BC; }
#web #box #contentBox #catalog #list tr th a { color: white; }
#web #box #contentBox #catalog #list tr td.empty { text-align: center; padding: 15px; }

#web #box #contentBox #catalog #filter { padding-bottom: 12px; margin-bottom: 12px; }
#web #box #contentBox #catalog #filter .inputs { float: left; width: 662px; }
#web #box #contentBox #catalog #filter .inputs input { font-weight: bold; width: 176px; height: 30px; padding: 0 4px; border: solid 1px #a5ce2a; }
#web #box #contentBox #catalog #filter .inputs select { width: 176px; }
#web #box #contentBox #catalog #filter .inputs label { display: block; }
#web #box #contentBox #catalog #filter .inputs .inputCol { float: left; margin-right: 8px; }
#web #box #contentBox #catalog #filter .submit { color: #00529C; font-weight: bold; font-size: 12px; text-align: center; text-transform: uppercase; cursor: pointer; float: left; display: block; width: 87px; height: 23px; padding-top: 9px; margin: 14px 8px 0 0; background: url('../images/bg-button-green-small.jpg') no-repeat left top; }
#web #box #contentBox #catalog #filter .reset { color: #00529C; font-weight: bold; font-size: 12px; text-align: center; text-transform: uppercase; cursor: pointer; float: left; display: block; width: 87px; height: 30px; padding-top: 2px; margin: 14px 0 0 0; background: url('../images/bg-button-red-small.jpg') no-repeat left top; }
#web #box #contentBox #catalog #filter .submit:hover { color: #a6ce39; background: url('../images/bg-button-blue-small.jpg') no-repeat left top; }
#web #box #contentBox #catalog #filter .reset:hover { color: white; }
#web #box #contentBox #catalog #detail { color: white; }
#web #box #contentBox #catalog #detail table { width: 100%; border: 1px solid #4782BC; margin: 0 0 14px 0; }
#web #box #contentBox #catalog #detail table tr th,
#web #box #contentBox #catalog #detail table tr td { padding: 4px; }
#web #box #contentBox #catalog #detail table tr th { text-align: left; font-weight: bold; }
#web #box #contentBox #catalog #detail #topInfo {  }
#web #box #contentBox #catalog #detail #preview { float: left; width: 426px; }
#web #box #contentBox #catalog #detail #preview img { border: solid 1px #a5ce2a; }
#web #box #contentBox #catalog #detail #rightInfo { float: right; width: 402px; }
#web #box #contentBox #catalog #detail #rightInfo #visibility { float: right; width: 49%; }
#web #box #contentBox #catalog #detail #rightInfo #orientation { float: left; width: 49%; }
#web #box #contentBox #catalog #detail #bottomInfo { clear: both; }
#web #box #contentBox #catalog #detail #bottomInfo #position { float: left; width: 426px; }
#web #box #contentBox #catalog #detail #bottomInfo #communication { float: right; width: 400px; }

#web #box #contentBox #catalog #list tr th .arrows { display: block; float: left; width: 8px; height: 20px; }
#web #box #contentBox #catalog #list tr th .arrows img { margin: 0; padding: 0; }
#web #box #contentBox #catalog #list tr th .arrows a { width: 8px; height: 10px; line-height: 10px; display: block; }
#web #box #contentBox #catalog #list tr th .th { display: block; margin-left: 12px; padding-top: 4px; }

#web #box #contentBox .panel { font-size: 14px; text-align: center; margin: 15px 0; }
#web #box #contentBox .panel table { width: 100%; }
#web #box #contentBox .panel table tr td { text-align: center; width: 33%; }
#web #box #contentBox .panel table tr td.prev { text-align: left; }
#web #box #contentBox .panel table tr td.next { text-align: right; }

.preview {
    position: relative;
}

.previewBox {
    display: none;
    position: absolute;
    left: -4px;
    top: 32px;
    width: 150px;
    min-height: 50px;
    _height: 50px;
    z-index: 999;
    padding: 5px 5px 15px 5px;
    background-color: white;
}