body, input, textarea, select {
  font-family: Verdana, Arial, Tahoma sans-serif;}

* html body #menu a {
   width:100%;}  

h1, h2, h3, h4 {
  margin: 2px 0px 5px 0px;} 
h4 {
  color: black;} 
 
body {
  margin: 2px;
  background-color: white;}

#nadpis_menu, #spodek, #text, #menu {
   color: #003399;}

p {
   margin: 2px 0px 8px 0px;
   font-size: 80%;
   color: #404040;}
table {
   margin: 2px 0px 8px 0px;
   font-size: 80%;
   color: #606060;
   width: 100%}
.topka {
  font-weight: bold;
  background-color: gray;
  color: white;
  }
.centr {
  text-align: center;}

#logo, #spodek, #stred  {
  width: 980px;}
#logo { 
  height: 262px;
  background: url('img/styl/vzh_logoj.jpg') no-repeat;}
  
    #vlajky {
      position: relative;
      top: 5px;
      left: 400px;
      height: 25px;
      width: 150px;}
    #vlajky img {
      border: 0px;}

    
    #slogan {
      position: relative;
      top: 32px;
      left: -30px;
      height: 25px;
      width: 400px;
      color: #407aac;}
    #slogan h1{
      font-weight: bold;
      font-size: 70%}
      

#stred {
  text-align: left;
  min-height: 800px;
  background: url('img/styl/vzh_stred.jpg') 50%;}
  
    #novinka {
      background-color: #ccffcc;
      padding: 10px;
      border: 2px solid #003399;
      width: 665px;}
      
    #text {
      background: url('img/styl/vzh_nadpis.jpg') 0% 0% no-repeat;
      padding: 110px 20px 5px 20px;
      height: auto;
      width: 680px;}
    #text h2 {
      font-size: 140%;}
    #text h3 {
      font-size: 100%;}
    #text h4 {
      font-size: 90%;}
        #text ul {
          color: black;
          font-size: 80%;}      
        #text li {
          margin: 0px 0px 0px 20px;}
    
    #navigace {
      clear:both;
      text-align: center;
      font-weight: bold;
      vertical-align: middle;}
    #navigace img{
      vertical-align: text-top;
      border: 0px;}
    
    
    
    
    #menu {
      position: relative;
      padding: 10px 0px;
      top: 0px;
      right: 0px;
      width: 253px;
      font-weight: bold;
      font-size: 80%;
      float: right;
      background: url('img/styl/vzh_menu.jpg') 50% 0% no-repeat;}
   #menu a {
      display: block;}
   #menu a:hover {
      color: #000099;}
      #menu ul {
        display: block;
        list-style: none;
        color: #00ff00;}      
      #menu li {
        display: block;
        width: 170px;
        padding: 6px 0px;
        border-bottom: 1px dashed #d0d0d0;}
      #menu li a {
        display: block;
        text-decoration: none;
        color: white;}
      #reklama {
        padding: 70px 10px 10px 10px;
        height: 260px;
        color: white;}
      #reklama img {
        border: 1px solid white;}  
    .delic {
      clear:both;
      height: 5px;} 
  
      
#spodek {
  text-align: left;
  font-size: 80%;
  height: 93px;
  clear: both;
  background: url('img/styl/vzh_spodek.jpg') 50% no-repeat;}
    
    #podpis {
      position: relative;
      top: 25%;
      left: 2%;
      height: 25px;
      width: 400px;}
    #tlacitka {
      position: relative;
      top: 10px;
      left: 665px;
      height: 40px;
      width: 180px;}
    #tlacitka img {
      padding: 0px 5px;
      border: 0px;}

#info {display: none;}

div.fotka{
  display: block;  
  text-align: center;
  padding: 5px 15px;}
div.fotka img{
  border: 2px solid gray;}

.left {
  float: left;
  }