@media screen, projection, tv{
body { color: Black; font: normal normal 100% "arial CE", Arial, "Luxi Sans", Helvetica, sans-serif; background-color: #f8f8f8; margin: 0; padding: 0; text-align: center; margin-top: 10px; }

div#plocha p {text-align : justify;}
div#plocha p.bez {text-indent : 0;}
div#plocha ul {list-style-type: square;}
div#plocha ul ul{list-style-type: disc;}
div#plocha ul ul ul{list-style-type: circle;}
div#plocha a, address a{font-size: 1em;	text-decoration : underline;	color : #00019D; font-weight: bold;}
div#plocha p a:visited, div#plocha .textvclanku a:visited{text-decoration: none; border-bottom: 1px dotted #00017B; color: #00017B;}
div#plocha a:hover, div#plocha a:active, div#plocha a:focus {text-decoration : underline; background-color: White;}
div#plocha img{border: 1px solid Black; margin: 0.3em; }
div#plocha h2 a.nadpisclanku{ color: Black; text-decoration: underline; font-size: 1em; }
div#plocha h3 a.nadpisclanku{ color: Black; text-decoration: underline; font-size: 1.1em; }
div#plocha a.nadpisclanku:hover{text-decoration : underline;	color : maroon; background-color: transparent;}
div#plocha abbr, div#plocha acronym{background-color: white; letter-spacing: 0.1em;  }
div#plocha cite{font-style: italic;}
div#plocha h1 {font-size: 1.8em; text-align: left;}
div#plocha h2 {font-size: 1.5em; text-align: left; line-height: 1.2em;}
div#plocha h3 {font-size: 1.2em; font-weight: bold; text-align: left; line-height: 1.4em;}
div#plocha h4 {font-size: 1em; font-weight: bold; text-align: left; padding-left:.5em;}
div#plocha span.abstraktclanku { display: block; text-align: justify; text-indent: 0; }
div#plocha span.textvclanku { display: block; text-align: justify; text-indent: 0.5em; }
div#plocha fieldset{ border: 1px solid Gray; padding: 0.5em;  text-align: left; }
div#plocha legend{ border: 1px solid Gray; font-weight: bold; background-color: #F0E68C; padding: 0.2em; }
div#plocha label{ font-size: 1em; font-weight: bold;  padding: 0.2em; display: block;}
div#plocha code{text-align: left;  display: block; font-family: "Courier New", Courier, monospace;   }
textarea{ font-family: "arial CE", Arial, "Luxi Sans", Helvetica, sans-serif; font-size: 1em; }

form dl.box{float: left;  width: 50%;}
form dd{ margin: 0; }
form dl.kompakt dd, div#plocha fieldset dl.kompakt dt{ margin: 0;  float: left;  }

div#plocha div.submenu{ padding: 0.1em; height: 1.6em;  background-color: #e8e8e8;  padding-bottom: 0.2em;    }
div#plocha div.submenu ul{ padding: 0; list-style-type: none; list-style: none outside none; margin: 0; }
div#plocha div.submenu ul li{ float: left; }
div#plocha div.submenu a{border: 1px solid Gray; color: Black; background-color: #FDFFD3; display: block; padding: 0.2em 0.3em; text-decoration: none; font-size: 0.9em; font-weight: bold; margin: 0 0.1em; }
div#plocha div.submenu a:hover, div#plocha div.submenu a:active, div#plocha div.submenu a:focus{ background-color: #F0E68C; text-decoration: none; border: 1px solid Black; }
div#plocha div.drobky{ background-color: #e8e8e8; padding: 0.4em 0.2em 0 0.2em; font-size: 0.85em; }
div#plocha div.drobky a{font-weight: normal;}
div#plocha div.drobky a.abstraktclanku{font-weight: bold;}
div#plocha div.hb{ background-color: #fff; border: 1px solid #CACACA; margin: 0.8em 0; padding: 0.6em;  font-size: 0.9em;  overflow: hidden;   }
div#plocha div.hb div.nadpis{ margin: 0.5em 0;  background-color: #F0E68C;  padding: 0.2em 0.6em; }
div#plocha div.hb a:hover, div#plocha div.hb a:active, div#plocha div.hb a:focus{ background-color: #e8e8e8; }
div#plocha div.comments{ width: 37em;  border: 1px solid Gray; margin-top: 2em; background-color: #f8f8f8;}
div#plocha div.comments form{ font-size: 1.1em; }
div#plocha div.comments img{ margin: 0; padding: 0; border: 0; }
div#plocha div.comments table{ margin: 0; padding: 0; border: 0;}
div#plocha div.comments td{ font-size: 0.8em;  border: 0; }
div#plocha div.comments table{ width: 400px; margin: 0; padding: 0; }
div#plocha td.textvclanku{ font-size: 0.8em; }
div#plocha table{ width: 420px; }
div#plocha table.diskuze img{ border-width: 0; }
#plocha div.dis-detail{ margin: 0 10px 0 30px; }
#plocha div.dis-detail .dis1{ margin-bottom: 0; background-color: #F7E78C; }
#plocha div.dis-detail .dis2{ margin: 0; padding: 5px; }
#plocha div.dis-detail .dis3{ padding-bottom: 6px; border-bottom: 2px solid #F7E78C; font-size: .9em; line-height: 1.5em; text-align: left; }
#plocha .art, #plocha .abs{ line-height: 1.5em; }
#plocha .dis-form{ padding-left: 50px; }
#plocha .dis-form h2{ font-size: 1.3em; }
#plocha .dis-form label{ font-weight: bold; margin: 0 0 3px 0; padding: 0; }
#plocha .dis-form input{ border: 1px solid #444444;  font-size: 0.85em; width: 350px;   }	
#plocha .dis-form textarea{ border: 1px solid #444444; width: 350px;}
#plocha .dis-form p.submit input{font-weight: bold; background-color: #F0E68C;  border: 1px solid Gray; width: 8em;  font-size: 0.85em;   }	


.odsaz{ margin-bottom: 4em; }
.mp{ font-size: 0.85em; }
.noshow{ display: none; }
.hidden{position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden; }
.inline{ display: inline; }
.center{ text-align: center; }
.kurziva{font-style : italic;}
.bold{	font-weight : bold;}
.podtrh{ text-decoration: underline; }
.doprava{ text-align: right; }
.float-right{ float: right; }
.absmiddle{vertical-align:middle;}

p.textvtab{ margin: 0; }
.textvtab{ font-size: 0.8em; }
input.btn, .anketa input{font-weight: bold; background-color: #F0E68C;  border: 1px solid Gray;  font-size: 0.85em;   }	
.anketa h4{ background-color: #F0E68C; margin: 0.4em 0 0.2em 0; }
#uvod{ padding: 0.4em; border-top: 1px solid gray; border-bottom: 1px solid gray; text-align: center;  margin-bottom: 1.4em; }
ul.akt{ margin-top: 0.3em; margin-bottom: 0.3em;}
ul.akt li{margin-bottom: 0.3em;  font-size: 1.1em;  }
#plocha table, #plocha td, #plocha input, #plocha textarea, #plocha select{ font-size: 1em; }

/* LAYOUT */
div#head, div#lista, div#main01{width: 47em;  margin-left: auto;  margin-right: auto;   }
div#head{font-size: 1em; padding: 0;background: url(../newhead2.gif) no-repeat right top;}
div#head div#head2{background: url(../newhead.gif) no-repeat top left; height: 80px;   }
.en div#head div#head2{background: url(../hlavicka-en.png) no-repeat top left; height: 80px;   }
div#lista{ padding: 0; background: url(../pozlista.gif) no-repeat 110px 0.7em;  height: 1.7em;  }
div#lista ul{ list-style-type: none; margin: 0 0 0 1em; padding: 0em 0 0 6.4em;}
div#lista li{ float: left;  display: inline;}
div#lista a{ border: 1px solid Gray; color: Black; background-color: #e8e8e8;  display: block; padding: 0.2em 0.3em; text-decoration: none; font-size: 0.8em; font-weight: bold; margin: 0 0.4em;}
div#lista div#logo{  height: 30px;  background: url(../headlogo3.gif) no-repeat 8px -20px;  }
form#vyh{ background-color: #44330A; padding: 4px 0 3px 0.4em; width: 14.5em; float: right; margin: 0; }
form#vyh label{ font-weight: bold; color: #F8F8F8; font-size: 0.8em; }
form#vyh input{ border: 1px solid silver; background-color: #f8f8f8; }
form#vyh input.btn{ width: 2.5em; font-size: 0.8em; background-color: #F0E68C; }	

div#main01 {padding: 0; background: transparent url(../sloup.gif) repeat-y; background-color: #F8F8F8;  clear: both;  margin-top: 0;   }
div#main02{padding: 0; margin: 0;  background: url(../sloup.gif) repeat-y right;  text-align: left;  }

div#levysloupec{ width: 9.5em; float: left;  padding: 0.2em 0 0 0.1em;  margin: 0;}
div#pravysloupec{ float: right; width: 8.3em;  padding: 0.6em 0.3em 0 0;}
div#levysloupec ul, div#pravysloupec ul{list-style-type: none; margin: 0.2em 0 1em 0.2em; border: 1px solid #CACACA; padding: 0.6em 0;}
div#levysloupec li, div#pravysloupec li{display: block; }
div#levysloupec ul a, div#pravysloupec ul a{color: Black; text-decoration: none; font-size: 0.8em; font-weight: bold; display: block; padding: 0.2em 0.5em;}
div#levysloupec ul div, div#pravysloupec ul div{color: Black; font-size: 0.8em; font-weight: bold; padding: 0.2em 0.5em;}
div#levysloupec ul ul, div#pravysloupec ul ul{border: 0; margin: 0.3em 0 0.3em 7px;  padding: 0;}
div#levysloupec ul ul li, div#pravysloupec ul ul li{ list-style-type: none;  background: #FFFFD6 url(../odrazka.gif) no-repeat 0 8px; padding-left: 10px;}
div#levysloupec ul ul a, div#pravysloupec ul ul a{text-decoration: none; font-size: 0.75em; font-weight: normal; display: inline; padding: 0;}
div#levysloupec ul ul a:hover, div#pravysloupec ul ul a:hover{ background-color: #F8F8F8; color: Black; border-bottom: 1px solid Black; border-top: 1px solid black; }
div#levysloupec address{ font-style: normal;  font-size: 0.9em; padding: 0.3em;  display: block;  }
div#levysloupec form{margin: 0;  padding: 0; }
div.blok{ border: 1px solid #CACACA; font-size: 0.8em; padding: 0; margin: 0.2em 0 1em 0.2em; background-color: #FDFFD3;}
div.blok h2{background-color: #F0E68C;  font-size: 1em;  margin: 0.6em 0; padding: 0.2em 0.5em;}
div.blok div, div#levysloupec form{ padding: 0.3em; }
div.blok img{ border: 0; margin: 0.3em 0;}
div.blok .ikonky{ text-align: center; }
div#levysloupec img{ border: 0; margin: 0.2em; }
div#pravysloupec a.tl img{ border: 0; margin-top: 4px; }

div#stred{ margin-left: 9.6em; margin-right: 8.3em;}
div#plocha{ padding: 2em 0.5em; font-size: 0.8em; text-align: left; }
div#pata{padding: 0; background-color: #e8e8e8; text-align: center;  padding: 0.4em;  margin-left: auto;  margin-right: auto;  font-size: 0.85em;     }

div#main02>div.clean{clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
div.clean, div.clean2{height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent;}
div.clean2{clear:both;}

/*BARVY*/
div#levysloupec ul a, div#pravysloupec ul a, div#plocha legend, div#levysloupec ul div, div#pravysloupec ul div
{ background-color: #F0E68C;}
div#head, div#head h1, div#head h2, div#lista{background-color: #F0E68C;}
div#levysloupec ul, div#pravysloupec ul, div#levysloupec address{ background-color: #FDFFD3; }
div#levysloupec ul ul a, div#pravysloupec ul ul a
{border-bottom: 1px solid #FDFFD3; border-top: 1px solid #FDFFD3; color: Black; background-color: transparent;}
div.submenu a:hover, div.submenu a:active, div.submenu a:focus, div#lista a:hover, div#lista a:active, div#lista a:focus
{border: 1px solid Black; background-color: #FDFFD3; }
div#levysloupec ul a:hover, div#pravysloupec ul a:hover, div#levysloupec ul a:active, div#pravysloupec ul a:active, div#levysloupec ul a:focus, div#pravysloupec ul a:focus
{background-color: Black; color: White; }
div#levysloupec ul ul a:hover, div#pravysloupec ul ul a:hover, div#levysloupec ul ul a:active, div#pravysloupec ul ul a:active, div#levysloupec ul ul a:focus, div#pravysloupec ul ul a:focus
{background-color: #F8F8F8; color: Black; border-bottom: 1px solid Black; border-top: 1px solid black;}
}

div#plocha h4.block {display:block; background-color: #F0E68C; padding:.4em .6em; width:100%;}
div#plocha ul.listing { padding:0; margin:5px 0;}
div#plocha ul.listing li { list-style: none; overflow: hidden; background: url(disc.gif) no-repeat left .5em; padding-left: 1em; }
div#plocha ul.listing li { border-bottom:1px solid #f1f1f1; }
.no-space { padding:0; margin:0;}


@media screen{
	div#plocha abbr, div#plocha acronym{cursor: help; }
}
