body { color: #000000; margin: 0; padding: 0; font-family: Verdana ; font-size: 13px; min-width: 1024px; line-height: 130%;}
A:link, A:visited, A:active { text-decoration: none; color: #c85000; font-weight:bold;}
A:hover { text-decoration: underline; color: #db9044;}
H2 { letter-spacing: 2px; padding: 3px; text-align: center;}
H2.prirodoveda, H3.prirodoveda { background-color: #6d9864; color: #d1f9c9; text-align:center;}
H2.pocitace, h3.pocitace { background-color: #6173d4; color: #cef4ff; text-align:center;}
H2.vytvarne, H3.vytvarne { background-color:#E4292D; color:#FDC4C2; text-align:center;}
H2.sport, H3.sport {background-color:#DFDF00; color:#FFFED2; text-align:center;}
H2.tanec, H3.tanec {background-color:#c85000; color:#FFFEDF; text-align:center;}
H2.hudebni, H3.hudebni {background-color:#FF690E; color:#FFCC99; text-align:center;}
H2.externi, H3.externi {background-color:brown; color:#FFFEDF; text-align:center;}
H2.onas, H3.onas {background-color:#8F1CF3; color:#DACEF3; text-align:center;}
IMG { margin: 5px;}
H3 { font-size:18px;}
H4 {  font-size:13px;}
H4.tanec {color:#c85000; text-align:left; margin-left:20px; text-decoration:underline; }
H4.odskok_onas { margin-left: 20px;}
#logo_ddm { position: absolute; top: 5px; left: 40px; width: 114px; height: 80px; background-image: url('../images/logo_ddm.gif');}
#logo { position: absolute; top: 5px; left: 194px; width: 613px; height: 80px; }
#o_nas { position: absolute; top: 115px; left: 460px; width: 75px; height: 40px; z-index:3;}
#o_nas_obr { position: absolute; top: 85px; left: 535px; width: 213px; height: 60px; }
#aktuality { position: absolute; top: 150px; left: 435px; width: 149px; height: 40px; z-index: 2;}
#aktuality_obr { position: absolute; top: 135px; left: 185px; width: 230px; height: 46px;}
#oddeleni { position: absolute; top: 185px; left: 452px; width: 104px; height: 40px; z-index: 4;}
#oddeleni_obr { position: absolute; top: 169px; left: 550px; width: 219px; height: 70px; }
#krouzky { position: absolute; top: 225px; left: 453px; width: 92px; height: 37px; z-index:3;}
#krouzky_obr { position: absolute; top: 205px; left: 208px; width: 230px; height: 75px;}
#kurzy { position: absolute; top: 260px; left: 465px; width: 61px; height: 35px; z-index:3;}
#kurzy_obr { position: absolute; top: 240px; left: 520px; width: 292px; height: 69px;}
#akce { position: absolute; top: 295px; left: 455px; width: 102px; height: 37px; z-index:3;}
#akce_obr { position: absolute; top: 260px; left: 208px; width: 230px; height: 84px;}
#tabory { position: absolute; top: 330px; left: 450px; width: 83px; height: 37px; z-index: 3;}
#tabory_obr { position: absolute; top: 310px; left: 530px; width: 240px; height: 70px; }
#fotogalerie { position: absolute; top: 368px; left: 425px; width: 154px; height: 35px; z-index: 2;}
#fotogalerie_obr { position: absolute; top: 340px; left: 190px; width: 214px; height: 65px;}
#dotazy { position: absolute; top: 400px; left: 430px; width: 149px; height: 37px; z-index:3;}
#dotazy_obr { position: absolute; top: 380px; left: 580px; width: 195px; height: 59px; }
#inzeraty { position: absolute; top: 435px; left: 445px; width: 114px; height: 37px; z-index:3;}
#inzeraty_obr { position: absolute; top: 425px; left: 205px; width: 214px; height: 65px;}
#odkazy { position: absolute; top: 470px; left: 455px; width: 95px; height: 37px; z-index:3;}
#odkazy_obr { position: absolute; top: 455px; left: 550px; width: 230px; height: 59px;}
#kontakty { position: absolute; top: 500px; left: 280px; width: 600px; height: 130px;}
#stred { position: absolute; background-color: #000000; left: 500px; width: 1px; height: 580px; z-index: 10;}
#menu { position: absolute; top: 100px; left: 10px; height: 360px; width: 141px;}
/****************************************/
/* obsah str?nek                        */
/****************************************/
#obsah { position: absolute; top: 100px; left: 200px; width: 750px; padding: 1em; clear:both;}
#obsah H3 { margin-top: 0px; margin-bottom: 30px;}
#obsah H3.co{ margin-top: 20px; margin-bottom: 20px; text-align: center; background-color: #6173d4; color: #cef4ff;}
#obsah H2.inzerat, #obsah H3.inzerat {margin-top: 20px; margin-bottom: 20px; color:#FFFEDF; background-color:#c85000; text-align:center;}
#obsah H3 .odskok_oddeleni { margin-left: 188px;}
#obsah H4.uroven { margin-top: 10px; margin-bottom: 10px; text-indent: 30px; text-decoration: underline; color: #465cd4;}
#obsah H4 .odskok_spravce { margin-left: 333px; color:#000000;}
#obsah H4 .odskok_krouzky { margin-left: 130px; color:#000000;}
#obsah P { text-align: justify; text-indent: 0px; margin-top: 15px; margin-bottom: 0px;}
#obsah OL, UL { margin-top: 10px; margin-bottom: 10px; text-align:justify;}
#obsah LI { margin-top: 2px; text-align:justify;}
#vyber_oddel {margin-left: 0px;margin-right: 0px;margin-top: 0px;margin-bottom: 60px;width: 750px;}
*html #vyber_oddel {margin-bottom: 30px;}
.externi_menu, .pocitace_menu, .prirodoveda_menu, .sport_menu, .vytvarne_menu, .estetika_menu, .tanecni_menu, .hudebni_menu {padding-left: 5px;padding-right: 5px;font-size:16px;font-weight: bold;float:left; margin-bottom: 5px;}
/*.sport_menu {width: 70px;};
*html .sport_menu {width: 70px;}
.vytvarne_menu {width: 100px;}*/ 
.pocitace_menu A:link, .pocitace_menu A:visited, .pocitace_menu A:active { background-color: #cef4ff; color: #6173d4; text-decoration: none;}
.pocitace_menu A:hover { background-color: #6173d4; color: #cef4ff; text-decoration: none;}
.prirodoveda_menu A:link, .prirodoveda_menu A:visited, .prirodoveda_menu A:active { background-color:#d1f9c9; color:#6d9864; text-decoration: none;}
.prirodoveda_menu A:hover { background-color: #6d9864; color: #d1f9c9; text-decoration: none;}
.sport_menu A:link, .sport_menu A:visited, .sport_menu A:active {background-color:#FFFED2;color:#DFDF00;text-decoration: none;}
.sport_menu A:hover {background-color:#DFDF00;color:#FFFED2;text-decoration: none;}
.vytvarne_menu A:link, .vytvarne_menu A:visited, .vytvarne_menu A:active {background-color:#FDC4C2;color:#E4292D;text-decoration: none;}
.vytvarne_menu A:hover { background-color:#E4292D; color:#FDC4C2; text-decoration: none;}
.tanecni_menu A:link, .tanecni_menu A:visited, .tanecni_menu A:active {text-decoration: none;background-color:#FFFEDF; color:#c85000;}
.tanecni_menu A:hover {text-decoration: none; background-color:#c85000; color:#FFFEDF;}
.hudebni_menu A:link, .hudebni_menu A:visited, .hudebni_menu A:active {text-decoration: none;background-color:#FFCC99; color:#FF690E;}
.hudebni_menu A:hover {text-decoration: none; background-color:#FF690E; color:#FFCC99;}
.externi_menu A:link, .externi_menu A:visited,.externi_menu A:active {text-decoration: none;background-color:#FFFEDF; color: brown;}
.externi_menu A:hover {text-decoration: none; background-color:brown; color:#FFFEDF;}
.sport_krouzky, .vytvarne_krouzky, .prirodovedne_krouzky, .esteticke_krouzky, .pocitacove_krouzky { font-weight: bold; font-size: 16px; text-decoration: underline; }
.pocitacove_krouzky, .pocitacove_kruhy h5 { color:#6173d4;}
.sport_krouzky, .sport_kruhy h5 { color: #dfdf00;}
.tanec_kruhy h5, .inzerat h5 { color: #c85000;}
.vytvarne_krouzky, .vytvarne_kruhy h5 { color: #E4292D;}
.prirodovedne_krouzky, .prirodovedne_kruhy h5 { color: #6d9864;}
.esteticke_krouzky, .hudebni_kruhy h5 { color:#FF690E;}
.externi_krouzky, .externi_kruhy h5 { color:brown;}  
.pocitacove_kruhy h5 A:link, .pocitacove_kruhy h5 A:visited, .pocitacove_kruhy h5 A:active, .pocitacove_kruhy h5 A:hover { color:#6173d4; text-decoration: none;}
.sport_kruhy h5 A:link, .sport_kruhy h5 A:visited, .sport_kruhy h5 A:active, .sport_kruhy h5 A:hover { color: #dfdf00; text-decoration: none;}
.tanec_kruhy h5 A:link, .tanec_kruhy h5 A:visited, .tanec_kruhy h5 A:active, .tanec_kruhy h5 A:hover { color: #c85000; text-decoration: none;}
.vytvarne_kruhy h5 A:link, .vytvarne_kruhy h5 A:visited, .vytvarne_kruhy h5 A:active, .vytvarne_kruhy h5 A:hover { color: #E4292D; text-decoration: none;}
.prirodovedne_kruhy h5 A:link, .prirodovedne_kruhy h5 A:visited, .prirodovedne_kruhy h5 A:active, .prirodovedne_kruhy h5 A:hover { color: #6d9864; text-decoration: none;}
.hudebni_kruhy h5 A:link, .hudebni_kruhy h5 A:visited, .hudebni_kruhy h5 A:active, .hudebni_kruhy h5 A:hover { color:#FF690E; text-decoration: none;}
.externi_kruhy h5 A:link, .externi_kruhy h5 A:visited, .externi_kruhy h5 A:active, .externi_kruhy h5 A:hover { color:brown; text-decoration: none;}
.cena_vedouci {padding-left: 350px;}
.velke_mezery {word-spacing: 50px;}
table, td, tr {border: 1px solid #000000; border-collapse:collapse; padding: 3px; font-size: 14px;}
table {margin-top: 30px;background-color:#FFFFCC;}
TD.jmeno {background-color:#A55F21;text-align:center;color:#FFFFCC;font-size:16px;font-weight:bold;}
.formular table, .formular td, .formular tr { border:0px; background-color: #FFFEDF; font-size:13px;}
.foto_vytvarka table, .foto_vytvarka td, .foto_vytvarka tr { border:0px; background-color: #FDC4C2;}
h5 {cursor: pointer; cursor: hand; text-decoration: none; margin: 0px; font-size:14px;}
.skryvany {display: none}
.bez_vseho TABLE {border: 0px; text-align: center; background-color: #FDC4C2; margin: 5px 0px 5px 0px;}
.bez_vseho TABLE TR {border: 0px; text-align: center;  background-color: #FDC4C2;}
.bez_vseho TABLE TR TD {border: 0px; text-align: center;  background-color: #FDC4C2;}
.bez_vseho_fot TABLE {border: 0px; text-align: center; background-color: #FFFEDF; margin: 5px auto 5px auto;}
.bez_vseho_fot TABLE TR {border: 0px; text-align: center;  background-color: #FFFEDF;}
.bez_vseho_fot TABLE TR TD {border: 0px; text-align: center;  background-color: #FFFEDF;}
.red {color: red;}