* {margin:0; padding:0}
body {background:#e7e7e7 url(../img/bg.gif) center top repeat-x; color:#999; font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size:.8em; text-align:center; line-height:150%}
strong, a {color:#8d5c99; text-decoration:none}
h1 a, h2, h3 {color:#8d5c99; font-size:130%; margin:5px 0}
h3 {font-size:110%}
address {font-style:normal; margin:10px 0}
a img {border:0}

.smaller {font-size:80% !important}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.fl {float:left}
.fr {float:right}
.clear {clear:both}
.invisible {position:absolute; top:-10000px; left:0; height:1px; overflow:hidden}
.nomargin {margin:0 !important}
.ieonly {display:none}
img.fl {margin:0 10px 10px 0}
img.fr {margin:0 10px 0 10px}

#page {width:800px; position:relative; margin:10px auto 20px auto; text-align:left}
h1#header {position:absolute; top:0px; left:0px; width:286px; height:60px; overflow:hidden}
h1#header span {display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../img/logo.gif) no-repeat; z-index:1}

#title {position:absolute; top:80px; left:178px}
#title h2 {display:inline; padding:5px}
#title span {border-left:3px solid #8d5c99; padding:5px; font-size:70%; color:#999}

#menu {position:absolute; top:135px; left:4px; list-style-type:none; width:178px}
#menu li {display:block; width:100%; height:28px; margin:5px 0}
#menu a {display:block; width:100%; height:100%; color:#fff; font-weight:bold; background:url(../img/menuitem.gif) no-repeat; text-indent:20px; line-height:28px}
#menu a:hover, #menu a.active {color:#8d5c99; background:url(../img/menuitem-hover.gif) no-repeat}

#main {position:relative; top:120px; margin-left:182px; width:618px}
#main-top {height:9px; background:url(../img/main-top.gif) no-repeat}
#main-bottom {height:9px; background:url(../img/main-bottom.gif) no-repeat}

#content {background:#fff; padding:5px 20px 0 20px}
#content p {margin:5px 0}
#content a {text-decoration:underline}
#content img {margin:5px}
#content .hot-top {margin-top:10px; height:10px; background:url(../img/hot-top.gif) no-repeat}
#content .hot-bottom {margin-bottom:10px; height:10px; background:url(../img/hot-bottom.gif) no-repeat}
#content .hot {margin:0; padding:5px 10px 5px 10px; background:#8e5d9a url(../img/hot.gif) repeat-x; min-height:90px; color:#fff; font-size:120%; line-height:150%}
#content .foto {float:left; width:284px; height:115px; margin-bottom:10px; background:url(../img/foto_empty.jpg) no-repeat}
#content .lukas {background:url(../img/foto_lukas.jpg) no-repeat; margin-right:10px}
#content .martin {background:url(../img/foto_martin.jpg) no-repeat}
#content .jiri {background:url(../img/foto_jirka.jpg) no-repeat; margin-right:10px}
#content .alena {background:url(../img/foto_aja.jpg) no-repeat; margin-right:10px}
#content .jana {background:url(../img/foto_jana.jpg) no-repeat}
#content .jan {background:url(../img/foto_not.jpg) no-repeat}
#content .honza {background:url(../img/foto_honza.jpg) no-repeat}
#content .nikola {background:url(../img/foto_nikola.jpg) no-repeat; margin-right:10px}
#content .foto p {color:#ddd; margin-left:105px}
#content .foto a, #content .foto strong {color:#fff}
#content ul {margin-left:30px;}
#content blockquote {padding-left:30px; border-left:2px solid #8D5C99; font-style:italic}
#content div.bq-name {border-left:2px solid #8D5C99; text-align:right; font-style:italic; font-size:80%; color:#8D5C99}

#footer {margin:20px 0 0 0 !important; padding:2px 0; border-top:1px solid #eee; font-size:70%; text-align:right}
.small {font-size:65%;}