﻿body {
    margin:0;
    padding:0;
    /* background:#75ff75 url(img/bg-kapr.png); */
    background:#75ff75 url(img/bg.gif);
  }

#rybar {
    position:absolute;
    background: url(../img/rybář.png) no-repeat;
    width:500px;
    height:343px;
    top:50px;
    left:40px;
    z-index:-1;
  }
  
  #head {
    position:relative;
    background:#00ce00 url(img/hlavicka.jpg) no-repeat;  
    height:175px;
    padding:0;
    padding-bottom: 1px;
    margin:0;
    border-bottom:#008100 3px solid;
  }
  
  #head h1 {
    font-size:300%;
    font-family: "Comic Sans MS";
    color:white;
    margin:0;
    padding:0;
    padding-left:0.5em;
  }
      
  #page {
    width:1000px;
    margin: auto;
    height:auto;
    min-height:750px;
    border-left:#008100 1px solid;
    border-right:#008100 1px solid;
  }

  #obsah {
    position:relative;
    background:#afffaf 100% 0;
    padding:0;
    margin:0;
    width:100%;  /* IE */ 
  }  

  #main {
    position:relative;
    height:auto;
    min-height:750px;
    width:75%;
    float:left;
    font-family: "Comic Sans MS", sans-serif;
  }

  #main2 {
    position:relative;
    height:auto;
    min-height:750px;
    width:100%;
    float:left;
    font-family: "Comic Sans MS", sans-serif;
  }


  
  #nav {
    position:absolute;
    top: -47px;
    left: 10px;
    font-size:120%;
    font-family: "Comic Sans MS", sans-serif;
  }
      
  #nav ul {
    margin:0;
    padding:0;
    list-style:none;
    float:left;
  }
      
  #nav ul li {
    float:left;
    text-align:center;
  }


  #nav ul li a {
    display:block;
    text-decoration:none;
    min-width:100px;
    padding: 0.2em 0.5em;   
    margin-left:5px;
    color:#ffffff;
    float:left;    /* IE */
    border-bottom: 1px solid  #008100;
    border-right: 2px solid  #008100;
  }
  
  #nav ul li a:hover {
    text-decoration:underline;
    background: url(img/navigace-zelena.png);
  }
  
  #nav .aktiv a {
    background: url(img/navigace-aktiv.png);
  }
  
  
  #footer {
    clear:both;
    background:#008100;
    position:relative;
  }
      
  #footer p {
    text-align:right;
    font-size:90%;
    font-family: "Comic Sans MS", sans-serif;
    color:white;
    line-height:2em;
    padding-right:4em;
    margin:0;
  }
          
  #footer p a {
    color:white;
  }
      
  .cleaner {
    clear:both;
  }
  

 #uvod {
    position:relative;
    margin:10px;
    padding:0;
    font-family: "Comic Sans MS", sans-serif;
    font-size: 100%;
  }
  
  
  .autoright{
    float:right;
    margin-left:5px;
  }

  .autoleft{
    float:left;
    margin-right:5px;
  }
  
  img {
    border: 1px solid #afffaf;
  }
    
  h2, h3, p {
    color: #008100;
  }
  
  #uvod a {
    color: black;
    text-decoration:none;
    font-weight: bold;
  }
  
  #uvod a:hover {
    text-decoration:underline;
    }

  #miniGallery {
    position:absolute;
    right:10px;
    border: 1px solid #008100;
    margin: 5px 0;
    padding:5px;
    width:200px;
    min-height:677px;
    height: 677px;
    _height:677px;`
  }
  
  marquee  { 
    height:100%;
  }   
  
  marquee img {
    opacity:1;
    border:none;
  }

  marquee img:hover {
    opacity:1;
  }

  .cleaner {
    clear:both;
  }

  
      
  #paper {
    width:100%;
    margin: 0 auto;
    min-height:500px;
    _height:500px;  /* IE */
   
  }

#fotky {
    behavior: url(css/csshover.htc);
    margin:0;
    padding:0; 
    background: #afffaf;
  }   
   
  .fotka{
    float:left;
    margin-top: 20px;
    margin-left: 35px;
  }
   
  .fotka img{
    border: 1px solid #afffaf;
    opacity: 1;
  }

  .fotka img:hover {
    border: 1px solid #75ff75;
    opacity: 1;
  }
  
  
  #info {
    position:relative;
    margin:0;
    padding:0;
    font-family: "Comic Sans MS", sans-serif;
  }
  
  #ant {
    position:relative;
  }
    
  .autoright{
    float:right;
    margin-left:5px;
  }

  .autoleft{
    float:left;
    margin-right:5px;
  }
  
  img {
    border: 1px solid #afffaf;
  }
    
  h2, h3, p {
    color: #008100;
  }
 
  #info a {
    color: black;
    text-decoration:none;
    font-weight: bold;
  }
  
  #info a:hover {
    text-decoration:underline;
    }
    
  #info .center {
    text-align: center;
  }
  
  #rad {
    background: url(../img/pozadirad.png);
    padding: 0 10px;
    padding-bottom: 5px;
    margin-bottom: 10px;
  }
  
  #rad p, h3 {
    color: black;
  }


  #kontakt {
    position:relative;
    margin:10px;
    padding:0;
    font-family: "Comic Sans MS", sans-serif;
  }
  
  
  img {
    border: 1px solid #afffaf;
  }
   

  #kontakt a {
    color: black;
    text-decoration:none;
    font-weight: bold;
  }
  
  #kontakt a:hover {
    text-decoration:underline;
    }
