html,body {
	/*height: 100%;*/
}

body {
    background: #0d0c0a;
    margin: 0 auto;
    font-family: Verdana;
    height: 830px;
}


p, img, h1, h2, h3, h4, form, ul, li, table, th, td {margin: 0; padding: 0; border: none;}
.clear {clear: both;}
.float_left {float: left;}
.float_right {float: right;}
.right {text-align: right;}
.no_border, a .no_border, a:hover .no_border {border: none;}


body#den {background: #d5d3d8 url(/_clip/web11.jpg) center top no-repeat fixed; }
body#noc {background: #0d0c0a url(/_clip/web12.jpg) center top no-repeat fixed; }
body#diar {background: #2d2928 url(/_clip/web3.jpg) center top no-repeat fixed; }
body#fanousci {background: #F5F2ED url(/_clip/web4.jpg) center top no-repeat fixed; }
body#foto {background: #f6f5f9 url(/_clip/web0.jpg) center top no-repeat fixed; }
body#helena {background: #2d2928 url(/_clip/web7.jpg) center top no-repeat fixed; }
body#kontakt, body#er {background: #0d0c0a url(/_clip/web16.jpg) center top no-repeat fixed; }
body#muzika {background: #f6f5f9 url(/_clip/web1.jpg) center top no-repeat fixed; }
body#novinky {background: #f6f5f9 url(/_clip/web2.jpg) center top no-repeat fixed; }
body#partneri {background: #0d0c0a url(/_clip/web15.jpg) center top no-repeat fixed; }
body#video {background: #F4F5FA url(/_clip/web17.jpg) center top no-repeat fixed; }


#player2 {position: fixed; bottom: 5%; left: 3%; z-index: 999%;}
/* \*/ * html  #player2 {position: absolute;} /**/
#player2 p {margin: 15px 0 0 0; font-size: 70%;}
body#den #player2 p {color: #777777;}
body#noc #player2 p {color: #DCDDCD;}
body#diar #player2 p {color: #DCDDCD;}
body#fanousci #player2 p {color: #777777;}
body#foto #player2 p {color: #777777;}
body#helena #player2 p {color: #DCDDCD;}
body#kontakt #player2 p {color: #DCDDCD;}
body#muzika #player2 p {color: #777777;}
body#novinky #player2 p {color: #777777;}
body#partneri #player2 p {color: #DCDDCD;}
body#video #player2 p {color: #DCDDCD;}

a {color: #E2007A;}
a:hover, a img {color: #784087; text-decoration: none;}

h1, h2, h3 {font-family: helvetica;}
h1 {font-size: 120%; display: block; background: url(/_clip/transparent-violet.png) 0 0 repeat; padding: 5px 10px 5px 10px; margin: 50px 0 0 0; border-bottom: 1px solid #784087; color: #ffffff;}
h2 {color: #777777; font-weight: bold; display: block; padding: 3px 0 4px 0; font-size: 120%; border-bottom: 1px solid #784087; margin: 0;}
h2 span {font-size: 80%; font-weight: normal; font-family: verdana;}
h3 {color: #784087; margin: 10px 0 0 0; display: block; font-size: 110%;}
h4 {padding: 10px 0 0 15px; color: #777777; display: block; font-size: 95%;}

ul {list-style: none;}
ul li {padding: 3px;}
ul li span {color: #784087; font-weight: bold;}



#page {margin: 0 auto 50px auto; width: 990px; position: relative; }
#logo {padding: 5px 0 15px 225px; width: 275px; height: 90px; float: left;}
#start {margin: 0 auto; width: 800px; padding: 0; }
#start p.half {width: 45%; padding: 5px 15px 5px 15px; font-size: 85%; color: #777777; }
#start p.vlajky {float: right; text-align: right;}
#foot {margin: 25px 0 25px 0; padding: 0; font-size: 70%; color: #DCDDCD; height: 25px;}
#foot p.half {width: 45%;}
#foot p.float_right {text-align: right;}
#menu {margin: 35px 0 0 30px; width: 230px; font-family: helvetica; font-size: 80%; color: #C2C2C2;float: left; text-align: left; font-weight: bold;}
#menu a, #menu #active { color: #000000; padding: 0 5px 0 5px; text-decoration: none;}
#menu a span {color: #784087;}
#menu a:hover, #menu #active {color: #ffffff; background: url(/_clip/transparent-violet.png) 0 0 repeat; }
#menu a:hover span {color: #ffffff;}
#submenu {margin: 0 0 25px 280px; width: 470px; font-family: helvetica; font-size: 90%; color: #000000; text-align: right; }
#submenu #activ {padding: 0 5px 0 5px; color: #ffffff; background: url(/_clip/transparent-violet.png) 0 0 repeat; font-weight: bold;}
#submenu #neactive {color: #777777;}

#nnd {position: absolute; top: 10px; right: 5%; width: 54px; height: 54px; }
#amm {position: absolute; top: 70px; right: 5%; width: 53px; height: 28px;}
#vlajky {position: absolute; top: 5px; left: 535px; /*float: left; margin: 5px 0 0 5px; */ width: 120px; height: 12px; font-size: 70%; color: #777777;}

/*specialy*/

#vanoce {cursor: pointer; margin: 0; width: 100%; height: 2000px; text-align: center; background: url(/_images/bannery/vlocky.png) 0 0 repeat; z-index: 999; position: absolute; top: 0; left: 0; /*display: none; visibility: hidden;*/}
#vanoce img {border: 3px solid #ffffff; margin: 15px;}


/*vseobecny obsah */

.content {margin: 0 0 15px 220px; padding: 0 0 25px 0;}
.obsah, .navigace {margin: 0; padding: 10px 15px 10px 15px; background: url(/_clip/transparent.png) 0 0 repeat; color: #000000; border: 1px solid #ffffff; font-size: 75%;}
.navigace {position: absolute; width: 150px; background: url(/_clip/transparent-violet.png) 0 0 repeat; border: none;/*border: 1px solid #784087;*/ margin-bottom: 30px;}
.navigace h2 {color: #777777; border-bottom: 1px solid #777777;  }
.navigace li {list-style: square; margin: 0 0 0 15px; color: #777777; font-size: 90%;}
.obsah p {padding: 5px 0 5px 0; }
.obsah img {margin: 5px;}
.obsah a img { border: 2px solid #ffffff;}
.obsah a:hover img { border: 2px solid #784087;}

.date {font-size: 75%; color: #784087; text-align: right; margin: 0 0 15px 0; }

.galerie {margin: 25px 0 0 0; text-align: justify;}
.galerie img {vertical-align: middle; text-align: center; margin: 5px;}
.galerie a img { border: 2px solid #ffffff;}
.galerie a:hover img { border: 2px solid #784087;}

.list {text-align: right; margin: 0 0 10px 0; padding: 0; font-size: 75%;   }
p span {font-weight: bold; color: #777777; font-size: 90%;}
p strong {font-weight: bold; color: #784087; font-size: 90%;}
p.upozorneni {font-size: 75%; color: #777777; text-align: center;}
p.listovani {border-top: 1px solid #777777; margin-top: 15px; padding: 5px; font-size: 80%;  }

.razeni{float: left; padding: 0 1px 0 1px;}


input, textarea {border: none; background: url(/_clip/transparent-violet.png) 0 0 repeat; color: #000000; padding: 3px;}
textarea {height: 100px;}
input.btn {background: url(/_clip/transparent-violet.png) 0 0 repeat; font-weight: bold;  color: #784087; cursor: pointer;}
input.obrazek {background: none;}

table.default {width: 100%; margin: 10px 0 5px 0; font-size: 90%;}
table.default th, table.default td {padding: 5px; border: 1px solid #DCDDCD;}
table.default th { color: #784087; text-align: left;  background: #ffffff;}
table.default td {background: url(/_clip/transparent.png) 0 0 repeat;}


/** SEKCE **/

/* HP */
div #hp { width: 520px; font-size: 75%; }
div #hp .hp_left {float: left; width: 300px; margin: 15px 0 0 0; padding: 0 5px 10px 10px; /*background: url(/_clip/transparent.png) 0 0 repeat;*/}
div #hp .hp_right {float: left; width: 165px; margin: 15px 0 0 5px; text-align: center; padding: 0 10px 10px 5px; /*background: url(/_clip/transparent.png) 0 0 repeat;*/}
div #hp h2 {color: #ffffff; margin: 15px 0 0 0; /*border: 1px solid #784087;*/ text-align: left; background: url(/_clip/transparent-violet.png) 0 0 repeat; padding-left: 10px;}
div #hp h3 {color: #000000; }

div #hp .news {width: 270px; margin: 0 0 0 0; padding: 10px 15px 10px 15px; border-bottom: 1px solid #ffffff; background: url(/_clip/transparent.png) 0 0 repeat;}
div #hp .news p {padding: 0 0 5px 0;}

div #hp .kalendar { width: 165px; margin: 0;  padding: 0; background: url(/_clip/transparent.png) 0 0 repeat;}
div #hp .kalendar table {padding: 3px; margin:  0 0 0 0; width: 163px; background: none; border: 1px solid #ffffff;}
div #hp .kalendar th {font-style: italic; font-weight: bold;}
div #hp .kalendar td {border: 1px solid #ffffff; color: #784087 ; padding: 1px;}
div #hp .kalendar td.akce {background: url(/_clip/transparent.png) 0 0 repeat;}
/* \*/ * html div #hp .kalendar table td.akce {background: #ffffff;}   /**/
div #hp .fotky {width: 165px; margin: 0; padding: 0 0 15px 0; background: url(/_clip/transparent.png) 0 0 repeat;}
div #hp .album {width: 165px; margin: 0;  padding: 0 0 15px 0; background: url(/_clip/transparent.png) 0 0 repeat;}
div #hp .album a img, div #hp .fotky a img { margin: 15px 0 0 0; border: 2px solid #ffffff; }
div #hp .album a:hover img, div #hp .fotky a:hover img { margin: 15px 0 0 0; border: 2px solid #784087;}
div #hp p.info {padding: 5px; width: 153px;  /*background: url(/_clip/transparent-violet.png) 0 0 repeat; border: 1px solid #ffffff;*/ }
/*div #hp p.info span.white {color: #ffffff;}*/
div #hp .hp_bannyrek {margin: 15px 0 0 0;}
div #hp .flv-player {z-index: 900;}

/* NOVINKY */
div #novinka { width: 550px;}
div #novinka img.float_left {margin: 0 15px 15px 0;}
div #novinka img.float_right {margin: 0 0 15px 15px;}
div #novinka .navigace {top: 175px; right: 20px;}
/*div #novinka table {font-size: 90%; border: 1px solid #DCDDCD; margin: 15px;}
div #novinka th {font-weight: bold; color: #784087; background: #DCDDCD; border: 1px solid #DCDDCD;}
div #novinka th, div #novinka td {padding: 2px 5px 2px 5px; border-left: 1px solid #DCDDCD; border-right: 1px solid #DCDDCD; border-bottom: 1px solid #DCDDCD;}*/



/* HELENA */
div #helen {width: 500px;}
div #helen .navigace {top: 175px; left: 20px;}
div #helen ul {list-style: square; color: #000000;}
div #helen ul li {padding: 3px;  margin: 0 0 0 15px; color: #777777;}
div #helen ul li span {color: #000000; font-weight: normal;}



/* FOTO */
div #fota {width: 550px;}
div #fota .navigace {top: 175px; left: 20px;}
div #fota .bg-pic, div #novinka .bg-pic {width: 160px; height: 170px; margin: 5px; float: left; text-align: center; background: url(/_clip/transparent.png) 0 0 repeat; border: 1px solid #ffffff}
.bg-pic img {vertical-align: middle; text-align: center; margin: 3px;}

/* DIAR */

div #diare { width: 600px; }
div #diare table {font-size: 85%; margin: 15px 0 5px 0; width: 100% }
div #diare td, div #diare th {padding: 5px; border: 1px solid #DCDDCD;}
div #diare td { background: url(/_clip/transparent.png) 0 0 repeat; vertical-align: top; padding-bottom: 10px;   }
div #diare th {text-align: left; color: #784087; background: #ffffff; font-weight: bold;}
/*div #diare p.upozorneni {color: #ffffff;} */
div #diare .prosvih { color: #777777;  }
div #diare .dnes { color: #784087; font-weight: bold;}
div #diare h2 {text-align: right;}


/* VIDEO */
div #videa {width: 550px;}
div #videa .navigace {top: 175px; right: 20px;}
div #videa .videjko {margin: 15px 20px 15px 20px;}

/* MUZIKA A HLEDANI*/
div #muziky {width: 550px;}
div #muziky fieldset {width: 330px; float: left; margin: 20px 0 0 0; font-size: 90%; border: 1px solid #ffffff; color: #777777; }
div #muziky ul {margin: 10px 0 0 0; }
div #muziky li.song {float: left; width: 260px; clear: both; height: 13px; padding-top: 12px;}
div #muziky li.ikona {float: left; width: 40px;  height: 25px;}
div #muziky li.ikona img { vertical-align: top;}
div #muziky li.ikona a img, div #muziky li.ikona a:hover img {border: none;}
div #muziky .obsah h2 { font-size: 150%; /*border: none;*/ }
/*div #muziky .obsah .date {text-align: left;} */
div #muziky .album {float: right; width: 150px; margin: 20px 0 0 0;}
div #muziky .album img {padding: 15px; background: url(/_clip/transparent.png) 0 0 repeat; border: 1px solid #ffffff; }
div #muziky .album ul {margin: 0 0 5px 30px; width: 110px; font-size: 90%; list-style: square;}
div #muziky .navigace {top: 175px; right: 20px;}
div #muziky .navigace img {margin: 15px;}
div #muziky .navigace a img { border: 2px solid #ffffff;}
div #muziky .navigace a:hover img { border: 2px solid #784087;}

div #muziky span.duet {font-weight: normal; margin-left: 10px;}
div #muziky span.duet2 {font-weight: normal; margin-left: 42px;}
div #muziky span.mezera {font-weight: normal; margin-left: 25px; }

div #muziky table.hledat {margin: 25px 0 0 0; }
div #muziky .hledat th {vertical-align: top; padding: 10px 5px 0 10px; background: url(/_clip/transparent-violet.png) 0 0 repeat; text-align: left;}
div #muziky .hledat th span {margin-right: 5px; float: left; }
div #muziky .hledat th.nazev {width: 42%;}
div #muziky .hledat th.deska {width: 51%;}
div #muziky .hledat th.rok {width: 19%;}
div #muziky .hledat th.autori {width: 34%;}
div #muziky .hledat th.vydavatel {width: 30%;}
div #muziky .hledat th.ukazka {width: 5%;}
div #muziky .hledat td a img, div #muziky .hledat.td a:hover img {border: none;}
div #muziky .hledat td {height: 30px; padding: 0 2px 0 2px; }

/*PRO FANOUSKY */
div #fans  {width: 470px;}
div #fans .navigace {top: 175px; left: 20px;}
div #fans img {margin: 10px 15px 10px 5px;}

div #fans ul {list-style: square; color: #000000; }
div #fans ul li {padding: 3px;  margin: 0 0 0 15px; color: #000000;}
div #fans ul.vyherci {margin: 0 0 0 130px;}

div #fans .wall {width: 46%; float: left; margin: 10px 5px 10px 5px;}
div #fans .wall ul {margin: 0 0 0 15px;}
div #fans .wall ul li {color: #777777; font-size: 90%;}

div #fans .vyznani {margin: 10px 0 5px 0; padding: 10px; }
div #fans .vyznani h4 {margin-bottom: 10px; display: block; border-bottom: 1px solid #777777; padding: 5px 0 10px 35px; background: url(/_clip/kytka.png) 0 0 no-repeat;  }
/*\*/ * html div #fans .vyznani h4 { background: url(/_clip/kytka.gif) 0 0 no-repeat;} /**/
div #fans .vyznani p {line-height: 20px;}

/*PARTNERI */
div #partner  {width: 550px;}
div #partner .half {width: 46%; margin: 10px;}


/*KONTAKTY */
div #kontakt  {width: 400px;}
div #kontakt img.no_border {border: none; margin: 15px 10px 10px 10px;}


/* ERROR */

div #error {width: 400px;}
div #error ul {list-style: square;  }
div #error ul li {padding: 3px;  margin: 0 0 0 15px; color: #777777;}
div #error ul li span {color: #000000;}