html{
   height: 100%;
   width:  100%;
}

body{
  margin: 0;
  padding: 0;
  border: 0;
  background-color: #FFFFFF;
  text-align: center;
  background: url('/images/shadows/top.gif') top center no-repeat;
  font-family: tahoma, arial;
  font-size: 9pt;
  color: #000000;
}

td{
   font-size: 9pt;
}

img{
   border: 0;
}

a{
   color:#0C3F97;
}


a:hover{
  color: #81A41D;
}


#main{
 width: 1207px;
 text-align: center;
 margin: auto;
 background: url('/images/shadows/bottom.gif') bottom center no-repeat;
 padding-bottom: 19px;
}

#top{
   width: 1187px;
   height: 114px;
   background: url('/images/topbg.png') top center repeat-x;
   margin: auto;
   border-bottom: 5px solid #9a989d;
   overflow: hidden;
}

.zalozka{
   display: block;
   width: 165px;
   height: 42px;
   float: left;
   background: url('/images/zalozka_n.png') center center no-repeat;
   margin-top: 73px;
   margin-right:2px;
}

#menu ul li a, .zalozka, #intramenu ul li a{
   color: white;
   font-family: tahoma, arial;
   font-size: 10pt;
   text-decoration: none;
   font-weight: bold;
   text-align: center;
}

.zalozka:hover, .zalozka_a{
   background: url('/images/zalozka_a.png') center center no-repeat;
}

.zalozka span{
  padding-top: 12px;
  display: block;
}

#top a:hover, .zalozky a:hover{
   color: #FFFFFF !important;
}


#leftSide{
   float: left;
   width: 967px;
   background-color: #efefef;
   margin-left: 10px;
   background: url('/images/leftsidebg.png') left center repeat-y;
   margin-bottom: 17px;
}

#rightSide{
   float: right;
   width: 220px;
   text-align: center;
   margin-right: 9px;
   background: url('/images/rightsidebg.png') center top no-repeat;
}

#mainMask{
    background: url('/images/leftsidebg2.png') left center repeat-y;
}


#topTwo{
   height: 215px;
   width: 967px;
}


#menu, #intramenu{
   width: 265px;
   height: 215px;
   float: left;
   background: url('/images/menubg.png') center center no-repeat;
}

#intramenu{
   background: none;
   width: 261px;
   height: auto;
   margin-top: -3px;
}


#menu img, #intramenu img{
   border: 0;
}


#menu ul, #intramenu ul{
   list-style-type: none;
   margin: 0;
   margin-left: 6px;
   margin-top: 3px;
   padding: 0;
}

#menu ul li {
   margin-bottom: 2px;
}

#intramenu ul li{
   border-bottom: 2px solid #E8E8E8;
}


#menu ul li a, #intramenu ul li a{
   display: block;
   height: 33px;
   width: 253px;
   background: url('/images/menuitem_n.png') center center no-repeat;
}

#menu ul li a:hover, .menuitem_a, #intramenu ul li a:hover{
   background: url('/images/menuitem_a.png') right center no-repeat !important;
}

#menu ul li a span, #intramenu ul li a span{
   padding-top: 8px;
   display: block;
   float: left;
   margin-left: 50px;
}

.mOdrazka{
   float: left;
   margin: 7px 7px 0px 7px;
}


#motiv{
   width: 702px;
   height: 215px;
   float: left;
   background: url('/images/motiv.png') center center no-repeat;
}

#middleBar{
   width: 961px;
   height: 128px;
   background: url('/images/middlebarbg.png') center center no-repeat;
   margin-left: 6px;
}

#leftCol{
   width: 260px;
   float: left;
   min-height: 300px;
}

#middleCol{
   float: right;
   width: 705px;
   background: url('/images/middletopbg.png') top center repeat-x;
   min-height: 300px;
   text-align: left;
}

#content{
   padding: 20px 10px;
   line-height: 150%;
}


#paticka{
   font-size: 7pt;
   color: #3176BD;
}

#paticka a{
   color: #3176BD;
   text-decoration: none;
}

#paticka a:hover{
   color: black;
   text-decoration: underline;
}

.box{
   width: 209px;
   text-align: left;
   margin: auto;
   margin-top: 10px;
   font-size: 8pt;
}

.box td{
   font-size: 8pt;
}

.boxHeader{
   height: 32px;
   width: 209px;
   background: url('/images/boxheader.png') center center no-repeat;
   border-bottom: 1px solid #96c022;
}

.boxHeader span{
   display: block;
   margin-left: 30px;
   padding-top: 9px;
   color: white;
   font-weight: bold;
   font-family: verdana;
}

.loginInput{
   font-size: 8pt;
   color: black;
   border: 1px solid #7CAEDC;
   width: 125px;
}

.btn{
   display: block;
   height: 22px;
   text-align: center;
   cursor: pointer;
   text-decoration: none;
   color: white !important;
   margin: auto;
   font-size: 8pt;
   line-height: 100% !important;
}

.btn span{
   display: block;
   padding-top: 4px;
}


.medium1{
   width: 84px;
   background: url('/images/btn/medium_1.png') center center no-repeat;
}

.medium1:hover{
   background-image: url('/images/btn/medium_1_over.png');
}


.green{
   color: #96c022;
}

.darkGreen{
   color: #5AA214;
}


.blue{
   color: #1C6FAF;
}


.bar{
  width: 235px;
  height: 128px;
  float: left;
  color: white;
  text-align: left;
  border: 0px solid red;
}

.barTitle{
   width: 256px;
   font-family: tahoma;
   font-weight: bold;
}

.barTitleLine1{
   font-size: 13pt;
   margin: 35px 0px 0px 15px;
}

.barTitleLine2{
   font-size: 19pt;
   margin: -6px 0px 0px 55px;
}

.barHeader{
   font-size: 13pt;
   text-shadow: black 2px 2px 5px;
   font-weight: bold;
   padding-left: 40px;
   padding-top: 9px;
   width: 185px;
   height: 30px;
   filter:progid:DXImageTransform.Microsoft.Shadow(Color=black, Direction=135, Strength=2);
}

.barContent{
   width: 160px;
   height: 52px;
   margin-top: 12px;
   margin-left: 40px;
   font-size: 8pt;
   overflow: hidden;
}

.barVice{
   display: block;
   margin-left: 185px;
   margin-top: 0px;
   font-size: 8pt;
   color: white;
}

.bar a:hover{
   color: black;
}


.small, .small td{
   font-size: 8pt;
}

input,select,textarea{
   font-size: 9pt;
   font-family: tahoma;
   border: 1px solid #7CAEDC;
}

h1{
   font-size: 11pt;
   font-weight: bold;
   color: #1C6FAF;
   padding-left: 35px;
   padding-top: 5px;
   height: 35px;
   margin: 0;
   margin-bottom: 10px;
   background: url('/images/h1odrazka.png') left top no-repeat;
   width: 650px;
   border-bottom: 1px solid #96c022;
}

h2{
   font-size: 9pt;
   font-weight: bold;
   color: #1C6FAF;
   margin-top: 12px;
   margin-bottom: 12px;
}

.spacer{
   border-bottom: 0px solid #EFEFEF !important;
   height: 3px;
   overflow: hidden;
   background-color:#96C022;
   background-color: #EFEFEF;
}

.topspacer{
   border-bottom: 0px solid #EFEFEF !important;
   height: 5px;
   overflow: hidden;
   background-color: #EFEFEF;
}

#speedInfo{
   width: 680px;
   height: 49px;
   background: url('/images/speed_bg.png') center top repeat-x;
   padding-top: 5px;
   font-size: 8pt;
}

#progressRam{
   width: 540px;
   height: 12px;
   margin: 0px 5px;
   background-color: white;
   border: 1px solid #3B90D0;
   font-size: 8pt !important;
}

#progressRam td{
   font-size: 8pt !important;
}

.zadostInp{
   width: 180px;
}

.hr{
   height: 0px;
   overflow: hidden;
   width: 100%;
   border-bottom: 1px solid #96c022;
}

.zadostPozn{
   width: 380px;
   height: 70px;
}

h4, .predmet{
   background-color: #75B1DE;
   padding: 3px;
   width: 670px;
   margin: 0;
}

h4 a{
   color: black;
   text-decoration: none;
   display: block;
}

h4 a:hover{
   color: white;
}

.clanek, .prispevek{
   border: 1px solid #96c022;
   padding: 3px;
   margin-bottom: 10px;
   min-height: 60px;
}

.textVice{
   color: #0C3F97;
   float: right;
   margin: 0 5px 5px 0;
}

.textVice:hover{
   color: #81A41D
}


.textInfo{
   margin: 5px 0;

}

.textText{
   float: left;
   margin-left: 3px;
   margin-right: 10px;
   text-align: left;
}

.textImg{
   margin-right: 7px;
   margin: auto;
}

.clanek img{
   float: left;
   margin-right: 10px;
   margin-bottom: 5px;
}

.pagesA{
   margin-bottom: 8px;
}


.pagesA a{
  color: #0C3F97;
}

.pagesA a:hover{
  color: #81A41D;
}

.aktivniStranka a{
   text-decoration: none !important;
   font-weight: bold;
}

.hrGreen{
   height: 1px;
   overflow: hidden;
   background-color: #96c022;
}

.imgNahled{
   float: left;
   padding: 8px;
   margin: 5px;
   border: 1px solid gray;
   height: 110px;
   width: 150px;
   text-align:center;
   background-color: white;
}

.imgNahled img{
   border: 0 !important;
}

.imgNahledMini{
   padding: 4px;
   margin: 2px;
   border: 1px solid gray;
   width: 100px;
   height: 66px;
   text-align:center;
   background-color: white;
}


.citace{
   padding: 2px;
   background-color:#dfdfdf;
   border: 1px solid #afafaf;
   font-size: 7pt !important;
   margin-bottom: 15px;
   width: 99%;
}

.firma{
   width: 325px;
   border: 1px solid #96c022;
   padding: 5px;
   height: 250px;
   margin-bottom: 10px;
}

.firmaAdresa{
   float: left;
   width: 156px;
}

.firmaKontakt{
   float: right;
   width: 160px;
}

.firmaObor{
   height: 18px;
   overflow: hidden;
   color: #1C6FAF;
   font-weight: bold;
}

.firmaNabizi{
   height: 110px;
   overflow: hidden;
}

.firmaImg{
   margin-top: 6px;
   width: 100%;
   overflow: hidden;
   height: 50px;
}

.firmaImg img{
   float: left;
   margin-right: 5px;
   border: 0;
}

.firmaImg a{
   border: 0;
}

.downCat, .downFile{
   display: block;
   width: 340px;
   height: 60px;
   margin: 10px 0px;
   background: url('/images/kategorie.png') left center no-repeat;
   text-decoration: none;
   overflow: hidden;
}

.downCat div, .downFile div{
   display: block;
   margin-top: 20px;
   margin-left: 80px;
   font-weight: bold;
}

.downFile{
   width: 680px;
   background: url('/images/soubor.png') left center no-repeat;
}

 .downFile div{
   display: block;
   margin-top: 10px;
}

.zalozky .zalozka{
   margin-top: 0px;
   margin-right:2px;
}

.zalozky{
   border-bottom:5px solid #9A989D;
   height: 42px;
}

.chartable{
   border: 1px solid #9A989D;
   margin-top: 10px;
}

.chartable a{
   display: block;
   width: 16px;
   background-color: white;
   text-decoration: none;
   color: black;
   font-weight: bold;
   text-align: center;
}

.chartable a:hover, .selectedChar{
   background-color: #8ABA3A !important;
   color: white !important;
}

.zalozka input{
   border: 1px solid gray;
   margin-top: 12px;
   text-align: center;
   color: gray;
}

.zalozka select{
   border: 1px solid gray;
   margin-top: 12px;
   text-align: center;
   color: gray;
   width: 100px;
}

th{
   color: #4D4D4D;
   font-weight: normal;
}

.noborder{
   border: 0;
}

.spravaVoip{
   display: block;
   background-color: #2E89CD;
   color: white;
   font-weight: bold;
   padding: 10px;
   border: 3px solid #0C3F97;
   text-align: center;
   font-size: 11pt;
   width: 150px;
   text-decoration: none;
   margin: auto;
}

.spravaVoip:hover{
   background-color: #7FB71C;
   color: white;
   border: 3px solid #4E925B;
}

#prehledInfo{
   padding: 15px;
   width: 80%;
   margin: 20px auto;
   border: 2px solid #9A989D;
   text-align: center;
}

.nedoplatek{
   color: red;
}

.preplatek{
   color: #57A100;
}

.boxPrispevek{
    max-height: 56px;
    overflow: hidden;
    padding: 5px 5px 0px 5px;
}

.boxPrispevek:hover{
   color: #96C830;
}

.boxPrispevekHeader{
   height: 16px;
   overflow: hidden;
   color: #0C3F97;
   font-size: 8pt !important;
}

.boxPrispevekText{
   max-height: 28px;
   overflow: hidden;
   font-size: 8pt !important;
}

.tmp1{
   width: 95%;
   margin: auto;
   margin-top: 5px;
}

.boxForumHeader{
   font-size: 8pt;
   height: 15px;
   overflow: hidden;
   color: #0C3F97;

}

.boxForumInfo{
   font-size: 7pt;
   height: 12px;
   overflow: hidden;
   color: #808080;

}

.boxForumText{
   font-size: 8pt;
   max-height: 26px;
   overflow: hidden;
}

.boxForumText:hover{
   color: #96C830;
}

.boxForumTextQuote{
   font-size: 7pt;
   font-style: italic;
}

#mapaStranek a{
   padding-left: 15px;
}

.disabledInp{
  border: 1px solid #9A989D;
  color: gray;
  background-color: #DADADA;
}

#helper{
     position:absolute;
     visibility:hidden;
     left:0px;
     top:-1000px;
     width:140px;
     border:1px solid gray;
     background:white;
     color:black;
     font-size:8pt;
     z-index: 999;
}

#helperText{
     width:132px;
     height:100%;
     border: 2px solid white;
     background-color: #E8E8E8;
     padding:2px;
}

#fotoobal .imgNahled{
   padding: 8px;
   margin: 5px;
   border: 1px solid gray;
   height: 170px;
   width: 150px;
   text-align:center;
   background-color: white;
   cursor: default;
}

#fotoobal .imgNahledMini{
   padding: 2px;
   margin: 2px;
   border: 1px solid gray;
   height: 60px;
   width: 60px;
   text-align:center;
   background-color: white;
}

#fotoobal .ovladani{
   text-align: right;
   position: relative;
   top:0;
   border-top: 1px solid gray;
   padding-top: 3px;
}

.windowTitle{
   width: 100%;
   height:20px;
   background-image:url('/wrs/images/general/window_title.png');
   background-repeat:repeat-y;
   background-position:left center;
   color:white;
   font-weight:bold;
   cursor:default;
   clear:both;
}

.windowTitleText{
   padding: 2px;
   padding-top: 0px;
   cursor:default;
   float:left;
}

.inzerat{
   float: left;
   width: 320px;
   height: 155px;
   border: 1px solid #96C830;
   overflow: hidden;
   padding: 5px;
   font-size: 8pt;
   margin-right: 10px
}

.inzerat h4{
   width: 315px;
}

.inzeratInfo{
     color: gray;
     height: 18px;
}

.inzeratText{
 float: right;
 height: 76px;
 width: 195px;
 padding: 5px;
 overflow: hidden;
 line-height: normal;
}

.inzeratTextExtended{
 width: 315px;
 margin-bottom: 9px;
}

.inzerat .imgNahled{
   padding: 4px;
   margin: 5px 2px 5px 0px;
   border: 1px solid gray;
   height: 75px;
   width: 100px;
   text-align:center;
   background-color: white;
}

.inzeratCena{
   float: left;
}

.inzeratDetail{
   float: right;
}

.inzeratImgs{
  float: left;
  width: 105px;
}

.inzeratDetailFull .inzerat{
      width: 670px;
      height: auto;
      overflow: visible;
}

.inzeratDetailFull .inzerat h4{
   width: 665px;
}

.inzeratDetailFull .inzeratText{
     float: right;
     height: auto;
     width: 545px;
     padding: 5px;
     overflow: visible;
     line-height: normal;
}

.inzeratDetailFull .inzeratTextExtended{
 width: 665px;
}

.inzerat td{
   font-size: 8pt;
}