@CHARSET 'UTF-8';

/* layout:BEGIN */
body { margin: 0px; padding: 0px; background: url('/editor/images/design/back-body.jpg') #dedede repeat-x top center; }
#main { background: url('/editor/images/design/back-main.jpg') no-repeat center top; }
#mainHeader, #mainContent, #footer { width: 950px; margin: 0px auto; }
#mainHeader { position: relative; min-height: 426px; padding-top: 126px; }
#mainContent { padding-top: 35px; background: url('/editor/images/design/back-mainContent.png') no-repeat center top; }
#mainContent .contentCol, #mainContent .rightCol { float: left; }
#mainContent .contentCol { width: 573px; padding-right: 30px; }
#mainContent.noNews .contentCol { width: 950px; padding-right: 0px; }
#mainContent.noNews .rightCol { display: none; }
#mainFooter { margin-top: 30px; background: url('/editor/images/design/back-footer.png') repeat-x left top; height: 75px; }
/* layout:END */

/* generics:BEGIN */
* { outline: none; }
a img { border: 0px; }
body, input, select, textarea { font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 12px; }
input, select, textarea, option { color: #000; }
.clear { clear: both; }
h1#contentTitle { margin: 0px; padding: 15px 0px; font-size: 18px; color: #656060; }
h2 { margin: 0px; padding: 15px 0px; font-size: 15px; color: #656060; }
h1#contentTitle.month { font-weight: normal; }
h2.install { font-size: 12px; }
img.thumb { border: 1px solid #9f9f9f; margin: 0px 15px 10px 0px; float: left; }
#mainHeader .logo { position: absolute; top: 20px; left: 0px; display: block; width: 330px; height: 90px; }
#mainHeader .logo span { display: none; }
#mainHeader .social a { position: absolute; display: block; background-position: top left; background-repeat: no-repeat; width: 34px; height: 34px; top: 30px; }
#mainHeader .social .youtube { background-image: url('/editor/images/design/icon-youtube.png'); right: 0px; }
#mainHeader .social .facebook { background-image: url('/editor/images/design/icon-facebook.png'); right: 35px; }
#mainHeader .lang { position: absolute; right: 10px; top: 80px; font-size: 9px; }
#mainHeader .lang * { color: #fff; text-transform: uppercase; text-decoration: none; padding: 0px 3px; }
.katalog, .video, table.logo { border-collapse: collapse; }
table.logo { width: 100% }
table.logo td { width: 50%; }
.katalog td, .video td { padding: 10px; vertical-align: bottom; }
.katalog td.img { width: 80px; }
.video td { vertical-align: top; }
.katalog h2, .video h2 { font-size: 12px; margin: 0px; padding-bottom: 10px; }
.katalog td ul { margin: 0px; padding: 0px; list-style: none; font-size: 11px; }
.katalog td ul li { display: inline; }
.katalog a, .video a { color: black; text-decoration: none; }
#siteMap ul { list-style: none; margin: 10px 0px 10px 40px; padding: 0px; }
#siteMap ul li { padding: 2px 0px; }
#siteMap ul li a { color: black; }
/* generics:END */

/* #topMenu:BEGIN */
#topMenu, #topMenu ul { margin: 0px; padding: 0px; list-style: none; z-index: 100; }
#topMenu { position: absolute; left: 330px; top: 28px; }
#topMenu a { text-decoration: none; text-transform: uppercase; color: #fff; font-weight: bold; }
#topMenu li.row, #topMenu li.row a { float: left; }
#topMenu li.row { position: relative; }
#topMenu li.row a { padding: 10px 13px; }
#topMenu li.row.sel a, #topMenu li.row.hsel a { background: url('/editor/images/design/topMenu-item-sel.png') repeat top left; }
#topMenu ul { position: absolute; display: none; top: 35px; padding: 5px; font-size: 11px; background: url('/editor/images/design/topMenu-item-sel.png') repeat top left; }
#topMenu li.sel ul { display: block; }
#topMenu ul li {  }
#topMenu li.row ul a { font-weight: normal; padding: 0px; display: block; width: 150px; padding: 2px 5px; background-image: none !important; }
#topMenu li.row ul a:hover, #topMenu li.row ul li.hsel a { background-color: #343434; }
/* #topMenu:END */

/* #slideshow:BEGIN */
/*
#slideshow { width: 940px; height: 335px; margin: 5px; position: relative; }
#slideshow img { position: absolute; top: 0px; left: 0px; max-height: 320px; }
#slideshow ul { display: none; }
#slideshow img.item { display: none; }
#slideshow a.prev span, #slideshow a.next span { display: none; }
#slideshow a.prev, #slideshow a.next { position: absolute; top: 130px; display: block; width: 52px; height: 55px; background-position: left top; background-repeat: no-repeat; z-index: 100; }
#slideshow a.prev { left: -5px; background-image: url('/editor/images/design/arrow-slideshow-left.jpg'); }
#slideshow a.next { right: -5px; background-image: url('/editor/images/design/arrow-slideshow-right.jpg'); }
#slideshow #description { position: absolute; top: 280px; font-weight: bold; height: 40px; line-height: 40px; padding: 0px 20px; width: 900px; color: #fff; background: url('/editor/images/design/back-slideshow-description.png') repeat top left; }
*/
.slide { margin: 5px; }
.slide a.prev span, .slide a.next span { display: none; }
.slide a.prev, .slide a.next { position: absolute; top: 130px; display: block; width: 52px; height: 55px; background-position: left top; background-repeat: no-repeat; z-index: 100; }
.slide a.prev { left: -5px; background-image: url('/editor/images/design/arrow-slideshow-left.jpg'); }
.slide a.next { right: -5px; background-image: url('/editor/images/design/arrow-slideshow-right.jpg'); }
/* #slideshow:END */

/* #eventMenu:BEGIN */
#eventMenu { margin: 0px; padding: 0px; list-style: none; }
#eventMenu li, #eventMenu li a { float: left; }
#eventMenu li a { display: block; padding: 20px 49px; font-size: 12px; text-transform: uppercase; color: #fff; text-decoration: none; background: url('/editor/images/design/back-eventMenu-item.png') no-repeat center left; }
#eventMenu li.first a { background-image: none; }
/* #eventMenu:END */

/* #installMenu:BEGIN */
#installMenu { margin: 0px 0px 20px 0px; padding: 0px; list-style: none; }
#installMenu li { display: inline; }
#installMenu li a { color: #656060; text-decoration: none; }
#installMenu li.sel { font-weight: bold; }
/* #installMenu:END */

/* .referenceList:BEGIN */
.referenceList, .referencie, .gallery { border-collapse: collapse; width: 100%; }
.referenceList td, .referencie td, .gallery td { padding-bottom: 30px; vertical-align: top; }
.referenceList img { height: 50px; width: 76px; border: 2px solid #cdcdcd; margin-bottom: 10px; }
.referenceList div.down { color: #656060; }
.referenceList h2, .referencie h2 { margin: 0px; padding: 0px; font-size: 12px; }
.referenceList h2 a, .referencie h2 a { color: #000; text-decoration: none; }
.referencie .img { height: 167px; margin-bottom: 10px; }
.referencie img { width: 220px; height: 146px; }
.gallery { margin: 20px 0px; }
/* .referenceList:END */

/* .cols:BEGIN */
.cols .col { float: left; width: 316px; padding: 140px 0px 30px 0px; position: relative; background: url('/editor/images/design/back-cols-col.png') no-repeat top right; }
.cols .col.onas { padding-right: 30px; width: 266px; padding-left: 20px; }
.cols .col.news { padding-left: 30px; padding-right: 30px; width: 266px; }
.cols .col.news2 { padding-left: 30px; padding-right: 0px; background-position: left top; }
.cols .col.inst { padding-left: 30px; width: 276px; background-image: none; }
.cols .col a.img { display: block; position: absolute; top: 20px; padding: 11px; width: 133px; height: 101px; background: url('/editor/images/design/back-cols-image.png') no-repeat top left; }
.cols .col h2 { position: absolute; top: 30px; left: 150px; margin: 0px; padding: 0px; color: #656060; font-size: 18px; }
.cols .col.news h2, .cols .col.inst h2, .cols .col.news2 h2 { left: 180px; }
.cols .col.onas h2 { left: 170px; }
.cols .col p { margin: 0px; padding: 0px 0px 10px 0px; }
.cols .col table.boxList { border-collapse: collapse; width: 100%; }
.cols .col.news table.boxList td.title, .cols .col.news2 table.boxList td.title { background: url('/editor/images/design/back-cols-list-title.png') no-repeat top left; padding-left: 25px; }
.cols .col a { color: black; text-decoration: none; }
.cols .col.news2.noob a.img { background: none; }
/* .cols:END */

/* #footer:BEGIN */
#footer { position: relative; }
#footer * { color: #676767; text-transform: uppercase; text-decoration: none; font-size: 10px; }
#footer .logo { position: absolute; top: 20px; }
#footer .menu { position: absolute; top: 27px; left: 190px; margin: 0px; padding: 0px; list-style: none; font-size: 10px; }
#footer .menu li { display: inline; }
#footer .sketch { position: absolute; top: 27px; right: 0px; }
/* #footer:END */

/* #frmSS380:BEGIN */
#frmSS380 { color: #646263; }
#frmSS380 b, #frmSS380 a { color: #000; }
#frmSS380 td { padding: 5px 0px; }
#frmSS380 td input.text { padding: 4px 8px; border: none; background: url('/editor/images/design/back-input.jpg') no-repeat top left; }
#frmSS380 td input.text, #frmSS380 td select { font-size: 11px; width: 193px; }
#frmSS380 td input.button { border: none; color: #fff; padding: 2px; width: 95px; cursor: pointer; background: url('/editor/images/design/back-button.jpg') no-repeat top left; }
/* #frmSS380:END */

/* #newsletterList:BEGIN */
#newsletterList .item { float: left; position: relative; width: 110px; height: 180px; padding-right: 40px; }
#newsletterList .item .image { display: block; text-align: center; }
#newsletterList .item .image img { border: 3px solid #c7c7c7; max-width: 109px; max-height: 112px; }
#newsletterList .item .cap { position: absolute; top: 130px; color: #5f666c; }
#newsletterList .item .title { position: absolute; color: #070001; text-decoration: none; top: 145px; }
/* #newsletterList:END */