BODY {background-color: #000033; color: #0000cc; font-family: sans-serif; margin: 0px 2px 0px 0px;}
#main {background-color: #ffff33; width: 780px; border: 1px solid #33ccff; margin-left: auto;  margin-right: auto;}
#mainie {text-align: center;}

.stredtop {height: 100px; font-size: 95%; color: #0c09cc; background-color: #ffff33; font-family: arial; text-align: left; padding: 4pt 0pt 0pt 0pt;  margin: 0pt 0pt 0pt 0pt; border: 0px solid silver; }
.stredtit {font-size: 100%; color: #000080; height: 1.1em; background-color: #ffff99; font-family: arial; text-align: left; padding: 1px 0px 0px 3px;  margin: 0px; border: 0px solid silver; font-weight: bold;}
.stredtit:hover {color: #cc0000;}
.stred {width:600px; font-size: 95%; color: #000060; background-color: #ffdd00; font-family: courier monospace; text-align: left; padding: 5px;  margin: 0px 0px 0 146px; border: 1px solid silver; background-attachment: scroll; }
.rohhp {background-image: url(obr/rohhp.gif); background-repeat:no-repeat; background-position: top right;}
.rohhl {background-image: url(obr/rohhl.gif); background-repeat:no-repeat; background-position: top left;}
.stredtir {font-size: 70%; font-family: arial sans-serif; color: #9090c0; }
.stredkec {font-size: 90%;}
.stred2 {background: url(obdelnik.jpg); float: center; width: 800px; height: 55px}

.left {float: left; width: 140px; border-right: 0px solid silver; margin: 0px; padding: 4px 0px 4px 4px; background-color: #ffff33; color: #000066; text-align: center; font-size: 90%;}

.right {float: right; width: 180px; border-top: 1px solid silver; border-left: 0px solid green; margin: 0px; padding: 6px; background-color: #00003f; color: yellow;text-align: left;}

ul {margin-left: 1em;}
.lm { text-align: center; background-color:#3e0791;width:130px; margin:4px 0;padding:2px 0;}
.lm a {text-decoration:none;}
.marginobrL {margin-right: 4px;}
.marginobrR {margin-left: 4px;}
.marginobrT {margin-bottom: 4px;}
.pisdet {font-size: 90%}
.popfoto {font-size: 80%}
.odkl {color:#ffff00 ; font-weight: bold; font-size: 10pt;}
.odkl:hover {color: #00ffff;}
.galaut {font-size: 80%; font-weight: bold;}
.copyr {font-size: 80%;}
.odkkom {font-size: 80%; color: #66ffff;}
.popism {font-size: 80%; color: #000060;}
.knoflik {background-color: #000060; border: 2pt solid gray; border-left: 1pt solid blue; border-top: 1pt solid blue; color: white;font-family: arial,verdana,sans-serif; font-size: 8pt; font-weight: bold}
.pokr {color: #0000ff; font-weight: normal; font-size: 90%; padding: 1px 3px 2px 3px;}
.pokr:hover {color: #ffff00; background-color: #000060;}
.pstr {color:#000080 ; font-weight: normal; font-size: 80%; text-decoration: none;}
.pstr:hover {color:#ffff00 ; background-color: #000060;font-weight: normal; font-size: 80%; text-decoration: none;}
.imgram {border: 1px solid #000080;}
.nadpis {font-size: 150%; font-weight:bold;color: #ff9933;}
.sponzor {background-image: url(obr/stachsw.png); background-repeat:no-repeat; background-position: top left;}
.sponzor:hover {background-image: url(obr/stachsw1.png);}
.obrleft {margin: 1px 5px 1px 0px;}
.pocasim {font-size:75%;text-align: center;}
.pocasiv {font-size:100%; font-weight: bold; text-align: center;}
.webcamram {border: 4px ridge #ffff33;}
.obrm {border: 1px solid #000080;}