body {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none; background-color: ; }

h1 {font-family: verdana, helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none; line-height: 100%; background-color: ; }

.nahore {float: left; width: 100%; height: ;  background-color:  #99CCFF ; }

.dole {float: left; width: 900px; height: ; background-color: ; }

.dole_home {float: left; width: 900px; height: ; line-height: 200%; background-color: ; }

.sloupec {float: left; width: 20%; height: ; background-color: ; }

a {color: black; text-decoration: none}
a:hover  {color: black; text-decoration: underline}


.sloupec a, .dole_nadpis a {color: ; font-weight: ; background-color: #99CCFF; text-decoration: none}
.nahore a {color: ; font-weight: ; background-color: ; text-decoration: none}

.dole_nadpis a {line-height: 200%}
.dole_nadpis a:hover  {text-decoration: none}

.odsazeni {text-indent: 50px;}

.h1 {font-family: verdana, helvetica, sans-serif; font-size: 14px; font-weight: normal; text-decoration: none; background-color: ; }

.napis  {text-align: right; }

.barvy_celek {text-align: left; }

.cerna {float: left; width: 100%; height: 25px; background-color: black ; border: ; }
.cerna a {display: block; float: left; width: 100%; height: 25px; color: black}
.cerna a:hover  {color: white; text-decoration: none}

.sediva {float: left; width: 100%; height: 25px; background-color: #DDDDDD ; border: ; }
.sediva a {display: block; float: left; width: 100%; height: 25px; color: #DDDDDD}
.sediva a:hover  {color: white; text-decoration: none}

.bila {float: left; width: 100%; height: 25px; background-color: white ; border: ; }
.bila a {display: block; float: left; width: 100%; height: 25px; color: white}
.bila a:hover  {color: silver; text-decoration: none}

.zluta {float: left; width: 100%; height: 25px; background-color: yellow ;}
.zluta a {display: block; float: left; width: 100%; height: 25px; color: yellow}
.zluta a:hover  {color: silver; text-decoration: none}

.oranzova {float: left; width: 100%; height: 25px; background-color: #FF9900 ;}
.oranzova a {display: block; float: left; width: 100%; height: 25px; color: #FF9900}
.oranzova a:hover  {color: white; text-decoration: none}

.cervena {float: left; width: 100%; height: 25px; background-color: red ;}
.cervena a {display: block; float: left; width: 100%; height: 25px; color: red}
.cervena a:hover  {color: white; text-decoration: none}

.ruzova {float: left; width: 100%; height: 25px; background-color: #FF99FF ;}
.ruzova a {display: block; float: left; width: 100%; height: 25px; color:  #FF99FF}
.ruzova a:hover  {color: white; text-decoration: none}

.fialova {float: left; width: 100%; height: 25px; background-color: #9900CC ;}
.fialova a {display: block; float: left; width: 100%; height: 25px; color: #9900CC}
.fialova a:hover  {color: white; text-decoration: none}

.svetle_modra {float: left; width: 100%; height: 25px; background-color: #99CCFF ;}
.svetle_modra a {display: block; float: left; width: 100%; height: 25px; color: #99CCFF}
.svetle_modra a:hover  {color: white; text-decoration: none}

.modra {float: left; width: 100%; height: 25px; background-color: #3300FF ;}
.modra a {display: block; float: left; width: 100%; height: 25px; color: #3300FF}
.modra a:hover  {color: white; text-decoration: none}

.tmave_modra {float: left; width: 100%; height: 25px; background-color: #000099 ;}
.tmave_modra a {display: block; float: left; width: 100%; height: 25px; color: #000099}
.tmave_modra a:hover  {color: white; text-decoration: none}

.svetle_zelena {float: left; width: 100%; height: 25px; background-color: #99FF99 ;}
.svetle_zelena a {display: block; float: left; width: 100%; height: 25px; color: #99FF99}
.svetle_zelena a:hover  {color: white; text-decoration: none}

.zelena {float: left; width: 100%; height: 25px; background-color:  #33CC33;}
.zelena a {display: block; float: left; width: 100%; height: 25px; color: #33CC33}
.zelena a:hover  {color: white; text-decoration: none}

.tmave_zelena {float: left; width: 100%; height: 25px; background-color: #006633 ;}
.tmave_zelena a {display: block; float: left; width: 100%; height: 25px; color: #006633}
.tmave_zelena a:hover  {color: white; text-decoration: none}

.svetle_hneda {float: left; width: 100%; height: 25px; background-color: #CC9933 ;}
.svetle_hneda a {display: block; float: left; width: 100%; height: 25px; color: #CC9933}
.svetle_hneda a:hover  {color: white; text-decoration: none}

.hneda {float: left; width: 100%; height: 25px; background-color: #993300 ;}
.hneda a {display: block; float: left; width: 100%; height: 25px; color: #993300}
.hneda a:hover  {color: white; text-decoration: none}

.tmave_hneda {float: left; width: 100%; height: 25px; background-color:  #660000 ;}
.tmave_hneda a {display: block; float: left; width: 100%; height: 25px; color: #660000}
.tmave_hneda a:hover  {color: white; text-decoration: none}



 #FFFF00