body {font-family: arial, helvetica, sans-serif; font-size: 13px; text-align: center; background: white url(../images/bg-lite.jpg); height: auto;}
.inhe, .inbo {padding: 2px 5px 2px 5px; margin: 0px;}
h1 {font-size: 13px; font-weight: normal; margin: 0px; padding-left: 5px; padding-bottom: 0px; padding-top: 2px; display: block; }
h2 {font-size: 13px; font-weight: bold; margin: 0px; padding-bottom: 1px; display: block; }

.box {width: 1068px; margin: 0px; }
.header {width: 100%; margin: 0px; }

.hefi {height: 22px; background: #BB1C20 url(../images/bg-dkred.gif); color: #ffffff; border-bottom: 1px solid black; border-top: 1px solid black; float: left; margin: 0px; width: 100%; display: block;}
.he2le, .he2ri,.pata {background: #285C75 url(../images/bg-dkblue.gif); color: #ffffff; text-align: center; float: left; margin: 0px; }
.he2le {width:180px; height: 109px;}
.he2mi {width:570px; background: url(../images/bg-medgrad.gif); background-position: 100% 100%; background-repeat: repeat-y; padding-top: 6px; float:left; margin: 0px}
.he2ri {width:318px; height: 109px;}
.hethi {width: 100%; height: 22px; background: #285C75 url(../images/bg-dkblue.gif); color: #ffffff; text-align: center; float: left; margin: 0px; display: block;}

.pozadidark img, .inbo img{ border: 0px; width: 7px; height: 13px; vertical-align:middle;}
.hethi img { border: 0px; vertical-align:middle;}

.pozadinull img { border: 0px; width: 13px; height: 7px; vertical-align:middle; cursor: pointer;}
.hethi a, .pata a, .inbo a, .pozadired a, .pozadiblue a, .bglnk a {color: #FFFFFF; text-decoration: none; background-color: transparent; }
.hethi a:hover, .pata a:hover, .inbo a:hover, .pozadired a:hover, .pozadiblue a:hover, .bglnk a:hover {color: #FFFFFF; text-decoration: underline; background-color: #bb1c20; }

.inbo span, .grig {color:#d0d0d0;}
.bigy {cursor: help; color: #FFDA84; font-weight: bold; font-size: 44px;}

.page {width: 1068px; padding: 0px; margin: 0px; }
#thrcol {width: 885px; padding: 0px; float: right; }

.vyhld {background-color: navy; text-decoration: none; color:#ffd700; font-size:18px; font-weight:bold; line-height: 38px; padding-top: 5px; margin-top: 10px; background-image:url(../images/bg-dkblue.gif); }

#lefco {margin-left: 0px; width:180px; background: #285C75 url(../images/bg-dkblue.gif);  color: #ffffff; text-align: center; padding-top: 10px; padding-bottom: 15px; background-repeat: repeat-y; float: left; display: block;}

#cenco { margin-left: 0px; width:480px; color: #000000; padding-top: 10px; padding-bottom: 15px; float:left; margin-right: 2px;}
.rigco { width:200px; color: #000000; text-align: center; padding-top: 10px; padding-bottom: 15px; float: left; margin-right: 2px;}
.ritmo { width:200px; color: #000000; text-align: center; padding-top: 10px; padding-bottom: 15px; float: left;}

.tabl {margin-top: 5px; margin-bottom: 5px; width: 100%; height: 315px;}

.pata {width:100%; float: left;}

a.grin, a.grin2 {color: #000080; text-decoration: none; text-align: left; font-weight: bold;}
a.grin:hover, a.grin2:hover {color: #000080; text-decoration: underline;}
.navv {color: #000080; text-decoration: none; text-align: left; font-weight: bold;}

.tfld {font-weight:bold; font-size: 11px; background-color: #ebebeb;
 text-align: left; display: block; margin: 0px; padding-top: 1px; padding-bottom: 1px; width: 100px; float: left;}
.tflp, .tflp2, .tflp1 {font-weight:normal; font-size: 10px; background-color: #f5f5f5;
 border-bottom: #e6e6e0 1px solid; text-align: center; display: block; margin: 0px; padding-top: 1px; padding-bottom: 1px; float: left;}
.tflp {width: 44px; }
.tflp2 {width: 35px; }
.tflp1 {width: 72px; }
.hedt {font-weight:bold; font-size: 11px; color: #ffffff; background: #285C75 url(../images/bg-dkblue.gif);
 text-align: center; display: block; margin: 0px; padding-top: 1px; padding-bottom: 1px; width: 100%;}
.tfld a, .tflp a, .tflp1 a, .tflp2 a {color: #000000; text-decoration: none; }
.tfld a:hover, .tflp a:hover, .tflp1 a:hover, .tflp2 a:hover {color: #8b0000; text-decoration: underline; }


.pire {font-weight:bold; font-size: 12px; background: #BB1C20 url(../images/bg-dkred.gif); display: block; margin: 5px; padding: 5px;}
.smlnk {color: #d0d0d0; font-size: 11px; background-image: url(../images/bg-dkgray.gif); display:block; margin: 5px; padding: 5px; line-height: 12px;}
.bglnk {color: #ffffff; font-size: 12px; margin-top: 6px; line-height: 12px;}

.stredni {color: #000000; font-weight: bold; text-decoration: none; text-align: left; display: block;  background-image: url(../images/bg-light.gif);  background-color: #fff8dc; height: 18px;  margin-bottom: 5px; padding-left: 5px;}

.strednitext {text-align: left; display: block; padding-left: 120px;}
.strednitext2 {text-align: left; display: block; padding-left: 12px;}

.pozadired, .pozadiblue, .pozadidark, .pozadinull, .pozadigren, .pozadimodr {color: #ffffff; text-decoration: none; text-align: center; font-weight:bold;  padding-top:3px; padding-bottom: 3px; display: block;}

.pozadired {background: #BB1C20 url(../images/bg-dkred.gif);}
.pozadiblue {background-image: url(../images/bg-aqua.gif); }
.pozadigrey {color: #000000; text-decoration: none; text-align: center; font-size: 9px;  padding-top:2px; padding-bottom: 2px; background: #e0e0e0; display: block;}
.pozadidark {background: #a9a9a9 url(../images/bg-dkgray.gif);}
.pozadigren {color: #ffa500; background: #a9a9a9 url(../images/bg-dkgreen.gif);}
.pozadinull {color: #800000; background: #ffffff; }
.pozadiyell {background: #f5deb3; font-weight: normal; color: black; text-align: justify; padding-left: 10px; padding-right: 10px; padding-top:3px; padding-bottom: 3px; display: block;}
.pozadimap, .pozadimodr { background: #285C75 url(../images/bg-dkblue.gif); display:block; color: #ffffff; text-decoration: none; text-align:center; font-weight: bold;}

.pravy {color: #800000; font-weight: bold; text-decoration: none; text-align: center; display: block; margin: 0px;}

.pocetinz {color: silver; }

.pozadiyell span {color: #8b0000; font-weight: bold; }

.pozaditgs {background: rgb(245, 245, 220); font-weight: normal; color: black; text-align: left; padding-left: 10px; padding-right: 10px; padding-top:3px; padding-bottom: 3px; display: block;}
a.tgg1, a.tgg2, a.tgg3, a.tgg4, a.tgg5, a.tgg6, a.tgg7 {color: #808080; text-decoration: none; text-align: left; font-weight: bold; }
a.tgg1:hover, a.tgg2:hover, a.tgg3:hover, a.tgg4:hover, a.tgg5:hover, a.tgg6:hover, a.tgg7:hover {color: #000080; text-decoration: underline;}
a.tgg1, a.tgh1 {font-size: 10pt; }
a.tgg2, a.tgh2 {font-size: 12pt; }
a.tgg3, a.tgh3 {font-size: 13pt; }
a.tgg4, a.tgh4 {font-size: 14pt; }
a.tgg5, a.tgh5 {font-size: 15pt; }
a.tgg6, a.tgh6 {font-size: 16pt; }
a.tgg7, a.tgh7 {font-size: 17pt; }

.pozadimaro { background: #8b0000; display:block; color: #ffffff; text-decoration: none; text-align:center; font-weight: bold; padding-top:3px; padding-bottom: 3px; display: block }
.pozaditg2 {background: #44687d; font-weight: normal; color: black; text-align: left; padding-left: 10px; padding-right: 10px; padding-top:3px; padding-bottom: 3px; display: block;}
a.tgh1, a.tgh2, a.tgh3, a.tgh4, a.tgh5, a.tgh6, a.tgh7 {color: #ffd700; text-decoration: none; text-align: left; font-weight: bold; }
a.tgh1:hover, a.tgh2:hover, a.tgh3:hover, a.tgh4:hover, a.tgh5:hover, a.tgh6:hover, a.tgh7:hover {color: #fff8dc; text-decoration: underline;}

.rowt {width: 460px; padding-bottom: 1px; }
.rowt2 {width: 350px; padding-bottom: 1px; }

.flagne {color:#ffffff; background-color: #997a8d; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagpr {color:#ffffff; background-color: #800020; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagbr {color:#ffffff; background-color: #562872; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagos {color:#ffffff; background-color: #645452; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagpl {color:#ffffff; background-color: #e9692c; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagpa {color:#ffffff; background-color: #656452; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flaghr {color:#ffffff; background-color: #0892d0; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagli {color:#ffffff; background-color: #cc0000; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagus {color:#ffffff; background-color: #702963; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagka {color:#ffffff; background-color: #003153; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagcb {color:#ffffff; background-color: #50c878; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagvy {color:#ffffff; background-color: #b57281; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagol {color:#ffffff; background-color: #6b8e23; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagzl {color:#ffffff; background-color: #ffb300; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}
.flagst {color:#ffffff; background-color: #69359c; margin-right: 6px; cursor: help; padding-right: 6px; padding-left: 6px;}

.prapne {text-align: center; float: left; width:159px; color:#ffffff; background-color: #997a8d; }
.prappr {text-align: center; float: left; color:#ffffff; background-color: #800020; width:159px;  }
.prapbr {text-align: center; float: left; color:#ffffff; background-color: #562872; width:159px;  }
.prapos {text-align: center; float: left; color:#ffffff; background-color: #645452; width:159px;  }
.prappl {text-align: center; float: left; color:#ffffff; background-color: #e9692c; width:159px;  }
.prappa {text-align: center; float: left; color:#ffffff; background-color: #656452; width:159px;  }
.praphr {text-align: center; float: left; color:#ffffff; background-color: #0892d0; width:159px;  }
.prapli {text-align: center; float: left; color:#ffffff; background-color: #cc0000; width:159px;  }
.prapus {text-align: center; float: left; color:#ffffff; background-color: #702963; width:159px;  }
.prapka {text-align: center; float: left; color:#ffffff; background-color: #003153; width:159px;  }
.prapcb {text-align: center; float: left; color:#ffffff; background-color: #50c878; width:159px;  }
.prapvy {text-align: center; float: left; color:#ffffff; background-color: #b57281; width:159px;  }
.prapol {text-align: center; float: left; color:#ffffff; background-color: #6b8e23; width:159px;  }
.prapzl {text-align: center; float: left; color:#ffffff; background-color: #ffb300; width:159px;  }
.prapst {text-align: center; float: left; color:#ffffff; background-color: #69359c; width:159px;  }

a.prapne, a.prappr, a.prapbr, a.prapos, a.prappl, a.prappa, a.praphr, a.prapli, a.prapus, a.prapka, a.prapcb, a.prapvy, a.prapol, a.prapzl, a.prapst {color:#ffffff; text-decoration: none; }
a.prapne:hover, a.prappr:hover, a.prapbr:hover, a.prapos:hover, a.prappl:hover, a.prappa:hover, a.praphr:hover, a.prapli:hover, a.prapus:hover, a.prapka:hover, a.prapcb:hover, a.prapvy:hover, a.prapol:hover, a.prapzl:hover, a.prapst:hover {color: #800000; text-decoration: underline; background-color: #f5f5dc; }

.pzmp1 {background: #f3e5ab; font-weight: bold; color: navy; text-align: left; padding-left: 10px; padding-right: 10px; padding-top:1px; padding-bottom: 1px; display: block; margin-top:0px; margin-bottom:0px; cursor: pointer; border-bottom: 1px solid rgb(245, 245, 220); }
.pzmp3 {background: #810020; font-weight: bold; color: #ffd700; text-align: left; padding-left: 10px; padding-right: 10px; padding-top:1px; padding-bottom: 1px; display: block; margin-top:0px; margin-bottom:0px; cursor: pointer; border-bottom: 1px solid rgb(245, 245, 220); }
.pzmp2 {background: #997a8d; font-weight: bold; color: #ffd700; text-align: left; padding-left: 10px; padding-right: 10px; padding-top:1px; padding-bottom: 1px; display: block; margin-top:0px; margin-bottom:0px; cursor: pointer; border-bottom: 1px solid rgb(245, 245, 220); }
.pzmp3:hover, .pzmp1:hover {background: #a9a9a9; color: #ffffff; }

.pozadired, .pozadiblue {border-bottom: 1px solid rgb(245, 245, 220); }

#napo { color: black; text-align: left; font: normal 14px sans-serif; 
padding: 0px; margin: 0px; list-style-type: none;  cursor: default; 
position: absolute; top: 175px; left: 280px; ; width: 590px; 
background-color: #faf5d3;  
}

.itmm { padding: 0px; margin: 0px; display:none; width: 590px; background-color: #faf5d3; line-height:normal;
-moz-box-shadow: 3px 0px 1px #ececec;
-webkit-box-shadow: 3px 0px 1px #ececec;
box-shadow: 3px 0px 1px #ececec;
-ms-filter: "progid:DXImageTransform.Microsoft.dropShadow(color=#ececec, offX=3, offY=0, positive=true)";
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#ececec, offX=3, offY=0, positive=true);
}

.itmm:hover { background-color: #d3d3d3; }

#napo li a { padding: 2px 5px 2px 5px; text-decoration: none; color: black; display:block;}

#napo li a:hover { background-color: #d3d3d3; text-decoration: underline;}

#botbx {position: fixed; bottom: 20px; right:30px; width:360px; display:block; font-size: small; color:black; background: rgb(250, 245, 211);  text-align: center; padding:5px; margin:5px; border: wheat 2px solid; box-shadow: 5px 5px 5px silver; margin-left: auto; margin-right: auto; }
#heye, #heno { background-color:silver; font-weight:bold; color:white; padding:10px; margin:5px; width:120px; cursor:pointer; margin-left: auto; margin-right: auto; border-radius: 20px;}
#heop { display:none;  }
#blck { font-weight:bold; color:rgb(250, 245, 211); }
#mnmx { display:block }
#hebt { cursor:pointer; }

@media (max-width: 768px) {
#botbx {width: auto; position: fixed; bottom: 20px; right:0px; 
 }