body { background-color: #111111; margin: 0px auto; padding: 0px 0px 0px 0px; color: #ffffff; font-family: verdana; font-size: 12px; }
#hlavicka { width: 1060px; height: auto; margin: 0px auto; }
#hlavicka-logo { background-image: url(img/hlavicka.gif); width: 223px; height: 143px; float: left; }
#hlavicka-reklama { background-image: url(img/reklama.gif); width: 505px; height: 120px; margin-left: 15px; float: left; }
#hlavicka-konec { background-image:url(img/svethudby.gif); width: 265px; height: 148px; float: left; }
#reklama { width: 468px; height: 60px; margin-left: 22px; margin-top: 24px; }
#svatek { margin-top: 13px; font-size: 11px; text-align: center;  }
span.blue { color: #45a5d8; }
#menu-cara { background-image: url(img/cara.gif); width: 1060px; height: 2px; margin: 0px auto; clear: both; }
#menu { width: 1060px; height: auto; margin: 0px auto; margin-top: 10px; }
#zacatek-menu { background-image: url(img/menu.gif); width: 74px; height: 30px; float: left; margin-right: 48px; }
div.menu-polozky { width: 134px; height: 34px; float: left; margin-right: 10px; }
#menu-pod { width: 1062px; height: auto; margin: 0px auto; }
#vyhledavani { width: 229px; height: 30px; float: right; background-image: url(img/vyhledavani.gif); padding: 2px 2px 2px 3px; }
#login { width: 229px; height: 29px; float: left; background-image: url(img/login.gif); padding: 5px 2px 2px 3px; }       
input.login { width:68px; height:16px; border: 1px solid #8b8180; background-image: url(img/icony/user_login.gif); background-repeat: no-repeat; padding: 6px 3px 3px 3px; text-align: right; font-size: 10px; }
input.heslo { width:68px; height:16px; border: 1px solid #8b8180; background-image: url(img/icony/user_heslo.gif); background-repeat: no-repeat; padding: 6px 3px 3px 3px; text-align: right; font-size: 10px; }
input.prihlasit {  width:66px; height:26px; background-image: url(img/prihlasit.gif); border: 0px; font-size: 11px; color: #ffffff;  }
input.vyhledavani { width: 144px; height: 17px; background-image: url(img/vyhledavani_input.gif); border: 1px solid #8b8180; padding: 7px 3px 3px 3px; text-align: left; font-size: 10px; }
#obsah { width:1062px; height: auto; overflow: auto; margin: 0px auto; clear: both; padding-top: 25px; }
#panel { width: 217px; height: auto; float: left; overflow: hidden; }
#panel2 { width: 217px; height: auto; float: right; overflow: hidden; }   
div.panel { width: 217px; height: auto; float: left; clear: both; margin-bottom: 25px;  }
div.panel-top { width: 208px; height: 32px; background-image: url(img/panel_top.gif); float: left; clear: both; padding: 3px 0px 0px 9px; font-weight: bold; font-size: 11px; }
div.panel-stred {width: 208px; height: auto; overflow: hidden; float:left; background-color: #f7f7f7; color: #000000; padding: 4px 4px 7px 5px; font-size: 11px; }
div.panel-stred2 { float:left; width: 217px; height: auto; overflow: hidden; background-color: #f7f7f7; color: #000000; font-size: 11px; }           
div.panel-konec { float:left; width: 217px; height: 11px; background-image: url(img/panel_bottom.gif);}
#obsah-stranky { width:598px; height: auto; padding: 0px 15px 10px 15px; float: left; font-size: 11px; }
td.login-vyber { padding-top: 5px; padding-bottom: 5px; border-bottom:1px solid #6e6e6e; }
td.login-vyber2 { padding-top: 5px; padding-bottom: 5px;}  
td.login-vyber-avatar { text-align: center; padding-top: 12px; padding-bottom: 5px; }
a:link {color: #000000; text-decoration:none; }
a:visited {color: #000000; text-decoration:none;}
a:hover {color: #000000; text-decoration:underline;}
a:active {color: #000000; text-decoration:none;}
a.zanry:link {color: #ffffff; text-decoration:none; font-size: 11px; }
a.zanry:visited {color: #ffffff; text-decoration:none; font-size: 11px;}
a.zanry:hover {color: #ffffff; text-decoration:underline; font-size: 11px;}
a.zanry:active {color: #ffffff; text-decoration:none; font-size: 11px;}
td.top10mp3 { border-bottom:1px solid #7A7A7A ; padding-bottom: 3px; padding-top: 3px;}
td.top10mp3-poradi { border-bottom:1px solid #7A7A7A ; padding-bottom: 3px; font-weight: bold; padding-top: 3px;}
td.top10mp3-2 { padding-bottom: 3px; padding-top: 3px;}
td.top10mp3-poradi-2 { padding-bottom: 3px; font-weight: bold; padding-top: 3px;} 
td.top10mp3-3 { border-bottom:1px solid #7A7A7A ; border-top: 1px dotted #7A7A7A; padding-bottom: 3px; padding-top: 3px;}
td.top10mp3-poradi-3 { border-bottom:1px solid #7A7A7A ; border-top: 1px dotted #7A7A7A; padding-bottom: 3px; font-weight: bold; padding-top: 3px;}
td.statistiky { border-bottom:1px solid #7A7A7A ; padding-bottom: 3px; padding-left: 5px; padding-top: 3px; }
td.statistiky-2 { padding-bottom: 3px; padding-left: 5px; padding-top: 3px; }
hr { border: 1px dotted #CCCCCC; height: 1px; }
span.cara { }
h1 { margin: 0px; font-size: 15px; color: #16b2d8; clear: both; border-bottom: 1px dotted #CCCCCC; height: 15px; width: 100%; padding-bottom: 10px; margin-bottom: 10px;}
table.novinky { border: 1px solid #16b2d8; margin-bottom: 15px; }
td.novinky { padding: 4px 4px 4px 4px; background-color: #373737; border-top: 1px dashed #16b2d8; }
td.novinky-text { padding: 4px 4px 4px 4px; }

div.vyber-music-lichy { width:290px; border:1px solid #848484; float:left; clear:both; margin: 5px 0px 5px 0px;  }
div.vyber-music-nazev-lichy { color:black; font-size:11px; width:286px; height:auto; border-bottom:1px solid #848484; float:left; background-color:#ccd9f2 ; padding: 4px 2px 4px 2px; }
div.vyber-music-obsah { width:286px; height:auto; float:left; padding: 3px 3px 3px 3px; }
div.vyber-music-stahnout-lichy  { width:276px; height:14px; float:left; padding: 4px 3px 3px 3px; background-color:#ccd9f2; border:1px solid #848484; text-align: center; font-style: inherit; text-decoration: underline; } 
div.vyber-music-stahnout-lichy-spec  { width:216px; height:14px; float:left; padding: 4px 3px 3px 3px; background-color:#dde4ec; border:1px solid #848484; text-align: center; font-style: inherit; text-decoration: underline; }
div.vyber-music-stahnout-lichy-spec-nef  { width:216px; height:14px; float:left; padding: 4px 3px 3px 3px; background-color:#ffd1d2; border:1px solid #848484; text-align: center; font-style: inherit; text-decoration: underline; margin-top:5px; }
div.vyber-music-stahnout-lichy-spec-nef2  { width:216px; height:14px; float:left; padding: 4px 3px 3px 3px; background-color:#c8ffc1; border:1px solid #848484; text-align: center; font-style: inherit; text-decoration: underline; margin-top:5px; }                        
#music { width:598px; float:left; clear:both; height:auto; }

td.music-lichy {border-bottom:1px dashed #848484; height:20px;}
div.vyber-music-sudy { width:290px; border:1px solid #848484; float:right; margin: 5px 0px 5px 0px; }
div.vyber-music-nazev-sudy { color:black; font-size:11px; width:286px; height:auto; border-bottom:1px solid #848484; float:left; background-color:#ebc1eb ; padding: 4px 2px 4px 2px; }
div.vyber-music-stahnout-sudy  { width:276px; height:14px; float:left; padding: 4px 3px 3px 3px; background-color:#ebc1eb; border:1px solid #848484; text-align: center; font-style: inherit; text-decoration: underline; }       
td.music-sudy {border-bottom:1px dashed #848484; height:20px;}

form { margin:0px; }
textarea.upravit-sp { width:250px; height:50px; border:1px solid rgb(181,181,181); background-color:rgb(77,77,77); font-size:10px; color:white; padding:2px 2px 2px 2px; } 
textarea.upravit-sp2 { width:400px; height:100px; border:1px solid rgb(181,181,181); background-color:rgb(77,77,77); font-size:11px; color:white; padding:2px 2px 2px 2px; }      
input.upravit-sp { width:250px; height:15px; border:1px solid rgb(181,181,181); background-color:rgb(77,77,77); font-size:10px; color:white; padding:2px 2px 2px 2px; }
input.new-select { width:150px; height:15px; border:1px solid rgb(181,181,181); background-color:rgb(77,77,77); font-size:10px; color:white; padding:2px 2px 2px 2px; }        
select.new-select { width:150px; height:20px; border:1px solid rgb(181,181,181); background-color:rgb(77,77,77); font-size:10px; color:white; padding:2px 2px 2px 2px; }                                          
input.odeslat { width:150px; height: 20px; border: 1px solid rgb(181,181,181); background-color: #fcf5ab ; font-size: 11px; }
#pata { border-top:1px solid #666666;  width: 1060px; height: 20px; margin: 0px auto; margin-top:20px; padding: 10px 10px 10px 10px; margin-bottom: 20px; color: white; text-align: center; }
#hledat { width:26px; height:26px; border:0px; clear:both; background: url(img/icony/search.gif) top left no-repeat; cursor: pointer; cursor: hand; }  
p { padding-bottom: 10px; margin: 0px; clear: both; }
div.mp3-zanry { width: 120px; height: 19px; background-color: #5c435c; text-align: center; float: left; margin-right: 7px; margin-bottom: 10px; padding-top: 5px; border: 1px solid #a5a5a5; }
div.mp3-zanry-oznac { width: 120px; height: 19px; background-color: #6798be; text-align: center; float: left; margin-right: 7px; margin-bottom: 10px; padding-top: 5px; border: 1px solid #a5a5a5; }         

div.PagerClass { width:598px; float:left;  text-align:center; height:20px; margin-top:10px; }
span.first { font-weight:bold; color: yellow; }
.prvni { background-image:url(img/prvni.gif); background-repeat: no-repeat; display: inline-block; padding-left: 20px; height: 13px; padding-right:5px; }
.posledni { background-image:url(img/posledni.gif); background-repeat: no-repeat; display: inline-block;padding-left: 20px; height: 13px; }
.prev { background-image:url(img/predchozi.gif); background-repeat: no-repeat; display: inline-block;padding-left: 20px; height: 13px; }
.next {background-image:url(img/dalsi.gif); background-repeat: no-repeat; display: inline-block;padding-left: 20px; height: 13px; padding-right:5px; }
a.pagerr:link {color: #ffffff; text-decoration:none; font-size: 11px; }
a.pagerr:visited {color: #ffffff; text-decoration:none; font-size: 11px;}
a.pagerr:hover {color: #ffffff; text-decoration:underline; font-size: 11px;}
a.pagerr:active {color: #ffffff; text-decoration:none; font-size: 11px;}

div.stahnoutmp3 { width: 150px; height: 15px; margin: 0px auto; border: 1px solid #999999; padding: 5px 3px 3px 3px; margin-bottom: 15px;  background: #333333; }
div.stahnoutmp3-admin { width: 150px; height: 15px; margin: 0px auto; border: 1px solid #999999; padding: 5px 3px 3px 3px; margin-bottom: 15px;  background: #7A2935; }
input.admin-upravit { width:150px; height:15px; border:1px solid rgb(181,181,181); background-color:rgb(77,77,77); font-size:10px; color:white; padding:2px 2px 2px 2px; } 
input.send { width:245px; height:20px; margin-bottom: 25px; border:1px solid rgb(181,181,181); background-color:rgb(77,77,77); color: white; font-size: 11px; }
div.ipod { width: 220px; height: 515px; background-image: url(img/ipod.gif); float: left; padding: 20px 0px 0px 19px; }
div.ipod_red { width: 220px; height: 515px; background-image: url(img/ipod_red.gif); float: left; padding: 20px 0px 0px 19px; }
div.ipod_green { width: 220px; height: 515px; background-image: url(img/ipod_green.gif); float: left; padding: 20px 0px 0px 19px; }
div.ipod_yellow { width: 220px; height: 515px; background-image: url(img/ipod_yellow.gif); float: left; padding: 20px 0px 0px 19px; }
div.ipod_purple { width: 220px; height: 515px; background-image: url(img/ipod_purple.gif); float: left; padding: 20px 0px 0px 19px; }
td.playlist-seznam { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #666666; }
td.statistiky-12 { border-bottom:1px dashed #666666; padding-bottom:8px; padding-top:8px; color:#D59BBC }
td.statistiky-22 { border-bottom:1px dashed #666666; padding-bottom:8px; padding-top:8px; }
td.statistiky-1-off { padding-bottom:8px; padding-top:8px; color:#D59BBC }
td.statistiky-2-off { padding-bottom:8px; padding-top:8px; }
div.pridat-coment {width: 598px; height: 18px; clear:both; border-bottom: 1px solid #999999 ; border-top: 1px solid #999999; background-color: #333333; font-weight: bold; padding-top: 6px; margin:10px auto; text-align: center; }                                
#strankovani { width: 560px; margin: 0px auto; text-align: center; font-size: 11px; clear:both;  }
table.komenty { width:598px; height: 25px; padding-left:5px; border-bottom: 1px solid #999999 ; border-top: 1px solid #999999; background-color: #7A2935; padding-top: 2px; margin-top: 1px; }
textarea.komenty { font-family: verdana; font-size: 10px; width:400px; height: 100px; margin-bottom: 3px; border:1px solid #999999; font-size:13px; background-color: #333333; color: white; font-size: 11px; } 
code { width: 550px; height: auto; background-color: #333333; border: 1px solid #999999; padding: 5px 5px 5px 5px; float: left; text-align: left; }
table.naprani { border: 1px solid #999999; margin-bottom: 20px; }
td.naprani { background-color: #333333; padding: 3px 3px 3px 3px; font-size: 11px; border-bottom: 1px dashed #999999; }
td.naprani2 { padding: 6px 3px 6px 3px; }
td.naprani3 { background-color: #5C435C; padding: 3px 3px 3px 3px; font-size: 11px; border-top: 1px solid #999999; }    
h2 { font-size: 14px; padding: 0px; margin-bottom: 5px; margin-top: 5px; }
div.kalendar-oznac { width: 20px; height: 15px; background-color: #fbbf4c; }
td.forum { background-color: #34657c; border-bottom: 2px solid #cccccc; padding: 5px 5px 5px 5px; }
td.forum-vypis { border-bottom: 1px solid #999999; padding: 5px 5px 5px 5px; }
td.forum-vypis2 { border-bottom: 1px solid #999999; padding: 5px 5px 5px 5px; background-color: #474747; }
div.hlasovani { margin-bottom: 10px; }
div.poll { width: 195px; margin: 0px auto; }
img.reklama-uvod { border: 2px solid white; }

#midplochy a:link {color: white;} /* Odkazy (a) uvnitř třídy mlink budou bílé */
#midplochy a:hover {color: white;} /* Barva odkazů po najetí myši */
#midplochy a:visited{color: white;} /* Barva odkazů již navštívených*/

#midplochy2 a:link {color: black;} /* Odkazy (a) uvnitř třídy mlink budou bílé */
#midplochy2 a:hover {color: black;} /* Barva odkazů po najetí myši */
#midplochy2 a:visited{color: black;} /* Barva odkazů již navštívených*/