body {font-family: arial, helvetica, sans-serif; font-size: 13px; text-align: center; background: white url(../images/bg-lite.jpg); color: #000000; overflow: hidden; margin-top: 30px;}
#cntnt { height: 100%; overflow: auto; top: 25px; }
#pil { position: absolute; top: 25px; left: 0px; width: 200px; margin: 0px; background: #285C75 url(../images/bg-dkblue.gif); color: #ffffff; font-size: 12px; text-align: center; float: left; }
#pann { position: absolute; top: 0px; left: 0px; height: 16px; width: 100%; margin: 0px; background: rgb(250, 245, 211); color: #ffffff; font-size: 12px; display: block; text-align: left; padding-left: 15px; padding-top: 4px; padding-bottom: 3px; border-bottom: #cc9933 1px solid;}
#switcher { color: gray; font-weight: bold;  float:left; padding-left: 20px; padding-right: 30px; }
.visiyes { display:block; } 
.visinon { display: none; }
.nadruhe { margin-left: 202px;  }
.naprvni { margin-left: 2px;  }

p.grey, p.pink, p.collapsed, p.expanded, p.nevidet, p.pinknev, p.greynev { padding-left: 4px; font-weight: bold; font-size: 18px; margin-top: 1px;  margin-bottom: 1px; }

.btt {display:block; background-color: #f5f5f5; width: 94px; border-bottom: 1px solid silver; border-right: 1px solid gray; border-left: 1px solid gray; border-top: 2px solid silver; color: gray; font-size: 12px;}
#diss {background-color: #f5f5f5; }
.byel {background-color: #ffd700; }
#diss, .byel {display:block; width: 192px; border-bottom: 2px solid silver; border-right: 1px solid gray; border-left: 1px solid gray; color: gray; font-size: 12px;}

.btt a:link {background-color:#f5f5f5; display:block; text-decoration: none; color: gray;}
.btt a:hover, .btt a:hover {background-color:#faebd7; display:block; text-decoration: underline; color: #8b0000;}

.wwa {font-size: 13px; font-weight: bold; color: #4b0082; }
.wwb {font-size: 13px; font-weight: bold; color: #c0c0c0; }
.wwc {font-size: 13px; font-weight: bold; color: #b22222; }

.header, .pata {width: 774px; margin-top: 0px; padding: 0px; display: block; float: left; }
.pravy {width: 760px; padding-left: 7px; border-left: 7px solid #f5f5f5; margin: 0px; display: block; text-align: left; float: left;}
.pata {background: #285C75 url(../images/bg-dkblue.gif); color: #ffffff; clear: both;}

#pile, #piri {width: 100px; margin: 0px; background: #285C75 url(../images/bg-dkblue.gif); color: #ffffff; text-align: center; }
#pile {float:left; }
#piri {float:right; clear:right; }

.nadpis {font-size: 35px; font-weight: 900; margin: 0px; padding-bottom:6px; background: url(../images/bg-headgrad.gif); color: #000080; display: block; width: 100%; text-align: left;}
.pp { color: #808080; font-weight: normal; padding-top: 1px; padding-bottom: 1px; margin: 0px; background: #d3d3d3 url(../images/bg-med.gif); display: block; }
.datum, .datum2 { color: #ffffff; font-weight: normal; padding-bottom: 4px; padding-top: 4px; margin: 0px; background: #285C75 url(../images/bg-dkblue.gif); display: block; }
.hed {font-size: 13px; font-weight: bold; margin: 0px; padding-top: 1px; padding-bottom: 1px; text-align: center; background: #BB1C20 url(../images/bg-dkred.gif); color: #ffffff; width:100%; display: block;}
.datum2 {text-align:left; padding-left: 14px;}
center {margin: 0px; padding: 0px;}

p.grey { color: #800000; background-color: #c0c0c0; border-top: #cc9933 1px solid; display:block; }
p.pink { color: #800000; background-color: #ffc0cb; border-top: #cc9933 1px solid; display:block; }
p.collapsed {color: #800000; cursor: pointer; display:block; }
p.expanded {color: #800000; cursor: pointer; background-color: #f5deb3; display:block; }
p.nevidet {color: #800000; cursor: pointer; display:none; }
p.greynev {color: #800000; cursor: pointer; display:none; }
p.pinknev {color: #800000; cursor: pointer; display:none; }

.grey a, .pink a, .collapsed a, .expanded a, .nevidet a, .greynev a, .pinknev a { font-size: 19px; }

img.logo {border:0px; display:inline; margin-top: 10px; }
img.logonv { display:none;}

div.collapsed { display: none;}
div.expanded, div.pink, div.grey { display: block; margin: 0px; border-bottom: #cc9933 1px solid; padding-right: 14px; padding-left: 14px; padding-bottom: 4px; padding-top: 4px; text-align: justify;}
div.grey {background-color: #f5f5dc;}
div.greydvnv { display: none;}
div.pinkdvnv { display: none;}

span.inz { display: none;}

.hed a, .datum2 a, .datum a { color: #FFFFFF; text-decoration: none; background: transparent; cursor: pointer; }
.hed a:hover, .datum a:hover, .datum2 a:hover {color: #FFFFFF; text-decoration: underline; background-color: #bb1c20; cursor: pointer; }
.byel a { color: #000000; text-decoration: none; background: transparent; cursor: pointer; }
.byel a:hover {color: #000000; text-decoration: underline; background-color: #f5f5f5; cursor: pointer; }
.datum2 img {border: 0px; width: 13px; height: 7px; vertical-align:middle; cursor: pointer;}

#pocetinz {color: #c0c0c0; }
#mapacr {cursor: pointer; }

a.tgc1 {font-weight: normal; }
a.tgc2 {font-weight: normal; }
a.tgc3 {font-weight: bold; }
a.tgc4 {font-weight: normal; }
a.tgc5 {font-weight: normal; }
a.tgc6 {font-weight: normal; }
a.tgc7 {font-weight: normal; }

.pozadimaro { background: #8b0000; display:block; color: #ffffff; text-decoration: none; text-align:center; font-weight: bold; padding-top:3px; padding-bottom: 3px; display: block }
.pozaditg3 { background: rgb(124, 190, 190); font-weight: normal; color: black; text-align: left; padding-left: 10px; padding-right: 10px; padding-top:3px; padding-bottom: 3px; display: block; border-bottom: #cc9933 1px solid; border-top: #cc9933 1px solid; }
a.tgc1, a.tgc2, a.tgc3, a.tgc4, a.tgc5, a.tgc6, a.tgc7 {color: rgb(235, 245, 245); text-decoration: none; text-align: left; font-weight: bold; }
a.tgc1:hover, a.tgc2:hover, a.tgc3:hover, a.tgc4:hover, a.tgc5:hover, a.tgc6:hover, a.tgc7:hover {color: #b22222; text-decoration: underline;}

.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;}

#napo { color: black; text-align: left; font: normal 14px sans-serif; 
padding: 0px; margin: 0px; list-style-type: none;  cursor: default; 
position: absolute; top: 25px; left: 210px; ; width: 620px; 
background-color: #faf5d3; border: #cc9933 1px solid;}


.itmm { padding: 0px; margin: 0px; display:none; width: 620px; 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;}


@media all and (max-width: 768px) {
body {font-size: small; overflow: scroll; height: auto; width: auto;}
#cntnt { margin-left: 2px; height: auto; }
nadpis {font-size: medium; width: auto;}
p {font-size: medium;}
#pil { display: none; }
.pozaditg3 { display: none; }
#pann { display: none; }
.pata { display: none; }
.pravy, .header, .pata, .expanded, .collapsed, .nevidet, .pink, .grey, .pinknev, .greynev, .pinkdvnv, .greydvnv { width: auto; height: auto;}

}

#pmarq {margin-top:0px; margin-bottom:0px; ; padding-top: 5px; padding-bottom: 5px; height:40px; width: 100%; background-color: rgb(250, 245, 211); font-family:Arial; font-weight:bold; border-width:0px; border-style:solid; border-color:navy; overflow-y:hidden; } 

#popup a {text-decoration: none; color: navy; display:block;}
#popup a:hover { background-color: #d3d3d3; text-decoration: underline;}

#popup { position: absolute; top: 486px; right: 50px; width: 40%; margin: 0px; background-color: black; color: white; font-size: 13px; text-align: left; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; border: #cc9933 2px solid; box-shadow: 5px 5px 5px silver;}

.rowt { padding-top: 2px; padding-left: 2px; padding-right: 2px;  }

#hdpp {margin: 0px; background-color: black; color: white; font-size: 13px; font-weight:bold; text-align: left; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; }

#hdfl {text-decoration: none; color: white; cursor: pointer;}

#xjb {display: none;}

#xtpp { position: absolute; top: 286px; right: 50px; width: 40%; margin: 0px; background-color: steelblue; color: white; font-size: 13px; text-align: left; padding-left: 0px; padding-top: 5px; padding-bottom: 5px; border: blue 2px solid; box-shadow: 5px 5px 5px silver;}

#xtfl {text-decoration: none; color: white; cursor: pointer; font-size: 13px; }

#hdxt {margin: 0px; background-color: steelblue; color: white; font-size: 18px; font-weight:bold; text-align: left; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; }

.bgi { font-size: 18px; font-weight:bold; text-align: left;  }

#dalls {text-decoration: none; background-color: steelblue; color: white; cursor: pointer; font-size: 18px; width: 100%; font-weight:bold; padding :5px; margin-top: 5px; display:none;}

#valls {text-decoration: none; background-color: wheat; color: darkred; font-size: 18px; width: 100%; font-weight:bold; margin-top: 5px; padding :5px; display:none;}

.cros { font-size: 18px; font-weight:bold; color:blue; background-color:white;  }

#botbx {position: absolute; 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; 
 }