.fl{ float: left; }

.fr{ float: right; }

.cleaner{ clear: both; height: 0; overflow: hidden }

.f7 { font-size:  7pt; }
.f8, .f8 th, .f8 td { font-size:  8pt !important }
.f9 { font-size:  9pt; }
.f10{ font-size: 10pt; }
.f11{ font-size: 11pt; }
.f12{ font-size: 12pt; }
.f13{ font-size: 13pt; }
.f14{ font-size: 14pt !important}
.f15{ font-size: 15pt; }
.f16{ font-size: 16pt; }
.f17{ font-size: 17pt; }
.f18{ font-size: 18pt !important}
.f19{ font-size: 19pt; }
.f20{ font-size: 20pt; }
.f21{ font-size: 21pt; }
.f22{ font-size: 22pt; }
.f23{ font-size: 23pt; }
.f24{ font-size: 24pt; }

.bold{ font-weight: bold; }
.normal{ font-weight: normal; }
.nodecor{ text-decoration: none; }
.noborder{ border: 0 !important; }
.hand{ cursor: pointer !important; }
.cdefault, .pointer{ cursor: default !important; }
.tleft{text-align: left}
.tcenter{text-align: center}
.tright{text-align: right !important}
.decor{text-decoration: underline !important}

.red{ color: red }
.gray{ color: #777777 !important}
.white{ color: white }
.black{ color: black !important}

.mcenter{ margin: auto }

.center{ margin: auto }

.nobg{ background: transparent !important }

.hidden{display: none;}

#null, #preload{display: none}

.nocellspacing{ border-collapse: collapse; }

.nocellpadding td, .nocellpadding th{ padding:0 }


html{
      height: 100%;
}

body{
      margin: 0;
      font-family: 'roboto';
      font-size: 11pt;
      height: 100%;
}

input:focus, select:focus, textarea:focus  {
      outline-width: 0;
}

.container{
      width: 965px;
      margin: 0 auto;
}

#container {
      min-height: 100%;
      position: relative;
}

#header {
      background: url('/images/general/bg-top.jpg') center top no-repeat #0E1B21;
      height: 92px;
}

#body{
      padding-bottom: 82px;
}

#footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 82px;
      background: url('/images/general/bg-bottom.jpg') center top no-repeat #060A0D;
}

#logo{
      width: 276px;
      height: 92px;
      background: url('/images/general/logo.png') center top no-repeat;
      float: left;
      display: block;

}

#topMenu{
      float: right;
      text-align: right;
      line-height: 30px;
}

#topMenu .btn{
      margin-top: 10px;
}

#topMenu a{
      color: white;
}

a{
      color: #0063CC;
}

a:hover{
      color: black;
}

.btn{
      width: 106px;
      height: 32px;
      line-height: 30px;
      display: inline-block;
      text-align: center;
      text-decoration: none;
      font-size: 10pt;
      cursor: pointer;
}

.btnBlue{
      background: url('/images/general/btn-blue.png') center top no-repeat;
      color: white;
      text-shadow: 0px 0.5px 0.5px white;
}

.btnYellow{
      background: url('/images/general/btn-yellow.png') center top no-repeat;
      color: black !important;
}

.btnBlue:hover{
      background: url('/images/general/btn-blue-active.png') center top no-repeat;
      color: white;
}

.btnYellow:hover{
      background: url('/images/general/btn-yellow-active.png') center top no-repeat;
}


#menuBg{
      width: 100%;
      height: 82px;
      background: url('/images/general/bg-menu.png') center top no-repeat;
      position: absolute;
      margin-top: -15px;
      z-index: 2;

}

#menu{
      text-align: right;
      width: 965px;
      margin: 0 auto;
      height: 52px;
}

#menu a{
      background: url('/images/general/menu-li.png') right center no-repeat;
      padding-right: 25px;
      padding-left: 5px;
      text-decoration: none;
      display: inline-block;
      height: 52px;
      line-height: 52px;
      color: #333;
      font-weight: 400;

}

#submenu{
      position: absolute;
      z-index: 100;
      width: 96px;
      background:  url('/images/general/bg-submenu.png');
      border-bottom-left-radius: 5px;
      border-bottom-right-radius: 5px;
      margin-left: 866px;
      display: none;
      overflow: hidden;
}

#menu a:hover{
      text-decoration: underline;
}

#lngMenu{
      background: none !important;
      width: 52px;
      cursor: pointer;
}

#lngMenu:hover{
      text-decoration: none !important;
}

#submenu a{
      background: none;
      display: block;
      color: white;
      font-size: 10pt;
      height: 36px;
      line-height: 36px;
      border-top: 1px solid black;
}

#submenu a:hover{
      background-color: black;
      text-decoration: none;
}

.flag{
      border-radius: 3px;
      overflow: hidden;
      display: inline-block !important;
      margin-right: 6px;
      height: 13px;
      line-height: 13px;
      width: 20px;
}

@media screen and (max-width: 1366px) {
    body{
          background: url('/images/general/1366/background.jpg') center center repeat-x;
          background-attachment: fixed;
          min-height: 100%;
          height: 100%;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1920px) {

    body{
          background: url('/images/general/1920/background.jpg') center center repeat-x;
          background-attachment: fixed;
          min-height: 100%;
          height: 100%;
    }
}


@media screen and (min-width: 1920px) {
    body{
          background: url('/images/general/2500/background.jpg') center center repeat-x;
          background-attachment: fixed;
          min-height: 100%;
          height: 100%;
    }
}



#uvod{
      min-height: 720px;
      background: url('/images/general/bg-hp.png') center center no-repeat;
      overflow: hidden;
      width: 1150px;
      margin-left: -100px;
      margin-bottom: -158px;
}

#uvod h1, .pageInfo h1, .dname{
      font-family: 'Playfair Display';
      font-size: 26pt;
      font-weight: normal;
      margin: 80px auto 58px auto;
      text-align: center;
      width: 440px;
      font-variant: small-caps;
      line-height: 40px;
      cursor: default;
}

#uvod h1{
      color: black;
}

.dname{
      font-size: 20pt;
      text-align: left;
      margin: -40px 0 25px 25px;
      width: auto;
}

#uvodInfoText{
      width: 440px;
      text-align: center;
      margin: 0 auto;
      line-height: 25px;
}

.btnBig{
      width: 219px;
      height: 58px;
      line-height: 52px;
      display: inline-block;
      color: white;
      text-align: center;
      text-decoration: none;
      font-size: 15pt;
      background: url('/images/general/btn-blue-big.png') center bottom no-repeat;
      font-weight: 500;
      cursor: pointer;
}

.btnBig:hover{
      background: url('/images/general/btn-blue-big-active.png') center bottom no-repeat;
      color: white;
}

#newpass:hover{
      color: #FFD421;
}

#copy{
      color: white;
      font-size: 10pt;
      height: 82px;
      line-height: 82px;
      width: 200px;
      margin-left: 80px;
      float: left;
}

#bottomMenu{
      width: 480px;
      height: 82px;
      float: right;
      color: white;
      line-height: 82px;
      font-size: 10pt;
      text-align: right;
}

#bottomMenu a{
      text-decoration: none;
      color: white;
}

#fb{
      width: 117px;
      height: 43px;
      background: url('/images/general/fb.png') center bottom no-repeat;
      display: inline-block;
      margin: 17px 0 0 18px;
      float: right;
}

#tree-no-text{
      width: 100%;
      height: 99px;
      background: url('/images/general/tree.png') center bottom no-repeat;
      position: absolute;
      margin-top: -99px;
}

#tree{
      width: 100%;
      height: 158px;
      position: absolute;
      margin-top: -158px;
      background: url('/images/general/tree.png') center bottom no-repeat;
      text-align: center;
      font-family: Norican;
      font-size: 30pt;
      color: #CACCCD;
}


.active{
      font-weight: bold !important;
}

input[type="text"],input[type="password"], select, textarea{
      font-family: 'roboto';
      font-size: 11pt;
      width: 250px;
      height: 28px;
      line-height: 30px;
      border: 1px solid #DBDBD4;
      border-radius: 3px;
}

#registrationExpander{

}

#registrationExpander tr{
      height: 35px;
}

.c_code{
      width: 95px !important;
      height: 48px !important;
      line-height: 45px;
      color: #BE0000;
      font-size: 16pt !important;
      font-weight: bold;
      text-align: center;
      float: left;
}

.c_img{
      height: 50px;
      border: 1px solid #ddd;
      border-radius: 3px;
      width: 140px !important;
      float: left;
      margin-right: 10px;
}

.articlePreview{
      width: 90%;
      margin: 10px auto 15px auto;
}

.articlePreview h2{
      font-size: 13pt;
      font-family: 'Playfair Display';
      font-weight: normal;
      margin-bottom: 0;
}

.articlePreview h2 a{
      color: black;
      text-decoration: none;
}

.articlePreview h2 a:hover{
      color: black;
      text-decoration: underline;
}

.articlePreview h3, .aPreviewText h3{
      color: #aaa;
      font-size: 11pt;
      font-weight: normal;
      margin: 5px 0 0 0;
      line-height: 28px;
}

.aPreviewText{
      color: #555;
      line-height: 150%;
      width: 94%;
      margin: 0 auto 15px auto;
      text-align: justify;
}

.aPreviewText p{
      margin: 5px 0;
}

.articlePreview .aPreviewText{
      width: 100%;
      margin: 0;
}

.aPreviewText h2{
      font-size: 13pt;
      margin-bottom: 0px;
      margin-top: 20px;
}

.newPost, .posts, #posts{
      background-color: #F1F1F1;
      border-color: 1px solid #D5D5D5;
      box-shadow: 0px 0px 8px #D5D5D5;
      padding: 20px;
      margin-bottom: 20px;
      margin-top: -20px;
}

.newPost{
      height: auto;
      min-height: 300px;
}

.posts, #posts{
      height: auto;
      margin-bottom: 50px;
      padding: 0;
      margin-top: 0px;
}

.postarea{
      width: 100%;
      height: 200px;
      margin-bottom: 15px;
      line-height: 20px;
}

.post{
      padding: 30px 20px;
}

#posts .post:nth-child(odd){
      background-color: white;
}

.btnSq{
      width: 118px;
      height: 39px;
      line-height: 39px;
      font-size: 10pt;
      text-align: center;
      color: white;
      text-decoration: none;
      cursor: pointer;
      display: inline-block;
      background: url('/images/general/btn-blue-sq.png') center center no-repeat;
}

.btnSq:hover{
      background: url('/images/general/btn-blue-sq-active.png') center center no-repeat;
      color: white;
}

.post td{
      vertical-align: top;
}

.post{
      padding-right: 40px;
}

.posttext{
      font-size: 11pt;
      line-height: 20x;
      color: #666;
      font-weight: 300;
      margin-left: 25px;
}

.post table{
      width: 100%;
}

.infoline{
      font-size: 10pt;
      height: 30px;
      border-bottom: 1px solid #aaa;
      margin-bottom: 13px;
      margin-left: 25px;
      width: 100%;
      font-weight: 300;
      color: #666;
}

.infoline a{
      float: right;
      font-size: 11pt;
      cursor: pointer;
      margin-left: 10px;
}

.avatar{
      width: 48px;
      height: 48px;
      border-radius: 50%;
      margin-left: 5px;
      border: 1.5px solid #707070;
      margin-bottom: 10px;
      background: url('/images/general/anonymouse.png') center center no-repeat;
}

.bottomMargin{
      height: 158px;
}

.pages{
      height: 40px;
      margin: 0;
}

.pages a{
      padding: 0 5px;
      color: #666;
      text-decoration: none;
}

.pages a:hover{
      text-decoration: underline;
      color: #333;

}

.pagesTop{
      float: right;
      margin-top: -40px;
      display: none;
}

.pagesBottom{
      text-align: center;
      border-top: 1px solid #eee;
      width: 91%;
      margin: 0px auto 15px auto;
      padding-top: 25px;

}

.selectedPage{
      font-weight: bold;
      color: #000 !important;
}

#captcha_code, .captcha{
      height: 50px !important;
      border: 1px solid #ddd;
      border-radius: 6px;
      display: block;
      float: left;
      overflow: hidden;
      padding: 0 4px;
      width: 125px !important;
      font-size: 14pt;
      font-weight: bold;
      color: #B31F2B;
      text-align: center;
      background-color: white;
}

.captcha img{
      height: 50px;
}

.regForm tr{
      height: 35px;
}

.avatar{
      width: 48px;
      height: 48px;
      border: 1px solid #707070;
      border-radius: 50%;
      overflow: hidden;
      display: inline-block;

}

.topic{
      width: 100%;
      min-height: 45px;
      line-height: 45px;
      background-color: white;
}

.topicMain .threadName{
      width: 29%;
}

.topicMain .threadLastPost{
      width: 50%;
      text-align: left;
      padding-left: 2px;
      font-size: 10pt;
      color: #555;
}

.shadow{
      box-shadow: 0px 0px 10px #ccc;
}

.postHeader{
      width: 100%;
      min-height: 45px;
      height: auto;
      line-height: 45px;
}

.threadName{
      width: 59%;
      float: left;
      height: inherit;
      border-right: 1px solid #ccc;
}

.threadLastPost{
      width: 15%;
      float: left;
      height: inherit;
      text-align: center;
      border-right: 1px solid #ccc;
      font-size: 10pt;
}

.nobr{
      border-right: 0 !important;
}

.darkbg .threadLastPost, .darkbg .threadName{
      border: 0;
}

.topicThreads{
      width: 10%;
      float: left;
      height: inherit;
      text-align: center;
      font-size: 10pt;
      border-right: 1px solid #ccc;
}

.topicName{
      width: 30%;
      float: left;
      height: inherit;
}

.topicDescription{
      width: 60%;
      float: left;
      height: inherit;
}

.darkbg, .darkbg:hover{
      background-color: #19313B  !important;
      color: white;
      font-weight: 400 !important;;
}

.darkbg .topicThreads{
      border-right: 0;
}

.topicThreads{
      width: 10%;
      float: left;
      height: inherit;
}

.topic:hover{
      background-color: #DFDFDF;
}

.nobg:hover{
      background-color: transparent;
}


.Dcontainer{
      width: 100%;
      display: block;
      color: black !important;
}

.topic:nth-child(2n+0){
      background-color: #F1F1F1;
}
.topic:nth-child(2n+0):hover{
      background-color: #DFDFDF
}


.postSubject{
      float: left;
      width: 362px;
      margin-left: 10px;
      overflow: hidden;
      height: 48px;
      font-size: 12pt;
      font-weight: bold;
}

.postAuthor{
      float: left;
      width: 201px;
      overflow: hidden;
      height: 48px;
}

.postDate{
      float: left;
      width: 150px;
}

.nickok{
      color: #00AF26;
}

.nickko{
      color: #FF0000;
}

.voteUp{
      width: 16px;
      height: 20px;
      background: url('/images/general/ico-vote-up.png') bottom left no-repeat;
      cursor: pointer;
      display: inline-block;
      float: left !important;
}

.voteUp:hover{
      background: url('/images/general/ico-vote-up-active.png') bottom left no-repeat;
}


.voteDown{
      width: 16px;
      height: 20px;
      background: url('/images/general/ico-vote-down.png') bottom left no-repeat;
      cursor: pointer;
      display: inline-block;
      float: left !important;
      margin-left: 0px !important;
}

.voteDown:hover{
      background: url('/images/general/ico-vote-down-active.png') bottom left no-repeat;
}

.voteBox{
      border-radius: 3px;
      border: 1px solid #f1f1f1;
      background-color: white;
      height: 22px;
      line-height: 22px;
      padding: 0 7px;
      display: inline-block;
      margin-bottom: 5px;
      margin: 0 16px 0 10px;
      cursor: default;
      float: left !important;
}

.vb{
      width: 5px;
      height: 10px;
      background: url('/images/general/vote-box.png') top left no-repeat;
      position: absolute;
      margin: 7px -12px;
}

.votes{
      display: inline-block;
      height: 18px;
      margin-top: -3px;
}

.ord{
      width: 14px;
      height: 14px;
      background: url('/images/general/desc.png') center center no-repeat;
      display: inline-block;
      cursor: pointer;
      margin-bottom: -2px;
}

.ord:hover{
      background: url('/images/general/desc-active.png') center center no-repeat;
}

.desc:hover{
      background: url('/images/general/asc-active.png') center center no-repeat;
}

.asc:hover{
      background: url('/images/general/desc-active.png') center center no-repeat;
}

.asc{
      background: url('/images/general/asc-active.png') center center no-repeat;
}

.desc{
      background: url('/images/general/desc-active.png') center center no-repeat;
}

.up{
      text-transform: uppercase;
      line-height: 40px;
}

.bb td{
      border-bottom: 1px solid #ccc;
      padding-bottom: 9px;
      padding-top: 9px;
}

.label{
      cursor: default;
}

.msg{
      line-height: 150%;
}