@media screen, projection, tv{
html,body{ font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif; color: Black; background-color: White; }
/*    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;
*/
html{ background-color: #D8D4D4;   }
body{ color: Black;  margin: 8px 7px 0 7px; background-color: #C8C3C3; }

hr{ height: 1px; color: #e8e8e8; background: #e8e8e8; clear: both; margin: 0; padding: 0; border: 0; }
address{ font-style: normal; display: block; margin: .5em 0; }
input, textarea, select{  font-family: "Verdana CE", Verdana, "Arial CE", "Lucida Grande CE", "Geneva CE", "Helvetica CE", Arial, lucida, sans-serif; border: 1px solid black; padding: 2px; }
h1{ font-size: 1.5em; margin: .8em 0; }
h2{ font-size: 1.3em; margin: .8em 0; }
h2.hlavni{ background-color: #C7DDF7; color: Black; padding: 9px 10px; border-left: 7px solid #003399; font-size: 1.2em; margin: 0 0px 1em 0; }
.oranzova h2{ background-color: #F3C9A4; color: Black; border-color: #FF8C26; }

h3{ font-size: 1.2em; margin:  0 0 .8em 0; color: #003399; }
.oranzova h3{ color: #EB7C19; background-color: White; }
h4{ font-size: 1em; margin: .8em 0; }
a{ color: #003399; background-color: transparent; }
a:hover{ color: black; background-color: transparent; }
ol, ul{ padding: 0; margin: 0 0 0 2.8em; }
p{ margin-bottom: 0; }

.obr, .obr2, .obr3, .detail-clanek img{ border: 4px solid #D8D4D4; margin-top: .3em; }


#base{ margin: 0 auto; text-align: left; font-size: .75em; background-color: #D8D4D4; line-height: 1.4em; width: 100%; }

#head{ background: #458D3B url(/img/head1-b.jpg) repeat-x 0 0;   }
#head-in{background: transparent url(/img/head1.jpg) no-repeat 0 0;  padding: 1px 0  0px 0; height: 172px; margin-left: 165px; clear: both;}
.head2 #head{ background: #458D3B url(/img/head2-b.jpg) repeat-x 0 0;   }
.head2 #head-in{ background-image: url(../img/head2.jpg); }
.head3 #head{ background: #458D3B url(/img/head3-b.jpg) repeat-x 0 0;   }
.head3 #head-in{ background-image: url(../img/head3.jpg); }
#head h1{ color: #003399; background-color: white; position: relative; overflow: hidden; line-height: 1.2em; margin: -1px 0 0 0; float: right; }
#head h1 span, #head h1{ width: 173px; height: 173px; }
#head a{ background-color: white; color: #024074; text-decoration: none; }
#head h1 span{ position: absolute; cursor: pointer; top: 0; left: 0; background: transparent url(/img/schwippel2.png) no-repeat; color: White; }
#head h2{ font-style: italic; font-size: 1.15em; margin: 130px 0 0 20px; color: White; }
.head1 #head h2{ color: Black; }

#main{ margin: 0 0px 0 165px; padding: 0;}
#main td{ vertical-align: top;}
#plocha{ background-color: White; color: Black; padding: 7px 7px 7px 21px; height: 1em;  }
html>body #plocha{ height: auto; }
#plocha h2.hlavni{ margin-left: 0; }
.index #plocha{ padding: 7px; }
#plocha h2.hlavni{ margin: 0px 0 0 -14px; }
.index #plocha h2.hlavni{ margin: 0; }
#plocha .clanek{ 	border-bottom: 1px solid #D8D4D4; padding: 1em 14px; clear: left; }
#plocha .clanek h3{ margin: .2em 0 .2em 0; }
#plocha .clanek h3 span{ font-weight: normal; font-size: .8em; color: Black; margin-left: 5px; }
#plocha .clanek p{ margin: .5em 0; }
#plocha .oranzova .clanek{ padding-bottom: 2em; border-bottom: 0 ; }
#plocha form{ background-color: #EDEAEA; padding: 5px 10px 5px 14px; margin-left: -14px; margin-top:1.5em; }

.detail-clanek{ padding-right: .8em; }
.detail-clanek img{ float: right; margin: .3em 0px 5px 1em; display: inline; }
.detail-clanek img.obr3{ float: none; margin: 5px auto 5px auto; display: block; }
.detail-clanek img.obr{ float: left !important;  margin: .3em 1em  5px 0 ; }

#left{ position: absolute; left: 7px; top: 37px; z-index: 100; clear: both; }
#menu ul{ margin: 0; list-style-type: none; width: 165px; }
#menu li{ background-color: #FF8C26; color: Black; }
#menu a{ display: block; background-color: #003399; border-bottom: 1px solid white; color: White; text-decoration: none; width: 135px; padding: 5px 5px 5px 18px; }
#menu a.last{ border-bottom: 0; }
#menu a:hover{ background-color: #FF8C26; color: Black; }

#right{width: 173px; line-height: 1.4em; padding-bottom: 10px; overflow: hidden;  }
.sedybox{ background-color: #C8C3C3; color: Black; padding: 5px 10px; }
.sedybox p{ margin: .6em 0; }
.modrybox{ background-color: #B1CFF2; color: Black; margin-top: 3px; }
#right h3{ border-bottom: 1px solid white; margin: 0; padding: .8em 10px; font-size: 1.2em; color: Black; }
.modrybox-in{ padding: 1px 10px; }
.modrybox address{ line-height: 1.9em; }
.modrybox-in h4{ margin-bottom: .4em; }
.modrybox .obr3{ border-color: #C1D9F5; }
.modrybox-in p{ margin: .5em 0; }
.tmavybox{ margin-top: 3px; padding-bottom: 10px; }
.tmavybox, #right .tmavybox h3,  .tmavybox a,  .tmavybox a:hover{ background-color: #003399; color: White; }
.tmavybox h4{ font-weight: normal; padding: 7px 10px; margin: 0; }
.tmavybox ul{ margin: 5px 3px; list-style-type: none; }
.tmavybox li{ background-color: #3A60AB; color: White; margin: 3px 0 0 0; padding: 3px 0 3px 3px;  }
.tmavybox ul input{ margin: 0em 1px 1.4em 0; float: left; border: 0;} 
html>body .tmavybox ul input{ margin: .2em 4px 1.5em 0px; }
.tmavybox .an1 span{ color: #B3B448; background-color: #3A60AB; }
.tmavybox .an2 span{ color: #CEB4EA; background-color: #3A60AB; }
.tmavybox .an3 span{ color: #90E4E9; background-color: #3A60AB; }
.tmavybox .an4 span{ color: #BBEB9F; background-color: #3A60AB; }
.tmavybox p{ padding: .3em  0; }
.btn{ border: 0; background: transparent url(/img/btn.png) no-repeat; padding: 3px 10px; width: 143px; font-size: 1.1em;}
a.btn{ display: block; margin: 0 auto; width: 123px; background-color: transparent; color: Black; text-decoration: none; text-align: center; padding: 4px 10px 4px 10px; }

.ankety .tmavybox{ width: 173px; float: left; margin: 0 15px 10px; background: #C7DDF7; color: Black; }
#plocha .ankety form{ background-color: transparent; padding: 0; margin: 0; }
.ankety h3{ border-bottom: 1px solid white; margin: 0; padding: .8em 10px; font-size: 1.2em; color: white; }
.ankety h4{ font-weight: bold; }

.kal{ background-color: #37343F;  margin-top: 3px; padding-bottom: 1px; }
table#kalendar { border: 1px solid #37343F; border-collapse: collapse; width: 168px; font-size: .9em; clear: both; margin: 3px 0 1px 3px;  }
#right .kal h3{ color: White; text-decoration: none; }
#kalendar td{ border: 1px solid #37343F; background-color: #5F5D65; color: White; text-align: center; line-height: 2em;  }
#kalendar .kal-popis-dny td, #kalendar .kal-mesic td{ font-weight: bold; background-color: #37343F; }
#kalendar  a{ display: block; background-color: #FF8C26; color: #37343F; text-decoration: none; }
#kalendar .kal-mesic a{width: 26px; height: 26px; background: #FF8C26 url(/img/sip-l.gif) no-repeat 0 0; }
#kalendar .kal-mesic a:hover{ background: #828282 url(/img/sip-l2.gif); }
#kalendar .kal-mesic a.float-right{background-image:  url(/img/sip-r.gif); }
#kalendar .kal-mesic a:hover.float-right{ background: #828282 url(/img/sip-r2.gif); }
#kalendar td.aktivni{ font-weight: bold; background-color: #003399; }
#kalendar .sobota, #kalendar .nedele{ background-color: #828282; }
#kalendar .kal-mesic a#mesic{ display: inline; color: White; background: transparent none; line-height: 1.25em; }
#kalendar .kal-mesic a:hover#mesic{ color: #FF8C26; background: transparent; }

/*#plocha .blok{  padding: 7px 7px 7px 21px; clear: left; }
#plocha .blok h2{ margin-left: -14px; }
#plocha h3{ margin: .2em 0 .5em 0; }
#plocha .blok p{ margin: .5em 0; }
#plocha .vypis{ padding: 7px; }
#plocha .vypis h2{ margin: 0; }*/

.lomic{ height: 0px; overflow: hidden; clear: left; visibility: hidden; }
.vice{ white-space: nowrap; }


#font{ background-color: #37343F; margin: 0 173px 0 165px; color: White; height: 2.05em; padding: 2px; }
#font ul{ margin: 0; list-style-type: none; vertical-align: middle; }
#font div{ float: right; display: inline; width: 21.6em; }
#font li{ float: left; vertical-align: middle;}
#font h4{ font-weight: normal; float: left; vertical-align: middle; background-color: #37343F;   margin: 0; line-height: 1.2em; padding: 6px 7px 0 0; }
#font a{ display: block; text-decoration: none; vertical-align: middle; width: 2.05em; height: 2.05em; background: #FF8C26 url(/img/t.gif) no-repeat 0 0; margin-right: 4px; }
#font a:hover{ background: #828282 none; }
#font a span{text-align: center; display: block; line-height: 26px; color: #37343F; }
#font a.t1 span{ color: White; }
#font a.t2 span{ font-size: 1.2em; font-weight: bold;}
#font a.t3 span{ font-size: 1.6em; font-weight: bold;}

.hledej{ position: absolute; top: 8px; right: 7px; width: 169px; background-color: #D8D4D4; }
.hledej input.pole{ padding: 4px 2px; vertical-align: bottom;  border: 1px solid black; width: 97px; }
.hledej input.btn{ width: 4.65em; vertical-align: bottom; text-align: center; padding: 3px 7px ; margin-left: 4px; font-weight: bold; background-image: url(/img/hledej.png); }

#pata{ clear: both; background-color: #C8C3C3; color: #606060; padding: 15px 10px;  }
#pata p.net{ float: right; width: 15em; text-align: right; padding-right: 0;}
#pata a{ white-space: nowrap; margin-right: .5em; }
#pata p{ padding-right: 17em; }

div.potvrzeni{ width: 230px; height: 110px; background-color: #87CEFA; color: black; text-align: center; font-weight: bold; position: absolute; border: 1px solid black; }
div.potvrzeni p{ padding: 15px 0 20px 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, .detail-clanek table{ font-size: 1em;border: 1px solid #024074; border-collapse: collapse; margin: 0; width: auto; line-height: 1.2em; padding: 0; }
table.tab th, .detail-clanek 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, .detail-clanek td{ border: 1px solid #024074; padding: 4px 7px; margin: 0; }
tr.sec td, .detail-clanek tr.sec td{ background-color: #DFEEFF; color: black; }
tr.sec td a, .detail-clanek tr.sec td a{ background-color: #DFEEFF; }

table.tabx1, .detail-clanek table{ font-size: 1em;border: 1px solid red; border-collapse: collapse; margin: 0; width: 97%; padding: 0; }
table.tabx1 th, .detail-clanek 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.tabx1 td, .detail-clanek td{ border: 1px solid red; padding: 4px 7px; margin: 0; }
tr.sec td, .detail-clanek tr.sec td{ background-color: #DFEEFF; color: black; }
tr.sec td a, .detail-clanek tr.sec td a{ background-color: #DFEEFF; }


table.tabx2, .detail-clanek table{ align: center; border: 1px solid green; border-collapse: collapse; margin: 0; width: auto; padding: 0; }
table.tabx2 th, .detail-clanek 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.tabx2 td, .detail-clanek td{ border: 1px solid green; padding: 4px 7px; margin: 0; }
tr.sec td, .detail-clanek tr.sec td{ background-color: #DFEEFF; color: black; }
tr.sec td a, .detail-clanek tr.sec td a{ background-color: #DFEEFF; }


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

.galerka{ float: right; margin: .3em 0 .2em .8em; width: 138px; }
.galerka img{ display: block; margin: 0 auto 0px auto;  float: none !important;  border: 0;}
.galerka p{ padding: 4px; background-color: #D8D4D4; line-height: 1.4em; margin-bottom: 15px; }
  
.pdf{ background: transparent url(/img/i-pdf.gif) no-repeat 0 0; padding: 4px 0 4px 30px; }
.doc{ background: transparent url(/img/i-doc.gif) no-repeat 0 0; padding: 4px 0 4px 30px; }
.xls{ background: transparent url(/img/i-excel.gif) no-repeat 0% 0; padding: 4px 0 4px 30px; }
.zip{ background: transparent url(/img/i-archive.gif) no-repeat 0% 0; padding: 4px 0 4px 30px; }

/*diskuse*/

form#diskuse_prispevky{ padding-top: 20px; clear: both; background-color: White;  }
.diskusniblok{ }
.diskuse-small	{ width: 100%; }
.tlacitka{ width: 520px; margin: 1em auto; }
.diskuse-small .datum{ font-size: .9em; padding-right: 5px; text-align: right; }
.diskuse-small input{ border: 0; background: none; }
.diskuse-small th{ padding: 3px 5px;  }
.diskuse-small td{ font-size: .9em; }
.diskusniblok  a.btn{ float: left; margin: 0 10px; }
.dis-nazev{ width: auto; }
.dis-check{ width: 17px; }
.dis-autor{ width: 9em; }
.dis-datum{ width: 5em; text-align: right; white-space: nowrap; }

tr.polemika1 		{line-height: 1.2em;}
tr.polemika-top td {font-weight: normal; border-top: 1px solid #D8D4D4; }
tr.polemika-top td span{ font-weight: bold; }
td.polemika1		{padding: 0 0 0 25px; }
td.polemika2		{padding: 0 0 0 35px; }
td.polemika3		{padding: 0 0 0 43px;}
td.polemika4		{padding: 0 0 0 51px;}
td.polemika5		{padding: 0 0 0 59px;}
td.polemika6		{padding: 0 0 0 65px;}
tr.polemika-top td, tr.polemika1 td, tr.polemika2 td, tr.polemika3 td, tr.polemika4 td, tr.polemika5 td, tr.polemika6 td{ padding-top: 0; padding-bottom: 0px;}
.diskuse-small	img{ float: left; margin-left: 10px; } 
.diskuse-small	span{ display: block; margin-left: 5px; padding-top: 3px; }
.level1{  padding-top: 1px; }
.level2{ padding-left: 15px; }
.level3{ padding-left: 30px; }
.level4{ padding-left: 45px; }
.level5{ padding-left: 60px; }
.level6{ padding-left: 75px; }
.prispevek{ padding: .7em 0; }
.prispevek p.text{ padding-bottom: 4px; }
p.reaguj{ margin: 0; padding-bottom: .4em; }
p.reaguj a.btn{ float: left; margin: 0 0 5px 0; }
.prispevek h4{ margin: 0; margin-bottom: .1em; clear: both; padding-top: 1em; }
.prispevek .text{ margin: .4em 0 0 0; }
.prisp label{
	display: block;
}
.prisp textarea{
	width: 595px;
}
}