/* CSS Document */

/* cely dokument */
body {font-size: 12pt;
font-family: serif;
background-color: #ffb;
}
a {color: #c30;} 
a img {border: 0;}
h1 {color: #039;
font-size: 24pt;}
h1.nadpis {color:#4a2;
text-align: center;
margin: 1em;}
h2 {color: #039;
font-size: 12pt;
text-decoration: underline;
margin: 1em 0 0.5em 2em;}
h3 {font-size:16pt;
color: #039;
text-align: center;
margin: 1em 0 0.5em;}


/*zahlavi */
#logo {display: block;
background-color: white;
background-image: url("img/logo.gif");
background-repeat: no-repeat;
background-position: center center;
margin: 0 0 0.5em 0;
padding: 1.5em;
border: 1px solid yellow;
text-align: center;}
#logo a {color: #039;
font-size: 24pt;
font-weight: bold;
}
#logo a img {border: none;}


/* Obsah */
#obsah {display:block;
height: 700px;
overflow: hidden;
background-color: white;
background-image: url("img/pozadi.gif");
border: 1px solid yellow;
font-weight:bold;
}
#pismo p {margin: 0.5em;
text-align: justify;
text-indent: 3em;}
.plav {clear: left;}
.schova, hr {display:none;}

/*navigace*/
#navigace {display: block; width: 150px;}
#navigace a{display: block; height: 130px; width: 150px; margin:0; padding> 0;}
#navigace a#akt {background: url("uvod/aktualne.gif") 0 0 no-repeat;
position: relative; left: 250px; top: 30px}
#navigace a#akt:hover {background-position: -150px 0;}
#navigace a#onas {background: url("uvod/o_nas.gif") 0 0 no-repeat;
position: relative; left: 135px; top: -35px;}
#navigace a#onas:hover {background-position: -150px 0;}
#navigace a#cesty {background: url("uvod/nase_cesty.gif") 0 0 no-repeat;
position: relative; left: 135px; top: -35px;}
#navigace a#cesty:hover {background-position: -150px 0;}
#navigace a#foto {background: url("uvod/fotogalerie.gif") 0 0 no-repeat;
position: relative; left: 365px; top: -305px;}
#navigace a#foto:hover {background-position: -150px 0;}
#navigace a#odkaz {background: url("uvod/odkazy.gif") 0 0 no-repeat;
position: relative; left: 365px; top: -305px;}
#navigace a#odkaz:hover {background-position: -150px 0;}
#navigace a#knihy {background: url("uvod/knihovnicka.gif") 0 0 no-repeat;
position: relative; left: 250px; top: -370px;}
#navigace a#knihy:hover {background-position: -150px 0;}


/*Ikomky*/
#ikonky a img{ width: 88px; height: 31px;
border: 0;}
#ikonky {display: block;
height: 60px;
width: 80%;
float: left;
margin: 0 2em 0 0;}


/*Zapati*/
.poznamka {display: block;
margin: 1em 0;
font-size: 10pt;
color: grey;
text-align: center;}