html,body { margin: 0; padding: 0; }
body { font-size: 62.5%; font-family: Arial, Verdana, Helvetica, sans-serif; background: #000c38 url(../i/bg.jpg) repeat-x fixed 0 -206px; text-align: center; }
.flr { float: right; }
.fll { float: left; }
.h { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; display: block; }
#o0 { background-image: url(../i/bg.png); background-position: 100% 0; text-align: left; width: 880px; margin: 0 auto; padding: 0; }
#o,#f { color: #369; background-color: #fff; text-align: left; width: 870px; padding: 0; border-top: 3px solid #9db1d0; }
#o { overflow: visible; margin: 0 0 0 5px; }
h1,h2,h3 { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; }
h1 { color: #369; font-size: 1.6em; line-height: 31px; height: 31px; margin: 0 0 5px; padding: 0; }
h1 span { line-height: 29px; background-image: url(../i/bg.gif); background-repeat: no-repeat; background-position: -22px 0; display: block; padding: 0 15px 2px 222px; height: 31px; }
h2,h3 { color: #369; font-size: 1.5em; margin: 3ex 15px 1ex 0; }
h3 { font-size: 1.3em; margin-top: 1ex; }
p { font-size: 1.2em; line-height: 1.4em; text-align: justify; margin: 0 18px 10px 0; padding: 0; }
ul, ol { margin: 0 18px 10px 0; padding-left: 2.7em; }
li { font-size: 1.2em; line-height: 1.3em; list-style-type: square; }
ol { padding-left: 3em; }
ol li { list-style-type: decimal; }
a:link, a:visited { color: #369; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }
a[href^="http:"] { background: url(../i/ex.gif) no-repeat 100% 0; padding-right: 10px; }
a[href^="http://www.dasoto.cz"], a[href^="http://dasoto.cz"] { background-image: none; padding-right: 0; }
a[href^="mailto:"] { background: url(../i/e-m.gif) no-repeat 100% 50%; padding-right: 18px; }
a[href^="aim:"] { background: url(../i/im.png) no-repeat 100% 50%; padding-right: 15px; }
a[href$=".pdf"] { background: url(../i/pdf.gif) }
a[href$=".txt"] { background: url(../i/txt.gif) }
a[href$=".doc"] { background: url(../i/doc.gif) }
a[href$=".xsl"] { background: url(../i/xsl.gif) }
a[href$=".rss"], a[href$=".rdf"] { background: url(../i/rss.gif) }
a[href$=".pdf"], a[href$=".txt"], a[href$=".doc"], a[href$=".xsl"], a[href$=".rss"], a[href$=".rdf"] { background-repeat: no-repeat; background-position: 100% 50%; padding: 1px 18px 1px 0; }
img { display: block; }
#o0:after,#o:after,#f:after,#sm ul ul:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
#mc { position: relative; width: 632px; float: left; margin: 313px 5px 0 233px; padding: 0; display: inline; }
div.fll, div.flr,a.fll, a.flr { color: #369; background-color: #cfe747; background-image: url(../i/sf.gif); margin: 4px 15px 4px 0; padding: 9px; border: solid 1px #bbd63f; }
div.flr,a.flr { margin: 4px 18px 4px 15px; }
div.fll img, div.flr img, a.fll img, a.flr img, a.fll:hover img, a.flr:hover img { background-color: #f2f6ec; border: solid 1px #fff; }
a.fll img, a.flr img { border: solid 1px #069; }
#mc blockquote { font-size: 1.46em; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1em; background-color: #f2f6ec; background-image: url(../i/bg.gif); background-repeat: no-repeat; background-position: -991px 0; text-align: center; word-spacing: -0.1ex; letter-spacing: -0.05ex; width: 284px; margin: 0.4ex 18px; padding: 0; }
#mc blockquote { background-color: #f5f8f0; }
#mc blockquote p { color: #369; background-image: url(../i/bg.gif); background-repeat: no-repeat; background-position: 222px 100%; text-align: center; width: auto; margin: 0 20px; padding: 13px 0 5px; }
#mc blockquote p.auth { color: #bed634; background-image: url(../i/bg.gif); background-position: -1275px 100%; margin: 0; padding: 0 0 7px; }
#f { font-size: 1.2em; line-height: 31px; background-color: transparent; background-image: url(../i/bg.png); text-align: left; width: 880px; height: 37px; margin: 0 auto 10px; padding: 10px 0 6px; border: 0; }
#f div { background-image: url(../i/bg.jpg); text-align: right; margin: 0 13px; padding: 0; }
#f div span { line-height: 31px; background-image: url(../i/bg.gif); background-repeat: no-repeat; background-position: -22px 0; height: 31px; margin: 0; padding: 0 15px; display: block; }
#f div b { font-weight: bold; background-image: url(../i/lm.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 13px; }
#f #t { background-color: #f2f6ec; background-image: none; position: absolute; top: 0; width: 854px; height: 254px; z-index: 2; margin: 9px 0 0 13px; }
#m { font-weight: bold; text-align: left; position: relative; top: 0; width: 203px; overflow: visible; float: left; margin: 319px 0 0 -862px; display: block; }
#m b { background-image: url(../i/ob.png); background-repeat: no-repeat; background-position: 0 0; text-indent: -999px; width: 203px; height: 20px; display: block; }
#m ul { background-image: url(../i/ob.png); background-repeat: no-repeat; background-position: 0 0; width: 203px; margin: 0; padding: 20px 0 0; }
#m ul li { font-size: 1.4em; line-height: 1.4em; background-color: #cfe747; width: 203px; float: left; clear: left; list-style-type: none; border-top: 1px solid #daed71; border-bottom: 1px solid #bed634; }
#m ul li:hover { color: #069; background-color: #bed634; }
#m ul li a { color: #369; line-height: 2em; text-decoration: none; width: 183px; padding: 0 0 0 20px; display: block; }
#m ul li a:hover { color: #069; }
#m ul li.e a,#sm ul ul li.e a { border-bottom: 1px solid #daed71; }
#m li.s a { background-image: url(../i/sr.png); background-repeat: no-repeat; background-position: 178px 50%; }
#m ul li.e { background-image: url(../i/ob.png); background-repeat: no-repeat; background-position: 100% 100%; padding-bottom: 20px; border-bottom-style: none; border-bottom-width: 0; }
#m ul ul { position: absolute; width: 203px; height: auto; margin-top: -3.5em; margin-left: 203px; border-left: 1px solid #fff; display: none; }
#m ul ul li { font-size: 1em; line-height: 1em; }
#m ul li.s ul li a,#sm ul li.s ul li a { background-image: none; }
#m ul ul li.e { background-image: url(../i/ob.png); background-repeat: no-repeat; background-position: 100% 100%; padding-bottom: 20px; }
#m ul li:hover ul { display: block; }
#sm { font-weight: bold; background-color: #cfe747; background-image: url(../i/bg.jpg); position: absolute; top: 268px; width: 854px; height: 31px; margin: 0 13px; padding: 0; }
#sm b { background-image: url(../i/bg.gif); background-position: -22px 0; text-indent: -9999px; position: absolute; width: 854px; height: 31px; z-index: 0; overflow: hidden; display: block; }
#sm .s a { background-image: url(../i/sd.png); background-repeat: no-repeat; background-position: 174px 50%; padding-right: 15px; }
#sm ul { position: absolute; height: 31px; margin: 0 0 0 225px; padding: 0; border-right: 1px solid #daed71; border-left: 1px solid #bed634; }
#sm ul li { font-size: 1.4em; line-height: 31px; background-color: #cfe747; background-image: url(../i/bg.jpg); background-position: 0 0; width: 202px; float: left; border-right: 1px solid #bed634; border-left: 1px solid #daed71; list-style-type: none; display: block; }
div#sm ul li:hover { color: #069; background-color: #bed634; background-position: 0 -48px; border-right-color: #aac221; border-left-color: #d1e947; }
#sm ul li a { color: #369; text-decoration: none; text-align: center; height: 31px; padding: 0 15px; display: block; }
#sm ul li a:hover { color: #069; }
#sm ul ul { position: absolute; width: 203px; height: auto; margin-left: 0; border-style: none; border-width: 0; display: none; }
#sm ul li:hover ul { border-style: none; border-width: 0; display: block; }
div#sm ul ul li { font-size: 1em; line-height: 1.4em; background-image: none; position: relative; width: 203px; height: auto; border-bottom: 1px solid #bed634; border-top: 1px solid #daed71; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; display: block; }
#sm ul ul li:hover {  }
div#sm ul ul li.e { background-image: url(../i/ob.png); background-repeat: no-repeat; background-position: 100% 100%; padding-bottom: 20px; border-bottom-style: none; border-bottom-width: 0; }
#sm ul li.s ul li a { line-height: 1.4em; text-align: left; height: auto; padding: 4px 20px; display: block; }
#sm ul li.s ul li a:hover { padding: 4px 13px 4px 17px; }
#sm ul li.s ul li a:hover { padding: 4px 20px; }
/* ANKETA */
#ank { background-image: url(../i/an.png); background-repeat: repeat-y; background-position: -203px 0; width: 203px; float: left; margin-top: 20px; margin-left: 0; padding: 0; }
* html #ank { overflow: hidden; }
#ank h3 { font-size: 1.5em; line-height: 31px; background-image: url(../i/an.png); text-align: center; width: 203px; height: 31px; margin-top: 0; padding: 0; }
#ank h3 span { font-weight: normal; position: absolute; left: -9999px; }
#m #ank li:hover { background-color: transparent; }
#m #ank ol { background-color: transparent; background-image: none; margin-bottom: 0; margin-left: 56px; padding: 0; }
* html #m #ank ol { margin-left: 45px; padding-left: 0; }
#m #ank ol li { color: #9c0; font-size: 1.2em; font-weight: bold; line-height: 1em; background-image: url(../i/an.png); background-repeat: no-repeat; background-position: -630px 100%; text-indent: -17px; float: none; margin-top: 1ex; margin-left: -35px; padding: 0 0 1em; border-style: none; border-width: 0; list-style-position: inside; }
* html #m #ank ol li { width: 203px; float: left; clear: left; margin-left: 0; list-style-position: outside; display: block; }
#m #ank ol li span { color: #369; font-weight: normal; }
#m #ank ol li.sub { background-image: none; }
#m #ank ol ul { color: #369; background-color: transparent; background-image: none; margin-left: -18px; padding-top: 0; padding-left: 0; }
* html #m #ank ol ul { margin-left: -41px; }
#m #ank ol ul li { font-size: 1em; background-color: transparent; background-repeat: no-repeat; background-position: -609px 100%; text-indent: 0; width: 201px; float: none; margin: 0 0 0 -4px; padding: 0; list-style-type: none; }
* html #m #ank ol ul li { list-style-type: none; list-style-position: inside; }
#m #ank a { font-size: 1em; font-weight: bold; background-color: transparent; background-image: none; text-decoration: none; position: relative; z-index: 3; margin-top: 0; margin-left: 0; padding-top: 0; padding-bottom: 8px; padding-left: 0; }
#m #ank a:hover { background-color: transparent; text-decoration: underline; }
#m #ank ol li ul li a { padding-left: 23px; }
#m #ank li b { color: #369; font-size: 0.8em; background-color: transparent; background-image: none; text-align: right; text-indent: 0; position: absolute; width: 183px; z-index: 2; margin-top: -1.2em; margin-left: -23px; padding-bottom: 7px; display: block; }
#m #ank ul li b { margin-top: -2.4em; margin-left: 0; padding-bottom: 7px; }
* html #m #ank ul li b { margin-top: -2em; }
#m #ank i { background-image: url(../i/an.png); background-repeat: no-repeat; background-position: -812px 100%; position: absolute; height: 10px; z-index: 2; margin: 2px 0 0 1px; padding: 0; display: block; }
#m #ank ul i { margin: -10px 0 0 22px; padding: 0; position: absolute; z-index: 2; width: 20px; height: 10px; }
* html #m #ank ul i { margin-top: -15px; }
#m #ank p { font-weight: normal; background-image: url(../i/an.png); background-repeat: no-repeat; background-position: -406px 100%; text-align: center; width: 100%; margin-top: 15px; margin-bottom: 0; padding-bottom: 5px; }
#m #ank p b { background-image: none; position: relative; display: inline; }
#toplist {float: left; margin-top: 20px; margin-left: 56px; padding: 0;}