body {
background-color: #ccc;
margin: 0px;
font-family: "Arial CE", "Helvetica CE", Arial, sans-serif;
font-size: 13px;
text-align: left;
}

h1 {font-size: 17px; margin: 9px 0px;}
h2 {font-size: 15px; margin: 9px 0px; clear: both;}
h3 {font-size: 13px; margin: 9px 0px; clear: both;}
p {text-align: justify;}
span {color: #335070;}
#celek {
margin: 15px;
width: 800px;
}

.doprava {text-align: right;}
.obrazekvlevo {float: left; margin-right: 10px;}
.obrazekvpravo {float: right; margin-left: 10px;}

/* menu menu menu menu */
/* menu menu menu menu */
/* menu menu menu menu */

#menu {
margin: 20px 15px 27px;
position: relative;
background: transparent; /* #303f2f url("travnik2.jpg") repeat-x right; */
border: 0px solid #000;
height: 51px;
width: 900px;
font-family: "Arial CE", "Helvetica CE", Arial, sans-serif;
font-size: 12px;
padding:0px;
text-align: justify;
}

#menu img {border: 0px; margin: 0px; float: left;}

#menu a {
border: 1px solid black;
background-color: #333333;
color: white;
text-decoration: none;
margin: 0px 0px;
padding: 0px 12px;
height: 15px;
display: block;
float: left;
}

#pruh1 {position: absolute; top: 0px; left: 76px; background-color: transparent; height: 15px; width: 825px; text-align: left; border: 0px solid black; line-height: 15px;}
#pruh1 a {background-color: #114384; /*  #37757a; */}
#pruh1 a:hover {background-color: #eee; color: #777;}

#pruh2 {position: absolute; top: 17px; left: 76px;  height: 15px; width: 825px;border: 0px solid black; line-height: 15px;}
#pruh2 a {background-color: #c9588f; /* #466c77;*/ }
#pruh2 a:hover {background-color: #eee; color: #777;}

#pruh3 {position: absolute; top: 34px; left: 76px; background-color: transparent; height: 15px; width: 825px;border: 0px solid black; line-height: 15px;}
#pruh3 a {background-color: #cc3f4d; /* #6b7c75; */}
#pruh3 a:hover {background-color: #eee; color: #777;}

#titulek1 {position: absolute; top: -15px; left: 0px; letter-spacing:0.5em; line-height: 15px;}
#titulek2 {position: absolute; top: 51px; left: 0px; letter-spacing:0.3em; line-height: 15px;}
#foto {position: absolute; top:0px; left:0px; background: #303f2f url("menu.jpg") no-repeat left; height: 51px; width: 76px;}
/* menu menu menu menu -konec */
/* menu menu menu menu -konec */
/* menu menu menu menu -konec */



/* virtualni ctenarsky denik - formatovani textu vybrane knihy */
#vybrana_kniha {
font-family: "Courier New CE", "Courier CE", "Courier New", courier, monospace;
font-size: 13px;
margin-top: 15px;
text-align: justify;
}

#skladatele {line-height: 22px;}
#skladatele a {
background: #456; color: #fff; margin: 1px; text-decoration: none;
border-right: 8px solid #456; border-left: 8px solid #456;
}
#skladatele a:hover {
background: #fff; color: #000; margin: 1px; text-decoration: none;
border-right: 8px solid #fff; border-left: 8px solid #fff;
}

#celek p.den {margin-bottom: 32px;}
#celek p.den a {color: #aaaacc;}
#celek p.den a img {border: 1px solid #777; margin: 2px;}

#celek p#navigace_mesice {text-align: left;}
#celek p#navigace_mesice a {color: #aaaacc;}
#celek p#navigace_mesice a:hover {color: #4564b3;}

#celek #spriznene_linky {position: absolute; top: 160px; left: 840px; width: 300px; height: 100px; border: 0px solid #000; text-align: left;}
#celek #spriznene_linky a {color: #fff;}
#celek #spriznene_linky a:hover {color: #4564b3;}