* {font-family: Verdana, Arial;}
body {text-align: center; margin: 15px 0;}
body div {text-align: left;}
#head img {border: none;}
#main {width: 780px; margin: 0 auto;}
#menu {width: 180px; float: left; position: relative; left: -15px; top: 25px;}
#menu ul {margin: 5px 0 0 0; padding: 0;}
#menu a {display: block; padding: 5px 8px 5px 15px; position: relative; text-decoration: none;}
#content {padding: 15px 15px 15px 185px;}
#copy {clear: both; text-align: center; font-size: 70%; padding: 3px 0; letter-spacing: 6px;}
h1, h2 {margin: 30px 0 10px 0; padding: 0;}
h1 {font-size: 120%; margin-top: 10px;}
h2 {font-size: 110%; padding-top: 30px;}
h3 {font-size: 100%; padding-top: 30px; margin-top: 30px; clear: both;}
p {margin: 6px 0; padding: 6px 0; clear: both;}
.mensi {font-size: 90%;}
#reference img {margin: 10px 23px;}
#reference p img {float: left; margin: 0 23px;}
#content li {padding-bottom: 3px;}


/* *****barvy***** */

body {background: #F0F0F0; color: #F0F0F0;}
#main {background: #333333 url(images/body.gif) repeat-x; border: solid 2px silver;}
#head {border-bottom: solid 2px silver;}
#menu a {border: solid 2px silver; background: #333333;}
#copy {color: #666666;}
a, ul {color: #FEC603;}
a:hover {color: #FE9103;}
h1, h2, h3 {color: white;}
h2, h3 {border-top: solid 1px white;}
#reference img {border: solid 1px #F0F0F0;}
li span {color: #F0F0F0;}
em {color: gray;}


@media print {

body {background: none; margin: 0;}
#main {width: 100%; border: none; background: none;}
#menu, #head {display: none;}
#content {padding: 0;}

}