body {
color:#336699;
background-color:#b3cce6;
border:solid 1px #336699;
border-radius: 10px;
margin:10px 5px;
padding:12px;
}
h1 { border:solid 1px #336699;
 padding: 20px;
border-radius: 10px;
 color:#b3cce6;
    background-color:#336699;
    text-align: center;
    
}
h2 { border:solid 1px #336699;
padding: 10px;
border-radius: 10px;
 color:#b3cce6;
    background-color:#336699;
    text-align: center;
    clear:both;
}
p { clear:both;
border:solid 1px ;
border-radius: 10px;
padding:8px;
color:#336699;
background-color:#b3cce6;
text-align:justify;
text-indent:2mm;
}
p2 { border:solid 1px #336699;
border-radius: 10px;
 color:#b3cce6;
    background-color:#336699;
    padding:6px;
    font-size:10pt;
    
    }
    
header {
    
    color:#b3cce6;
    background-color:#336699;
    text-align: center;
    padding: 10px;
    border-radius: 10px;
}
p.cervena { color:red;}
p.skrt {text-decoration:line-through;}
p.tlust{font-weight:bold;}
p.prostredek{text-aling:center;}

img{
float:right;
border: solid 1px white;
margin: 4px 12px 4px 0;




}
img.levy{
float:left;
}
img.pravy{
float:right;
}
div.pokus{
margin-left:200px;
padding:12px;
}
img#logo {
  border:solid 2px black;
  position:absolute; left:20px; top:20px;
  /* left...zleva top...shora */