body {
  background: white url('./obrazky/body-back.jpg') top left repeat-x;
  font-family: "Trebuchet MS", Verdana, sans-serif;
}
.textbox 
{
  width: 900px;
  height: auto;
  border: 2px solid #4682b4;
  padding-bottom: 10px;
  border-radius: 10px;
}

h1 {
font-size: 35pt;
color: #4682b4;
margin-top: 10px;
margin-bottom: 10px;
text-shadow: 5px 5px 3px #adadad;
        
}

h2 {
font-size: 18pt;
font-style: italic;
color: #4682b4;
text-align: left;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 20px;
text-shadow: 5px 5px 3px #adadad;
}

p {
text-align: justify;
color: black;
font-weight: bold;
margin: 5px 5px 5px 5px;;
}

.cistic {
   clear: both;
   height: 1px;
   border: none;
   margin: 0 0 0 0;
   visibility: hidden;
   }

.obrazekvpravo {
border: 1px solid #4682b4;
float: right;
margin: 10px;
}

.obrazekvlevo {
border: 1px solid #4682b4;
float: left;
margin: 10px;
}
.obrazekuprostred {
border: 1px solid #4682b4;
text-align: center;
}

/* Styly pro menu */
#menu-box {background: #4682b4 repeat-x 0 0; width: 100%;}
#menu {width: 100%; margin: 0 auto;}

#menu li {
  float: left;
  display: inline;
  list-style-type: none;
  text-align: center;
}

#menu li a {
  text-decoration: none;
  color: #FFF;
  float: left;
  display: inline;
  line-height: 35px;
  padding: 0 18px;
  border-right: 1px solid #6E9DBE;
}

#menu li.first a {border-left: 1px solid #6E9DBE;}
#menu li a:hover, #menu li a.active {background-color: #133F5D;}

/* cistic pro menu */
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  content: ' ';
}