/* CSS Document */
/** {border: 1px solid black;}*/
/* 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;}

/*navigace */
#navigace {
float:left; text-align: center;
background-color: white;
border: none;
width: 155px;
margin: 0 0.5em 0 0;
}
#menu {border: 1px solid yellow;}
#navigace a {display: block;
text-align: center;
font-weight:bold;
text-decoration: none;
font-size: 12pt;
padding: 0.2em 0 0.2em 0.2em;
margin: 0.2em 0;
border: 1px solid #4a2;
border-left: 0.5em solid #888;
background-color: #4a2;
color: white;
width: 140px;
}
#navigace a:hover {background-color: #ed3;
border: 1px solid #ed3;
border-left: 0.5em solid #f60;}
#navigace a.rodina {border: 1px solid #5c4;
background-color: #5c4; color: white;
border-left: 0.5em solid #aaa;}
#navigace a.rodina:hover{background-color: #ff3;
border: 1px solid #ff3;
border-left: 0.5em solid #f93;}

/* Obsah */
#obsah {display:block;
height: 720px;
overflow: scroll;
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;}

/* obrazky */

.radek {display: block;
float: left;
margin-left: 1em;}

.obrazek {display: block;
width: 160px;
text-align: center;
float:left;
margin: 1em 0.3em 0 0.3em;
}

p.obrazek{ text-indent: 0;
font-size: 11pt;
}

img.obrh {width:150px; /*mensi obrazky*/
height:100px;}
img.obrv {width: 75px;
height: 100px;}
img.nev {width:150px;
height:100px;
visibility: hidden;}
p.nev {visibility: hidden;}
img.velh {width: 180px;  /*vetsi obrazky*/
height: 150px;
margin: 1em 20%;
}
img.velv {width: 100px;
height: 150px;
margin: 1em 30%;
}
img.pf {width: 75px;
height: 100px;
margin: 1em 30%;
}

/* Nahoru */
.nahoru a {
display: block;
 clear: left;
 text-align: center;
text-decoration: none;
font-weight: bold;
font-size: 14pt;
margin: 2em 0 0.5em;
color: #4a2}

/*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;}

/*anketa*/
#anketa {padding-top: 1em;
background-color: #ffb;
}

/*seznamy*/
#udaj em {display:block;
font-style: normal;
color:#039;
padding: 0;
margin: 0 1em 0 4em;
}
h3.seznam {font-size: 12pt;
text-decoration: underline;
color:black;}
#pismo ul {text-indent: 0;}
li {list-style-image: url("img/odrazka.gif");
padding: 0 0 0 1em;
margin: 0;}
li.prvni {margin: 1em 0 0 0;}
#index li {margin: .5em 0 0 0;}

/*Odkazy*/
.tab a {display: block; 
width: 180px;
float: left;
}
.tab p {text-indent: 0.5em;
margin :0 0 0 1em;}

/*cesty*/
.mini {width: 60px;
height: 40px;
float:left;
margin: 0.5em 1em 0.5em 1em;}
#popis p {display:block;
margin-top: 0.5em; height: 2em;}
#popis p.prvni {display:block;
margin-top: 1em;
height: 2em;}

/*Knihy*/
img.knihy {width: 70px;
height: 90px;
float: left;
margin: 1em 2em 1em 1em;}
#knihovna p,h2 {margin-left: 1em;}
#knihovna h2 {text-indent: 0;
margin: 1em 1em 0 1em;}
p.autor {color: #039;
margin: 0 1em;}
#knihovna p.prvni {text-indent: 1em; 
margin-top: 1em;}