html, body {font: 12pt trebuchet MS; background: url(../pic/bg_.jpg) repeat-x fixed;}
#page {width: 800px; margin-left: auto; margin-right: auto; margin-top: -10px;}
#top {width: 800px; height: 237px;}
#systembeatu {width: 395px; height: 150px; margin-left: auto; margin-right: auto; cursor: pointer;}
#top .sys1 {background: url(../pic/systembeatu1.png) no-repeat top;}
#top .sys2 {background: url(../pic/systembeatu2.png) no-repeat top;}
#top .sys3 {background: url(../pic/systembeatu3.png) no-repeat top;}
#menu {width: 800px; height: 68px; background: url(../pic/menu/menu.gif) top center no-repeat; margin-top: -100px;}
#center {width: 800px;}
#pole {width: 760px; margin-left: auto; margin-right: auto; min-height: 100px}
#footer {width: 800px; height: 28px; position: fixed; bottom: 0px;}
#footer img {margin-bottom: -3px;}
#page a {color: black; text-decoration: underline;}
#page a:hover {background-color: #ddd; text-decoration: none;}
#menu ul {list-style: none; margin-top: -38px;}
#menu li {float: left; cursor: pointer; margin-left: -38px;}
input, textarea {font: 10pt trebuchet MS; border: 1px solid #CCC;}
img {border: none;}
.bordernone {border: none;}

#menu .home {background: url(../pic/menu/home.gif) no-repeat; width: 110px; height: 57px; margin-left: 122px;}
#menu .home:hover {background: url(../pic/menu/home_.gif) no-repeat;}
#menu .galery {background: url(../pic/menu/galery.gif) no-repeat; width: 113px; height: 58px; margin-left: 27px; margin-top: 10px;}
#menu .galery:hover {background: url(../pic/menu/galery_.gif) no-repeat;}
#menu .news {background: url(../pic/menu/news.gif) no-repeat; width: 77px; height: 40px; margin-left: 9px; margin-top: 19px;}
#menu .news:hover {background: url(../pic/menu/news_.gif) no-repeat;}
#menu .kontakt {background: url(../pic/menu/kontakt.gif) no-repeat; width: 122px; height: 55px; margin-left: 15px; margin-top: 12px;}
#menu .kontakt:hover {background: url(../pic/menu/kontakt_.gif) no-repeat;}

#menu ._home {background: url(../pic/menu/home_.gif) no-repeat; width: 110px; height: 57px; margin-left: 122px;}
#menu ._galery {background: url(../pic/menu/galery_.gif) no-repeat; width: 113px; height: 58px; margin-left: 27px; margin-top: 10px;}
#menu ._news {background: url(../pic/menu/news_.gif) no-repeat; width: 77px; height: 40px; margin-left: 9px; margin-top: 19px;}
#menu ._kontakt {background: url(../pic/menu/kontakt_.gif) no-repeat; width: 122px; height: 46px; margin-left: 15px; margin-top: 12px;}

#homehref {width: 110px; height: 57px;}
#galeryhref {width: 113px; height: 58px;}
#kontakthref {width: 122px; height: 58px;}

#menu .crew {background: url(../pic/menu/crew.gif) no-repeat; width: 104px; height: 33px;}
#menu .crew:hover {background: url(../pic/menu/crew_.gif) no-repeat;}
#menu .hudba {background: url(../pic/menu/hudba.gif) no-repeat; width: 116px; height: 34px;}
#menu .hudba:hover {background: url(../pic/menu/hudba_.gif) no-repeat;}
#menu .styl {background: url(../pic/menu/styl.gif) no-repeat; width: 89px; height: 33px;}
#menu .styl:hover {background: url(../pic/menu/styl_.gif) no-repeat;}
#menu .historie {background: url(../pic/menu/historie.gif) no-repeat; width: 113px; height: 35px;}
#menu .historie:hover {background: url(../pic/menu/historie_.gif) no-repeat;}

#menu ._crew {background: url(../pic/menu/crew_.gif) no-repeat; width: 104px; height: 33px;}
#menu ._hudba {background: url(../pic/menu/hudba_.gif) no-repeat; width: 116px; height: 34px;}
#menu ._styl {background: url(../pic/menu/styl_.gif) no-repeat; width: 89px; height: 33px;}
#menu ._historie {background: url(../pic/menu/historie_.gif) no-repeat; width: 113px; height: 35px;}

#menu .foto {background: url(../pic/menu/foto.gif) no-repeat; width: 70px; height: 37px;}
#menu .foto:hover {background: url(../pic/menu/foto_.gif) no-repeat;}
#menu .video {background: url(../pic/menu/video.gif) no-repeat; width: 78px; height: 27px;}
#menu .video:hover {background: url(../pic/menu/video_.gif) no-repeat;}

#menu ._foto {background: url(../pic/menu/foto_.gif) no-repeat; width: 70px; height: 37px;}
#menu ._video {background: url(../pic/menu/video_.gif) no-repeat; width: 78px; height: 27px;}

#menu .budova {background: url(../pic/menu/budova.gif) no-repeat; width: 117px; height: 37px;}
#menu .budova:hover {background: url(../pic/menu/budova_.gif) no-repeat;}
#menu .tym {background: url(../pic/menu/tym.gif) no-repeat; width: 82px; height: 26px;}
#menu .tym:hover {background: url(../pic/menu/tym_.gif) no-repeat;}
#menu .chat {background: url(../pic/menu/chat.gif) no-repeat; width: 111px; height: 34px;}
#menu .chat:hover {background: url(../pic/menu/chat_.gif) no-repeat;}

#menu ._budova {background: url(../pic/menu/budova_.gif) no-repeat; width: 117px; height: 37px;}
#menu ._tym {background: url(../pic/menu/tym_.gif) no-repeat; width: 82px; height: 26px;}
#menu ._chat {background: url(../pic/menu/chat_.gif) no-repeat; width: 111px; height: 34px;}

#sec {background: url(../pic/menu/bg.gif);}


.active_li {background-color: #FFC500;}
.cervene {background-color: #FF663B; border: 1px dashed black;}
.pointer {cursor: pointer;}


#admin ul, #chatbok ul {margin-top: 10px; list-style-image: url(../pic/li.png);}
#admin li, #chatbok li {margin-left: -5px;}
#admin li:hover, #chatbok li:hover {margin-left: 0px; background-color: #ddd;}
#legenda {float: left; width: 140px;}
#editace {width: 615px; float: left; margin-left: 5px;}

#prispevky {margin-top: 15px;}
#chatbok {width: 129px; float: left;}
#chatpage {width: 620px; float: left; margin-left: 10px;}
.prispevek_home {width: 750px;}
.prispevek {width: 500px; border: none; margin-bottom: 20px;}
.prispevek .text, .prispevek_home .text {border-top: 1px solid #ddd;}
.prispevek .jmeno, .prispevek_home .jmeno {font-weight: bold;}
.prispevek img, .novinka img, .prispevek_home img {margin-bottom: -3px;}
#povinne {font-size: 8pt; color: #bbb; margin-left: 15px; float: right; text-align: right;}
.male {font-size: 8pt;}
.active {font-weight: bold; background-color: #FFC500;}
#stranky {border-bottom: 1px dashed #ddd; width: 500px;}
.novinka {width: 750px; border: none; margin-bottom: 20px;}
.novinka .text {border-top: 1px solid #ddd;}
.novinka .jmeno {font-weight: bold;}
#centrovani {margin-left: 300px; margin-bottom: 60px;}

.zadnykontakt {text-decoration: line-through;}
.none {display: none;}
.margin10 {margin-left: 10px;}
#hledanitop {font-size: 10pt; font-weight: bold; background-color: #ddd; border-bottom: 1px solid gray;}
#hledanitd {border-left: 1px solid gray;}
#velke_hledani {margin-left: 260px; margin-bottom: 50px;}

#footer #left {float:left;margin-left:60px;font-size:10pt;margin-top:10px}
#footer #right {float:right;margin-right:60px;font-size:10pt;margin-top:10px}
.mb-10 {margin-bottom: -10px}
.mb-3 {margin-bottom: -3px;}
#aktualizovano {font-size: 8pt; color: #ddd; float: right;}
#vypishudbyadmin {margin-top: 50px; border-color: gray;}
#typefile {margin-top: 5px;}
#typefile1 {margin-top: 5px;}
#typefile2 {margin-top: 5px;}
#uljo {list-style-image: url(../pic/nota.png); margin-left: 110px;}
object {margin-bottom: -3px;}

#hudba_center {width: 480px; float: left; margin-left: 5px;}
#panel_right {width: 105px; float: left;}
.fotonazev {font-weight: bold;}
.jmenonazevalbumfotky .tr {font-size: 8pt; background-color: #c8c8c8;}
.komentikfoto {border-top: 1px solid #ddd; margin-top: 3px; font-size: 10pt; margin-bottom: 15px;}

.fotka {float: left;  margin-right: 5px; margin-top: 5px;}
.album {border: 1px solid #ddd; margin-bottom: 10px;}
.album:hover .albhed {border: 1px solid #ddd; background: url(../pic/alb_head_on.png) no-repeat;}
.album .albhed {background: url(../pic/alb_head.png) no-repeat; cursor: pointer;}
.pointer {cursor: pointer;}
.operace {float: right;}

#fotogalerie {width: 630px; margin-left: auto; margin-right: auto;}
.ablumkomentar {}
.nazevfotky {text-decoration: underline;}
.skryty {display: none;}
.profil {border-color: #ddd;}

.profil_kontakt {border-color: gray; font-size: 10pt;}
.profil_kontakt th {color: rgb(240,32,0);}

pre {font: 12pt Trebuchet MS; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: pre-wrap; word-wrap: break-word; margin-top: 0px;}
h1 {margin-bottom: -20px; margin-top: 0px; font-size: 16pt;}
.kontakty {float: left; margin-top: 15px; margin-right: 15px;}
.kontakty .head {background: url(../pic/alb_head.png)}
.kontakty td, .kontakty {border: 1px solid #ddd; border-collapse: collapse;}
.kontakty .radek {color: gray; font-weight: bold;}

#slunicko {background: url(../pic/slunicko.png) no-repeat; width: 100px; height: 100px; float: right; margin-top: -120px;}
#mesicek {background: url(../pic/mesic.png) no-repeat; width: 100px; height: 100px; float: right; margin-top: -120px;}
#castop {float: right; margin-right: 18px; margin-top: -20px}
.noc {background: url(../pic/pozadicko_noc.png) no-repeat;}
.den {background: url(../pic/pozadicko_den.png) no-repeat;}