body {
  background: #ffffff url("../design/bg.gif");
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-family: verdana, arial, tahoma, sans-serif;
  color: #000000;
  text-align: center; 
}

h1 {
  margin: 0;
  padding: 0;
  color: #000;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  font-family: georgia;
}

h2 {
  margin: 0;
  padding: 0 0 0 0;
  font-weight: normal;
  font-size: 18px;
  color: #00328D;
}

img {
  border: none;
}

.endfloat { /* ukonceni obtekani */
  clear: both;
  display: block;
} 

hr.cleaner {clear: both; height: 1px; margin: -1px 0 0 0; padding: 0; border: none; visibility: hidden;}

/* layout */

#screen {
  width: 100%;
  height: 100%;
  background: url("../design/top-bg.gif") repeat-x;
}

#main {
  width: 746px;
  margin: 0 auto;
  text-align: left;
  background: url("../design/top-shadow.gif") no-repeat;
}

#header {
  width: 746px;
  height: 133px;
  padding: 21px 0 0 30px;
  background: url("../design/top-head.gif") no-repeat center;
  display: block;
}

html>body #header {
  width: 716px;
  height: 112px;
}

#logo {
  width: 272px;
  height: 79px;
  background: url("../design/top-logo.gif") no-repeat;
}

#logo span {
  display: none;
}

#logo a {
  border-style: none;
  width: 272px;
  height: 79px;
  display: block;
}

#version-box {
  margin-left: 460px;
  font-size: 10px;
  color: #8D8D8D;
}

#version-box strong {
  color: #F95200;
}

#middle {
  width: 746px;
  background: url("../design/middle-bg.gif") repeat-y;
}

#left {
  width: 180px;
  margin-right: 10px;
  float: left;
}

#content {
  width: 376px; /* pro IE */
  padding: 5px 10px 15px 10px;
  text-align: justify;
  background: url("../design/content-bcg.gif") repeat-x;
  float: left;
}

#content a{
  color: #FD4100;
}

#content img{
  margin: 5px 5px 5px 5px;
}
html>body #content {
  width: 356px; /* pro ostatni prohlizece */
}


#right {
  width: 180px; /* pro IE */
  padding: 50px 25px 10px 10px;
  background: url("../design/right-bcg.gif") no-repeat;
  float: left;
}

html>body #right {
  width: 145px; /* pro ostatni prohlizece */
}

#footer {
  width: 746px;
  height: 80px;
  padding: 10px 20px;
  background: url("../design/footer.gif") no-repeat;
  font-size: 0.8em;
  color: #545454;
}

html>body #footer {
  width: 706px;
  height: 60px;
}

#footer img {
  float: left;
}

#footer p {
  margin: 0;
  padding: 15px 0 0 0;
  text-align: right;
  line-height: 2em;
}

#footer a {
  color: #545454;
  text-decoration: underline; 
}

#footer a:hover {
  color: #545454;
  text-decoration: none;  
}

/* menu */

#menu {
  margin: 0 0 0 5px;
  padding: 0;
  list-style: none;
}

#menu li {
  font-weight: bold;
  color: #525252;
  margin: 0 0 10px 0;
  padding: 0.5em 0 0 1em;
  background: url("../design/menu-level1.gif") no-repeat top;
}

#menu li ul {
  width: 90%;
  margin: 10px 0 0 0;
  padding: 0;
  list-style: none;
}
#menu li a{
  width: 90%;
  margin: 0 0 10px 0;
  padding: 0.5em 0 0 1em;
  text-decoration: none;
  color: #525252;
  list-style: none;
}

#menu li ul li {
  margin: 0;
  padding: 0.4em 0 0.4em 0;
  border-bottom: 1px dashed #E1E1E1;
  background: none;
}

#menu li ul li a {
  color: #FD7700;
  text-decoration: none;
  background: url("../design/menu-level2.gif") no-repeat 0 50%;
  padding: 0 0 0 1em;
  border-style: none;

}

#menu li ul li a:hover, #menu a.selected{
  color: #FD4100;
  background: url("../design/menu-level2-active.gif") no-repeat 0 50%
}

/*novinka*/

.novinka {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 0.9em;
}

.novinka span {
  display: block;
}

.novinka .nadpis {
  color: #FD7700;
  font-weight: bold;
}

.novinka .obsah {
  color: #5D5D5D;
  padding: 2px 0;
  width: 145px;
}

.novinka .datum {
  font-size: 0.8em;
  color: #989898;
}

div#left table{
margin-left: 15px;
}

a.cesta_zpet{
color: #000066;
font-size: 10px;
font-weight: bold;
}
a.cesta_zpet:hover, a.cesta_zpet:focus{
color: #cc0000;
font-size: 10px;
font-weight: bold;
}
a.cesta_zpet:visited{
color: #999;
font-size: 10px;
font-weight: bold;
}
#kat_popis{
font-style: italic;
font-size: 11px;
border-bottom: 1px #000 solid;
margin-bottom: 6px;
width: 350px;
}
a.admin_a{
  font-size: 9px;
}

h2.odkaz_clanek a{
  font-size: 13px;
  font-weight: bold;
  color:#003366;
}
h2.odkaz_clanek a:hover, h2.odkaz_clanek a:focus{
  font-size: 13px;
  font-weight: bold;
  color: #cc0000;
}
h2.odkaz_clanek a:visited{
  font-size: 13px;
  font-weight: bold;
  color: #003366;
  text-decoration: none;
}
input.login{
  font-size: 10px;
  font-family: arial;
  border: 1px #999 solid;
}

.clanek_uvod{
  font-style: italic; 
  margin-bottom: 6px; 
  font-size: 11px; 
  padding-bottom: 5px;
  width: 350px;
}
.telo_textu{
  width: 353px;
}

.telo_uvodniku{
  position: relative;
  float: left;
  width: 353px;
  margin-top: 10px;
  border-bottom: 1px #999 dashed;
}

.h2_uvodnik{
  font-size: 14px;
  margin-bottom: 0px;
  font-weight: bold;
}

.telo_aktualit{
  position: relative;
  float: left;
  width: 353px;
  margin-top: 10px;
  border-bottom: 1px #999 dashed;
  font-size: 11px;
}

.h2_aktualit{
  display: inline;
  font-size: 12px;
  margin-bottom: 0px;
  font-weight: bold;
}
/******************** nastavení podorbností pro pshop *************************/
#hlavni
{
width: 350px;
float: left;
color: white;
}

a.detaily_navigace{
  width: 24%;
  margin-right: 1px;
  margin-left: 1px;
  display: block;
  float: left;
  font-size: 11px;
  font-weight: bold;
  color: #000;
  border-right: 1px #000 solid;
  margin-bottom: 5px;
  text-align: center;
}

.h2_detaily{
  position: relative;
  display: block;
  float: left;
  width: 350px;
  color: #000;
  border-bottom: 1px #999 dashed;
}

#podmenu
{
display: block;
float: left;
width: 350px;
height: 400px;
overflow: hidden;
border: 1px #999 dashed;
margin-top: 10px;
}

#podmenu dl
{
height: 400px;
width: 100%;
}

#podmenu div{
width: 280px;
height: 20px;
margin-bottom: 1px;
text-align: left;
padding-left: 5px;
}

.detaily_obsah
{
width: 340px !important;
height: 368px !important; 
position: relative;
float: left;
overflow: scroll;
font-size: 11px;
text-align: justify !important;
padding: 5px;
}

/* Opera 7+ */
@media all and (min-width: 0px) {

#podmenu
{
overflow: auto;
margin-top: -3px;
}

#obal
{
position: relative;
}

#podmenu dl.prvni
{
margin-top: 3px;
}

}
#hlavni_text{
  position: relative;
  float: left;
  width: 195px;
  margin-right: 5px;
  padding-right: 5px;
  margin-top: 10px;
  border-right: 1px #999 dashed;
}
#hlavni_data{
  position: relative;
  float: left;
  width: 140px;
  margin-top: 10px;
  font-size: 9px;
}