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;}
.center {text-align: center;}
.no_border, a .no_border, a:hover .no_border {border: none;}


body#den {background: #f2f3f8 url(/_clip/web_2011_den.jpg) center top no-repeat fixed;} /** 11 **/
body#noc {background: #100f0d url(/_clip/web_2011_noc.jpg) center top no-repeat fixed; } /** 12 **/
body#diar {background: #f0f0f5 url(/_clip/web3.jpg) center top no-repeat fixed; }
body#fanousci {background: #f4f3f1 url(/_clip/web4.jpg) center top no-repeat fixed; }
body#foto {background: #f6f5fa url(/_clip/web0.jpg) center top no-repeat fixed; }
body#helena {background: #f4f3f1 url(/_clip/web7.jpg) center top no-repeat fixed; }
body#kontakt, body#er {background: #fafafa url(/_clip/web16.jpg) center top no-repeat fixed; }
body#muzika {background: #f4f4f9 url(/_clip/web1.jpg) center top no-repeat fixed; }
body#novinky {background: #f6f5fa url(/_clip/web2.jpg) center top no-repeat fixed; }
body#partneri {background: #d8d7da url(/_clip/web15.jpg) center top no-repeat fixed; }
body#video {background: #e4e2e8 url(/_clip/web17.jpg) center top no-repeat fixed; }



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;}

.outofweb {background: url(/_clip/outofweb.png) right top no-repeat; padding-right: 12px; }

#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 270px; width: 480px; 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;}

#radio_small {position: absolute; top: 0; left: 775px; width: 76px; height: 130px;}
body#den #radio_small, body#noc #radio_small {display: none;}
#radio {position: fixed; bottom: 250px; left: 35px; z-index: 999;}
/* \*/ * html  #prehravac {position: absolute;} /**/
#prehravac {position: fixed; bottom: 5%; left: 2%; z-index: 999;}
/* \*/ * html  #prehravac {position: absolute;} /**/
#prehravac p {margin: 15px 0 0 0; font-size: 70%;}
body#den #prehravac p {color: #777777;}
body#noc #prehravac p {color: #DCDDCD;}
body#diar #prehravac p {color: #DCDDCD;}
body#fanousci #prehravac p {color: #777777;}
body#foto #prehravac p {color: #777777;}
body#helena #prehravac p {color: #DCDDCD;}
body#kontakt #prehravac p {color: #DCDDCD;}
body#muzika #prehravac p {color: #777777;}
body#novinky #prehravac p {color: #777777;}
body#partneri #prehravac p {color: #DCDDCD;}
body#video #prehravac p {color: #DCDDCD;}

/*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;}

div #hp .text-helena {position: fixed; bottom: 5%; right: 2%; z-index: 999;}


/*vseobecny obsah */

.content {margin: 0 0 15px 220px; padding: 0 0 25px 0; }
.obsah {}
.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: 540px; font-size: 75%;  }
div #hp #banner {text-align: center;}
div #hp .hp_left {float: left; width: 300px; margin: 15px 0 0 20px; padding: 0 5px 10px 10px; /*background: url(/_clip/transparent.png) 0 0 repeat;*/}
div #hp .hp_left h2 {width: 290px;}

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 .hp_right h2 {width: 155px;}

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 .new {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 .new p {padding: 0 0 5px 0;}
div #hp .new ol.concert {margin: 0; padding: 10px 10px 10px 15px; font-weight: bold;}
div #hp .new ol.concert li {padding: 3px 0 3px 0;}
div #hp .new ol.concert li span {color: #E2007A; font-weight: normal;}

div #hp .news h3 {background: url(/_clip/ico-news.png) 0 0 no-repeat; padding: 10px 0 20px 55px;}
div #hp .cd h3 {background: url(/_clip/ico-music.png) 0 0 no-repeat; padding: 10px 0 20px 55px;}
div #hp .foto h3 {background: url(/_clip/ico-foto.png) 0 0 no-repeat;  padding: 10px 0 20px 55px;}
div #hp .koncert h3 {background: url(/_clip/ico-koncert.png) 0 0 no-repeat; padding: 10px 0 20px 55px;}
div #hp .televize h3 {background: url(/_clip/ico-tv.png) 0 0 no-repeat;  padding: 10px 0 20px 55px;}

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;}*/

div #novinka ul.news {list-style: square; color: #000000; margin: 0 0 0 25px;}
div #novinka ul.news li {padding: 2px;  margin: 0 0 0 15px; color: #E2007A;}
div #novinka ul.news li span {color: #777777; font-weight: normal; font-variant: small-caps; }


/* 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;}

/* knihy */
div #knihy {width: 450px;}
div #knihy.content {margin: 0 0 15px 270px;}
div #knihy .navigace {margin-left: 50px;}
div #knihy h3 {font-size: 110%;}
div #knihy h3 span {color: #777777; font-weight: normal;}
div #knihy .popis {width: 225px; float: left; margin: 20px 0 20px 0; padding: 5px; font-size: 90%; border: 1px solid #ffffff; color: #000000; }
div #knihy .kniha {float: right; width: 175px; margin: 20px 0 0 0; text-align: center; }
div #knihy .kniha img {padding: 15px; background: url(/_clip/transparent.png) 0 0 repeat; border: 1px solid #ffffff; }
div #knihy .kniha ul {margin: 0 0 5px 30px; width: 110px; font-size: 90%; text-align: left; list-style: square;}
div #knihy .navigace {top: 175px; left: 20px;}



/* 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 h3 {color: #777777; border-bottom: 1px solid #777777; padding: 15px 5px 5px 5px;}
div #muziky .navigace h3 {color: #784087; margin: 10px 0 0 0; display: block; font-size: 110%;}

div #muziky fieldset {width: 330px; float: left; margin: 20px 0 20px 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; }

div #muziky .videoukazka {margin: 25px 40px 25px 40px;}

/*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;}



/*** EXTRA STYLY ***/

#soutez2010 {background: url(/_images/souteze/black-transparent.png) 0 0 repeat; }
#soutez2010 .obsah a {color: #B9D984; }
#soutez2010 .obsah a:hover {color: #ffffff; }
#soutez2010 .obsah {font-variant: small-caps; background:  url(/_images/souteze/2010.png) top left no-repeat; min-height: 800px;  padding-top: 100px; border: none;  color: #ffffff; font-size: 9pt;}
#soutez2010 .obsah h2 { background: url(/_clip/transparent.png) 0 0 repeat; color: #ffffff; padding: 3px 0 4px 5px; font-size: 140%; border: none; margin: 30px 0 0 0;}
#soutez2010 .obsah h3 { background: url(/_images/souteze/orange-transparent.png) 0 0 repeat; color: #ffffff;font-size: 110%; font-weight: bold;  padding: 10px; text-align: center; margin: 35px;}
#soutez2010 ol { padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 40px; }
#soutez2010 ol li {margin: 0 0 5px 0; }
#soutez2010 ol li strong {background: url(/_images/souteze/orange-transparent.png) 0 0 repeat; padding: 2px;}
#soutez2010 strong {color: #ffffff;}
#soutez2010 ol li span {font-variant: small-caps; color: #B9D984;}
#soutez2010 ol.infotext {width: 120px; float: left; font-weight: bold; margin-bottom: 15px; height: 175px; }
#soutez2010 form {background: url(/_images/souteze/orange-transparent.png) 0 0 repeat; padding: 10px; float: right; width: 230px; margin-top: 15px;}
#soutez2010 ol.vyherci {height: 155px;}
#soutez2010 form input {background: #ffffff; color: #000000;}
#soutez2010 p.error {background: url(/_images/souteze/orange-transparent.png) 0 0 repeat; color: #ffffff; float: right; width: 240px; padding: 5px; font-weight: bold; margin-top: 10px; text-align: center;}


#soutez2011 {background: url(/_clip/transparent.png) 0 0 repeat; }
#soutez2011 .obsah {background: url(/_images/souteze/dvd_2011.png) top left no-repeat; border: none;font-variant: small-caps; color: #1D3456;}
#soutez2011 .obsah h2 {color: #ffffff; font-size: 140%; background: url(/_images/souteze/blue2.png) top left repeat; border: none; padding: 3px; margin: 10px 0 5px 0; text-align: right;}
#soutez2011 .obsah h3 {color: #ffffff; text-align: right; width: 260px; margin: 130px 0 40px 180px; font-size: 130%; line-height: 20px; font-weight: normal;}
#soutez2011 ol, #soutez2011 ul.soutez { padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 20px; }
#soutez2011 li {margin: 0 0 5px 0; }
#soutez2011 ul.soutez { float: left; margin: 0 0 10px 20px;  }
#soutez2011 ul.soutez li { color: #1D3456; float: left; margin: 0 20px 0 0; padding: 3px;}
#soutez2011 form { margin: 15px 0 15px 0; border: 1px solid #ffffff; padding: 5px 0 5px 0;}
#soutez2011 .error span {color: #FF0000;}
#soutez2011 form input {background: url(/_images/souteze/blue2.png) 0 0 repeat; margin: 3px; color: #ffffff; }
#soutez2011 form input.button {cursor: pointer; background: url(/_clip/transparent.png) 0 0 repeat; color: #1D3456; }
#soutez2011 form input.button:hover {color: #ffffff; background: url(/_images/souteze/blue2.png) 0 0 repeat;}
#soutez2011 p span {font-size: 110%; color: #1D3456 !important; }