@media screen, projection, tv{
html,body{ color: Black; background: #D9DADB;  margin: 0; padding: 0;}
html,body, input, textarea, select, table{ font-family: "Trebuchet MS", "Tahoma CE", Tahoma, "Arial CE", "Helvetica CE", Arial, "Lucida Grande CE", lucida,  sans-serif; }
/*    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif;
	 font-family: "Tahoma CE", "Arial CE", "Helvetica CE", Tahoma, Arial, "Lucida Grande CE", lucida, sans-serif;
	font-family: "Georgia CE", "Times New CE", "New York CE", "Times CE", Georgia, times, serif;
*/
body{ background: White url(../img/back.gif) repeat-x; padding-top: 22px; }

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
h1{ font-size: 2em;  margin: 1.4em 0 .6em 0; font-weight: normal; line-height: 1.2em;  }
h1.hlavni{ margin-top: 0; }
h2{ font-size: 1.5em;  margin: 1.4em 0 .6em 0; font-weight: normal; line-height: 1.2em;  }
h3{ font-size: 1.1em; margin: 1.4em 0 .6em 0; line-height: 1.2em;  }
h4{ font-size: 1em;  margin: 1.4em 0 .6em 0; line-height: 1.2em;  }
a{ color: #01A0E2; }
a:hover, #pata a:hover span, #right a:hover, .barva1 a:hover, .barva2 a:hover, .barva3 a:hover, .barva4 a:hover, .barva5 a:hover, .barva6 a:hover, .barva7 a:hover, .barva8 a:hover, .barva9 a:hover{ color: #ED1B2D; }
#right a{ color: Black; }
p{ margin: .8em 0; }

#cont{ background: White; }
#base{ margin: 0 auto; text-align: left; width: 997px; font-size: .8em; position: relative; line-height: 1.33em; background: White; }
#head{ height: 133px; }
#head p{ color: #888A8D; background-color: white; font-size: 1.2em; position: relative; overflow: hidden; line-height: 1.2em; margin: 0 0 0 0; }
#head p span, #head p{ width: 253px; height: 121px; }
#head a{ background-color: white; color: #888A8D; text-decoration: none; }
#head p span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(../img/logo.gif) no-repeat; color: #888A8D; }

#main{ width: 997px; clear: both; }
#left, #stred, #right{ float: left; display: inline; overflow: hidden;}
#left{ width: 240px; margin-left: -997px; overflow: visible;  }
#stred{ margin-left: 240px; width: 509px; padding-top: 202px;  }
.index #stred{ padding-top: 202px; }
#right{ width: 248px; margin-top: 202px;  padding-top: 22px;  }
.index #right{ margin-top: 202px; }
#plocha{ padding: 22px 22px 20px 20px; }

#pata{ clear: both; background: #D9DADB; width: 100%;}
#pata-in{ width: 997px; margin: 0 auto; font-size: .8em; line-height: 1.2em; padding: 17px 0 10px 0; }
#pata p{ margin: 0 0 0 260px; color: #76787B; font-size: .85em; width: 465px; text-align: left; }
#pata a{text-decoration: none; color: #76787B;}
#pata a span{ text-decoration: underline; }
#pata p.vpravo{ float: right; width: 248px; margin: 0; }
#pata p.tx{ font-size: .8em; color: #A7A9AB; line-height: 1.2em; padding-top: 7px; }
#pata p.tx a{ color: #A7A9AB; }

#menu{ width: 220px; margin-left: 20px; border-top: 1px solid #E0E0E0; }
#menu ul{ margin: 0; list-style-type: none;}
#menu li{width: auto;  }
#menu a{ text-decoration: underline;  display: block; width: 220px;  background: White; line-height: 1.25em; padding: 5px 0 7px 0; color: black;}
#menu a span{ display: block; border-left: 1px solid #AF005F; padding: 0 5px 2px 12px; }
.index #flash{ position: absolute; top: 133px; left: 260px; }
#flash{ position: absolute; top: 133px; left: 260px; z-index: -1; }
html>body #flash{ z-index: 1; ]z-index: -1;}

#menu ul ul{ position: absolute; top: -1px; left: 220px; display: none;  z-index: 1000; border-top: 1px solid #E0E0E0;}
#menu li{ position: relative; behavior: url(/styly/hover.htc); padding-bottom: 1px;  background-color: #E0E0E0;}
#menu ul ul a{ background-color: #AF005F; border-bottom: 1px solid #E0E0E0; font-weight: normal; color: White; background-image: none;}
#menu ul ul a span{ border: 0; }
#menu ul ul li{ padding: 0; }
#menu li:hover ul, #menu li.hover ul{ display: block; }
/*#menu li:hover a, #menu li.hover a{ background-color: #AF005F; color: White; }*/
#menu ul ul a:hover{  text-decoration: none; }

#menu .m2 span{ border-color: #0176D3; }
#menu .m3 span{ border-color: #C00000; }
#menu .m4 span{ border-color: #AACE2E; }
#menu .m5 span{ border-color: #014B87; }
#menu .m6 span{ border-color: #AF005F; }
#menu .m7 span{ border-color: #188887; }
#menu .m8 span{ border-color: #FF7901; }
#menu .m9 span{ border-color: #188887; }

.barva1 h1, .barva1 a{ color: #AF005F; }
.barva2 h1, .barva2 a{ color: #0176D3; }
.barva3 h1, .barva3 a{ color: #C00000; }
.barva4 h1, .barva4 a{ color: #AACE2E; }
.barva5 h1, .barva5 a{ color: #014B87; }
.barva6 h1, .barva6 a{ color: #AF005F; }
.barva7 h1, .barva7 a{ color: #188887; }
.barva8 h1, .barva8 a{ color: #FF7901; }
.barva9 h1, .barva9 a{ color: #188887; }

#menu .m1 a:hover, #menu .m1 a.aktivni, #menu .m1 a.taktivni, #menu ul .m1 ul a{ background-color: #AF005F; color: White; }
#menu .m2 a:hover, #menu .m2 a.aktivni, #menu .m2 a.taktivni, #menu ul .m2 ul a{  background-color: #0176D3;  color: White; }
#menu .m3 a:hover, #menu .m3 a.aktivni, #menu .m3 a.taktivni, #menu ul .m3 ul a{  background-color: #C00000;  color: White; }
#menu .m4 a:hover, #menu .m4 a.aktivni, #menu .m4 a.taktivni, #menu ul .m4 ul a{  background-color: #AACE2E;  color: White; }
#menu .m5 a:hover, #menu .m5 a.aktivni, #menu .m5 a.taktivni, #menu ul .m5 ul a{  background-color: #014B87;  color: White; }
#menu .m6 a:hover, #menu .m6 a.aktivni, #menu .m6 a.taktivni, #menu ul .m6 ul a{  background-color: #AF005F;  color: White; }
#menu .m7 a:hover, #menu .m7 a.aktivni, #menu .m7 a.taktivni, #menu ul .m7 ul a{  background-color: #188887;  color: White; }
#menu .m8 a:hover, #menu .m8 a.aktivni, #menu .m8 a.taktivni, #menu ul .m8 ul a{  background-color: #FF7901;  color: White; }
#menu .m9 a:hover, #menu .m9 a.aktivni, #menu .m9 a.taktivni, #menu ul .m9 ul a{  background-color: #188887;  color: White; }

#plocha p{ text-align: justify; }

#pismo{ position: absolute; top: 83px; left: 474px; width: 265px; }
#pismo a, #pismo span{ display: block; border: 1px solid #9A9A9A; border-right: 0; width: 29px; float: left; background-color: #DEDEDE; padding: 4px 0 0 0; height: 25px; text-align: center; color: Black; }
#pismo p{ margin: 16px 4px 0 0; float: left; }
#pismo span{ background-color: #F1F1F1; color: #9A9A9A; }
#pismo a.p1, #pismo span.p1{ font-size: .8em; padding: 6px 0 0 0; height: 23px; }
#pismo a.p2, #pismo span.p2{ font-size: 1.05em; padding: 5px 0 0 0; height: 24px;}
#pismo a.p3, #pismo span.p3{ border-right: 1px solid #9A9A9A; font-weight: bold; font-size: 1.2em; }
#pismo a:hover{ color: #ED1B2D; background-color: #F8F8F8; }

#search{ position: absolute; left: 749px; top: 81px; }
html>body #search{ top: 83px; ]top:81px;}
#search form{ margin: 0; }
#search input.pole{  border: 1px solid #DEDEDE; background: #F5F5F5; padding: 5px 0 6px 0; width: 159px;}
#search input.btn{ font-weight: bold; text-decoration: underline; border: 0; background: white url(../img/search2.gif) no-repeat 0% .1em;  padding: 0px 0 0 0; height: 2.42em; text-align: right; width: 65px; }

.seznam, .rozcestnik-seznam, #plocha ul{ list-style-type: none; margin-left: 0; }
.seznam li, .rozcestnik-seznam li, #plocha ul li{padding: 5px 0 5px 16px; background: transparent url(../img/li1.gif) no-repeat 0 .87em; }
.rozcestnik-seznam li a{ font-weight: bold; }
.rozcestnik-seznam a{ color: Black; }
.rozcestnik-seznam span{ display: block; }
#plocha ol li{padding: 5px 0 5px 0;}

.barva1 .seznam li, .barva1 .rozcestnik-seznam li, .barva1 #plocha ul li{ background: transparent url(../img/li1.gif) no-repeat 0 .87em; }
.barva2 .seznam li, .barva2 .rozcestnik-seznam li, .barva2 #plocha ul li{ background: transparent url(../img/li2.gif) no-repeat 0 .87em; }
.barva3 .seznam li, .barva3 .rozcestnik-seznam li, .barva3 #plocha ul li{  background: transparent url(../img/li3.gif) no-repeat 0 .87em; }
.barva4 .seznam li, .barva4 .rozcestnik-seznam li, .barva4 #plocha ul li{ background: transparent url(../img/li4.gif) no-repeat 0 .87em; }
.barva5 .seznam li, .barva5 .rozcestnik-seznam li, .barva5 #plocha ul li{ background: transparent url(../img/li5.gif) no-repeat 0 .87em; }
.barva6 .seznam li, .barva6 .rozcestnik-seznam li, .barva6 #plocha ul li{  background: transparent url(../img/li6.gif) no-repeat 0 .87em; }
.barva7 .seznam li, .barva7 .rozcestnik-seznam li, .barva7 #plocha ul li{ background: transparent url(../img/li7.gif) no-repeat 0 .87em; }
.barva8 .seznam li, .barva8 .rozcestnik-seznam li, .barva8 #plocha ul li{ background: transparent url(../img/li8.gif) no-repeat 0 .87em; }
.barva9 .seznam li, .barva9 .rozcestnik-seznam li, .barva9 #plocha ul li{  background: transparent url(../img/li9.gif) no-repeat 0 .87em; }


#base .bar1 a, #base .bar4 a, #base .bar7 a{ color: #01A0E2; }
#base .bar2 a, #base .bar5 a, #base .bar8 a{ color: #CC0000; }
#base .bar3 a, #base .bar6 a, #base .bar9 a{ color: #91B415; }


a.archiv{ float: right; border: 1px solid #E3E1D8; display: inline; background: #F7F6EE url(../img/plus.gif) no-repeat; padding: 3px 11px 5px 21px; line-height: 1.2em; font-size: .9em; }

#mutace{ position: absolute; top: 99px; left: 260px; }
#mutace a{ font-weight: bold; }
.box{ border-top: 1px solid #E0E0E0; width: 228px; padding-top: 20px; font-size: .85em; padding-bottom: 4px; }
.box h2{ font-size: 2.35em; margin: 0 0 .6em 0; font-weight: normal; }
.anketa h2{ margin: 0 0 .4em 0; }
.first{ padding-top: 0; border: 0; }
p.news{ line-height: 1.35em; margin-bottom: 1.5em; }
a.vice{ background: transparent url(../img/vice.gif) no-repeat 0 .55em; padding-left: 20px; }
.anketa{ width: 228px; }
.anketa p{ margin: 0px 0 0 0; }
.anketa .ank{ display: block; border-right: 1px solid #EBEBEB; margin-top: 1px;  border-left: 1px solid #EBEBEB; background: White url(../img/ank.gif) repeat-x; }
.anketa img{ display: block; }
.cislo{ float: right; }
.anketa p a{ font-weight: bold; }
.bar1 a, #right .bar1, #right .bar4 a, #right .bar4, #right .bar7 a, #right .bar7{ color: #01A0E2; }
.bar2 a, #right .bar2,#right .bar5 a, .bar5, #right .bar8 a, #right .bar8{ color: #CC0000; }
.bar3 a, #right .bar3, #right .bar6 a, #right .bar6, #right .bar9 a, #right .bar9{ color: #91B415; }
.anketa p{ margin-bottom: 7px; margin-top: 0; }

.pic, .pic2, .pic3{ padding: 10px; border: 1px solid #E0E0E0; float: left; margin: .3em 20px 3px 0; display: inline; }
.pic img, .pic2 img, .pic3 img{ display: block; float: none; }
.pic2{ float: right; margin: .3em 0 3px 20px; }
.pic3{ float: none; display: block; margin: 1em 0; }

#plocha form{ background-color: #F2F2F2; padding: 15px 20px; }
#plocha form input, #plocha form textarea{ background: White; padding: 3px; border: 1px solid white; color: Black; }
#plocha form input.btn{ border-color: #898989; color: #989898; color: White; font-weight: normal;background-color: #898989; padding: 0px 5px;}

.info{ clear: left; border-top: 1px solid #D9DADB; border-bottom: 2px solid #D9DADB; font-size: .85em; padding: 0px 0; color: #575757; }
.info span{ color: Black; }


div.potvrzeni{ width: 230px;  padding-bottom: 10px; z-index: 100; background-color: #87CEFA; top: 100px; left: 40%; color: black; text-align: center; font-weight: bold; position: absolute;  border: 1px solid silver; border-bottom: 2px solid gray; border-right: 2px solid gray; }
div.potvrzeni p{ padding: 15px 0 20px 0; margin: 0; }
div.potvrzeni div#plocha input.btn{ background-color: White; color: Black; font-weight: bold; text-align: center; cursor: pointer; border: 1px solid silver; }

table.tab{ font-size: 1em;border: 1px solid #024074; border-collapse: collapse; margin: 12px 0; width: auto; line-height: 1.2em; }
table.tab th{ color: White; background-color: #024074; padding: 4px 7px; font-weight: normal; text-align: left; border-right: 1px solid white; border-bottom: 1px solid white; }
table.tab td{ border: 1px solid #024074; padding: 4px 7px; }
tr.sec td{ background-color: #DFEEFF; color: black; }
tr.sec td a{ background-color: #DFEEFF; }
.formik th{ text-align: left; padding: 2px 10px 2px 0; border: 0; vertical-align: top; font-weight: normal; }
.formik td{ padding: 2px 5px; border: 0;  }

.plnasirka{ width: 640px; }

  div#popik{ position: absolute; top: 230px; left: 260px; border: 1px solid #D1D1D1; border-bottom: 2px solid gray;  border-right: 2px solid gray; display: none; text-align: center; font-size: .8em; width: 260px; background-color: white; text-align: left; color: #3B3000; }
  div#popik a .obr3{ border: 0; margin: 0 0 0 11px; float: none;}
  div#popik p{ margin: 8px; }
  a#closebtn{  cursor: pointer; float: right; /*display: block; padding: 0px 3px; font-weight: bold; background-color: #A92F00; border: 1px solid gray; border-right: 0; border-top: 0; color: white; text-align: center; width: 10px;*/}
  a#closebtn:hover{text-decoration: none; background-color: white; color: black;}

.file{ background: transparent url(/img/i-blank.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;  line-height: 2em;}
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.doc, .txt, .rtf{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 25px; line-height: 2em;}
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.zip, .rar{ background: transparent url(/img/i-archiv.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.jpg, .peg, .png, .gif, .bmp, .tif{ background: transparent url(/img/i-pic.gif) no-repeat 0% 0; padding: 4px 0 4px 25px;line-height: 2em; }
.avi, .mpg, .mov, .asf, .ram{ background: transparent url(/img/i-video.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}
.mp3, .wav, .mid{ background: transparent url(/img/i-audio.gif) no-repeat 0% 0; padding: 4px 0 4px 25px; line-height: 2em;}

#kviz form input {border:none;background:transparent}
#kviz label {margin:0px;padding:0px;display:block;cursor:pointer;cursor:hand}
#kviz .spravne {background:#aaffaa}
#kviz .spatne label {cursor:default}
#kviz .spravne label {cursor:default}
#kviz .spatne {background:#ffaaaa}
#kviz button {border: 1px solid #898989; color: #989898; background-color: #898989; color: White; font-weight: normal; text-decoration: underline; padding: 2px;}
#kviz #vyhodnoceni {padding:15px;text-align:center;font-size:1.5em}

.fotogaltab td{border-left: 10px solid white; border-bottom: 10px solid white;  }
.galpic td{ background: #C6DAFF; border: 0; }
.galpic td img {border: 1px solid black;}
.fotogaltab h4{  color: #0077C3; }

#kalendar table { margin: 0 0 0 12px; border-collapse: collapse; border: 1px solid #CED8E1; font-size: .9em; }
#kalendar td { width: 30px; background-color: white; border: 1px solid #ced8e1; text-align: center; padding: 2px 0; }
#kalendar td.tdneaktiv {   }
#kalendar td.nic{ color: #636363; background: #E1E1E1;} 
#kalendar td.tdaktiv, #kalendar td.tdaktiv a { background-color: #701200; color: white; text-decoration: none; cursor: pointer;font-weight: bold; }
#kalendar td.tdaktiv a:hover { text-decoration: underline; cursor: pointer; }
#kalendar td.dnesek, #kalendar td.dnesek a{ font-weight: bold; background: #701200; color: White;  }
#kalendar td.tdneaktivdnesek{ font-weight: bold;  }
#kalendar .popis-dny td { background: #024254; color: White; text-align: center; font-weight: normal; padding: 3px 0; font-weight: bold; border: 1px solid #ced8e1;}
#kalendar .mesic td{ background: transparent; border-color: #D0E0EF; font-weight: bold; }
#handle{ border: 1px solid #CACACA; background-color:white; color: black; }
#kalendar td.tmesic{width: auto; font-size: 1.1em; color: #024254; }
#kalendar .btn{ padding: 2px 0; display: block; text-align: center; }
}