html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background: #369;
	font-size: 85%;	
}

body,
th,
td,
input,
textarea,
select {
	font-family: "Arial CE", Arial, sans-serif;
	color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

h1 span,
h2 span {
	display: none;
}

h3 {
	font-size: 130%;
}

p,
blockquote,
ul,
ol,
dl {
	margin-top: 0;
	margin-bottom: 1ex;
	text-align: justify;
}

blockquote {
	margin: 0 0 1ex 0;
	padding: 0;
}

a {
	color: #6bde85;
	font-weight: bold;
}

a:hover {
	text-decoration: none;
}

img {
	margin-top: 2px;
	padding: 2px;
	background: #000 url('images/cekej.gif') center no-repeat;
	border: 1px solid #ccc;
}

a:hover img {
	background-color: #fff;
}

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin-top: 1em;
	padding: 10px;
	border: 2px solid #ccc;
	-moz-border-radius: 8px;
}

legend {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 80%;
}

input,
textarea {
	margin-top: 6px;
	background: #369;
	border: 1px solid #6482a1;
}

select {
	background: #369;
	border: none;
}

input.button {
	color: #6bde85;
	background: #036;
	cursor: pointer;
}

input.button:hover {
	background: #369;
}

hr.hlavni,
hr.poclanku {
	clear: both;
	display: none;	
}

/* ---------------------   HLAVICKA   ----------------------- */

#all {
	margin: 10px auto;
	width: 802px;
	text-align: justify;
}

#hlavicka {
	height: 312px;
	background: url(images/hlavicka.jpg);
}

/* ---------------------   JAZYKY     ------------------------- */

#jazyk {
	position: absolute;
	top: 2px;
	left: 50px;
}

#jazyk span {
	display: none;
}

#jazyk a img {
	margin: 0 2px 0 0;
	padding: 1px;
	background: transparent;
	border: 1px solid #999;
}

#jazyk a:hover img {
	border: 1px solid #fff;
}

/* ---------------------   NAVIGACE   -------------------------- */

#navigace {
	position: relative;
	height: 22px;
	background: url(images/navigace_all.jpg) no-repeat;
}

#navigace ul {
	margin: 0 0 0 23px;
	padding: 0;
}

#navigace ul span {
	margin: 0;
	padding: 0;
	display: none;
}

#navigace ul li {
	display: block;
	margin: 0 21px 0 0;
	padding: 0;
	float: left;
}

* html #navigace ul li#navi_shop {
	margin-right: 11px;
}

#navigace a {
	display: block;
	margin: 0;
	height: 22px;
}

li#navi_info,
li#navi_info a {
	width: 54px;
}

li#navi_info a:hover {
	background: url(images/navigace_all.jpg) -825px 0;
}

li#navi_kapela {
	width: 87px;
}

li#navi_kapela a {
	width: 83px;
}

li#navi_kapela a:hover {
	background: url(images/navigace_all.jpg) -900px 0;
}

li#navi_koncerty {
	width: 115px;
}

li#navi_koncerty a {
	width: 110px;
}

li#navi_koncerty a:hover {
	background: url(images/navigace_all.jpg) -1008px 0;
}

li#navi_tisk {
	width: 53px;
}

li#navi_tisk a {
	width: 48px;
}

li#navi_tisk a:hover {
	background: url(images/navigace_all.jpg) -1144px 0;
}

li#navi_fotogalerie {
	width: 144px;
}

li#navi_fotogalerie a {
	width: 138px;
}

li#navi_fotogalerie a:hover {
	background: url(images/navigace_all.jpg) -1218px 0;
}

li#navi_mp3_video {
	width: 116px;
}

li#navi_mp3_video a {
	width: 110px;
}

li#navi_mp3_video a:hover {
	background: url(images/navigace_all.jpg) -1383px 0;
}

li#navi_shop {
	width: 58px;
}

li#navi_shop a {
	width: 52px;
}

li#navi_shop a:hover {
	background: url(images/navigace_all.jpg) -1520px 0;
}

/*#navigace ul ul {
	position: absolute;
	margin: 0;
	padding: 16px 0 0 0;
	visibility: hidden;
	background: transparent url(images/navigace_ul_ul.jpg) 0 16px no-repeat;
}

#navigace ul li:hover ul, #navigace ul li.hover ul {
	visibility: visible;
	z-index: 1;
}

#navigace ul li li {
	margin-left: 5px;
	padding: 2px;
	float: none;
	background: none;
}

#navigace ul li.navi_aktivni a {
	border-bottom: 1px solid #fff;
}

#navigace ul li.navi_aktivni li a {
	padding-right: 5px;
	border: none;
}*/

/* --------------------  HOVER NAVIGACE  -------------------------- */

#navigace ul li a span.over {
	display: block;
	position: absolute;
	top: -223px;
	left: 217px;
	width: 157px;
	height: 182px;
	visibility: hidden;
}

#navigace ul li a:hover span.over {
	visibility: visible;
}

li#navi_info a span.over {
	background: url(images/hover_info.jpg);
}

li#navi_kapela a span.over {
	background: url(images/hover_kapela.jpg);
}

li#navi_koncerty a span.over {
	background: url(images/hover_koncerty.jpg);
}

li#navi_tisk a span.over {
	background: url(images/hover_tisk.jpg);
}

li#navi_fotogalerie a span.over {
	background: url(images/hover_fotogalerie.jpg);
}

li#navi_mp3_video a span.over {
	background: url(images/hover_mp3_video.jpg);
}

li#navi_shop a span.over {
	background: url(images/hover_shop.jpg);
}

/* ----------------------------- LAYOUT --------------------- */

#dva_sloupce_vrsek {
	height: 3px;
	background: url(images/bg_dva_sloupce_vrsek.jpg) no-repeat;
	clear: both;
}

#jeden_sloupec_vrsek {
	height: 3px;
	background: url(images/bg_jeden_sloupec_vrsek.jpg) no-repeat;
	clear: both;
}

#dva_sloupce_stred {
	background: url(images/bg_dva_sloupce_stred.jpg);
	float: left;
}

#jeden_sloupec_stred {
	background: url(images/bg_jeden_sloupec_stred.jpg);
	float: left;
}

* html #dva_sloupce_stred,
* html #jeden_sloupec_stred {
	position: relative;
	top: -17px;
}


#dva_sloupce_stred #hlavni_sloupec {
	margin-right: 21px;
	padding: 0 20px;
	width: 486px;
	float: right;
	background: url(images/pravy_ornament.gif) right bottom no-repeat;
}

* html #dva_sloupce_stred #hlavni_sloupec {
	margin-right: 11px;
}

#jeden_sloupec_stred #hlavni_sloupec {
	margin: 0 20px 0 14px;
	padding: 0 25px;
	width: 718px;
}

#vedlejsi_sloupec {
	margin-left: 15px;
	padding: /*6*/8px 10px 0 10px;
	width: 215px;
	float: left;
	text-align: center;
	font-size: 80%;
	/*background: url(images/levy_ornament.gif) center 5px no-repeat;*/
}

* html #vedlejsi_sloupec {
	margin-left: 8px;
}

#dva_sloupce_spodek {
	height: 4px;
	background: url(images/bg_dva_sloupce_spodek.jpg) no-repeat;
	clear: both;
}

#jeden_sloupec_spodek {
	height: 4px;
	background: url(images/bg_jeden_sloupec_spodek.jpg) no-repeat;
	clear: both;
}

* html #dva_sloupce_spodek,
* html #jeden_sloupec_spodek {
	position: relative;
	top: -17px;
}

#paticka a {
	color: #999;
}

#paticka p {
	margin: 0 20px;
	padding: 0;
	text-align: left;
	color: #999;
	font-size: 80%;
}

/** html #paticka p {
	margin: 0 30px;
}*/

#paticka span {
	margin-right: 280px;
}

#paticka img {
	position: relative;
	top: 4px;
	padding: 0;
	background: transparent;
	border: none;
}

#paticka a:hover,
#pocitadlo a:hover {
	color: #ccc;
}

/* ---------------------     NAPLN     ------------------------ */

p#aktualizace {
	position: relative;
	/*top: -20px;*/
	margin: 10px 0 0 0;
	padding: 1px 20px 1px 0;
	font-size: 73%;
	color: #ff9;
	background: url('images/icon_kalendar_s.gif') top right no-repeat;
	text-align: right;
}

.topclanek,
.uryvek_clanku,
.videoplayer,
.mp3player2 {
	margin: 10px 0;
	padding-bottom: 10px;
	clear: both;
	border-bottom: 2px solid #6482a1;
}

.topclanek {
	padding: 10px;
	border: 2px solid #ccc;
	-moz-border-radius: 8px;
}

#cely_clanek {	
	margin: 26px 0 10px 0;
}

* html #cely_clanek img {	
	margin-top: -18px;
	margin-bottom: 18px;
}

.odkaz_cely_clanek {
	margin-top: 10px;
	padding-left: 8px;
	text-align: left;
	background: url('images/bg_cely_clanek.gif') left 6px no-repeat;
	clear: both;
}

.odkaz_zpet {
	margin-top: 10px;
	padding-left: 8px;
	text-align: left;
	background: url('images/bg_zpet.gif') left 6px no-repeat;
	clear: both;
}

.topclanek h3,
.uryvek_clanku h3,
.videoplayer h3,
.mp3player2 h3,
#cely_clanek h3 {
	padding-left: 16px;
	font-family: "Arial Narrow";
	color: #ff9;
	background: url('images/bg_h3.gif') center left no-repeat;
}

.topclanek h6,
.uryvek_clanku h6,
#cely_clanek h6 {
	padding: 1px 0 0 16px;
	font-size: 70%;
	color: #ff9;	
	background: url('images/icon_kalendar_s.gif') center left no-repeat;
}

p#strankovani {
	padding-top: 10px;
	font-size: 80%;
	clear: both;
}

.subclanek {
	padding: 10px;
	text-align: center;
}

.shop_kategorie {
	padding: 10px;
	text-align: left;
}

.subclanek h3 {
	margin-top: 1em;
	color: #ff9;
	font-size: 100%;
}

.shop_kategorie h3 {
	font-size: 100%;
}

#vedlejsi_sloupec img {
	padding: 0;
	background: transparent;
}

table.seznam,
table.objednano {
	margin: 1px 1px 1em 1px;
	padding: 0;
	width: 100%;
	border-spacing : 0px;
	border-collapse: collapse;
	border: 1px solid #6482a1;
}

table.seznam tr:hover,
table.objednano tr:hover {
	background: #47a;
}

table.seznam th,
table.objednano th {
	padding: 5px;
	text-align: center;
	color: #6bde85;
	background: #369;
	border: 1px solid #6482a1;
}

table.seznam td,
table.objednano td {
	padding: 2px;
	text-align: center;
	border: 1px solid #6482a1;
}

table.seznam td span.den {
	color: #ff3;
}

table.seznam tr.skrt td {
	text-decoration: line-through;
}

/*--------------------------------- FOTOGALERIE ------------------------------*/

div.nahled,
body div.nahled_detail {
	margin: 10px 1px;
	padding: 5px;
	float: left;
	text-align: center;
	border: 1px solid #6482a1;
}

div.nahled img,
div.nahled_detail img {
	margin: 10px 29px 5px 30px;
	padding: 2px;
	width: 100px;
}

div.nahled p {
	margin: 0;
	text-align: center;
	font-weight: bold;
	font-size: 85%;
}

#dva_sloupce_stred div.nahled img {
	margin: 10px 21px 5px 21px;
}

/* ----------------------- DISKUZE ----------------------------- */

div.prispevek {
	margin-bottom: 1em;
	padding: 6px;
	border-top: 1px solid #6482a1;
	border-left: 1px solid #6482a1;
}

div.prispevek h3 {
	margin-bottom: 0.5em;
	border-bottom: 1px dotted #ff9;
}

div.prispevek span {
	margin-left: 3em;
	font-size: 70%;
}

div.prispevek h3 a {
	margin-left: 3em;
	font-size: 80%;
}

div.prispevek p a {
	font-size: 80%;
}

div.admin {
	background: /*#0b1c26*/ url(images/diskuze_admin.gif) 98% 12px no-repeat;
}

div.vip {
	background: /*#2e3a3e*/ url(images/diskuze_vip.gif) 98% 12px no-repeat;
}

div.admin h3,
div.vip h3 {
	color: #ff9;
}

p.strankovani_diskuze {
	padding-top: 10px;
	font-size: 80%;
	border-top: 1px solid #6482a1;
	color: #999;
	clear: both;
}

input.diskuze_form {
	width: 200px;
}

textarea.diskuze_form {
	width: 300px;
}

input.counter {
	width: 3em;
	font-weight: bold;
	border: none;
	background: transparent;
}

/* --------------------- SHOP ---------------------------- */

.produkt {	
	margin: 10px 0;
	padding: 10px;
	border: 2px solid #ccc;
	clear: both;
	-moz-border-radius: 8px;
}

.produkt h3 {	
	font-size: 100%;
	color: #ff9;
}


.produkt img {
	background: transparent;
	border: none;
}

.v_kosiku h3 {
	padding-left: 20px;
	background: transparent url(images/bg_h3_ok.gif) left center no-repeat;
}

table.shop_dolni {
	width: 100%;
	border-spacing : 0px;
	border-collapse: collapse;
	border-top: 1px solid #6482a1;
	border-bottom: 1px solid #6482a1;
	clear: both;
}

table.shop_dolni td.table.shop_k_pokladne {
	width: 90px;
}

table.shop_dolni td.shop_vlastnost {
	text-align: right;
}

table.shop_dolni td.shop_ks {
	width: 70px;
	text-align: right;
}

table.shop_dolni td.shop_cena {
	width: 70px;
	text-align: right;
	font-weight: bold;
}

input.shop_objednavka,
textarea.shop_objednavka {
	width: 150px;
}

p.shop_sum {
	margin: 6px 0 0 0;
	padding: 0;
	text-align: right;
	font-size: 80%;
	float: right;
}

input.shop_sum {
	margin: 0;
	padding: 0;
	width: 40px;
	background: transparent;
	border: none;
	color: #ff9;
	text-align: right;
}

table.objednano tr.right,
table.objednano th.right,
table.objednano td.right {
	text-align: right;
}

/* ---------------------    REGISTRACE      ----------------------- */

div#registrovany {
	position: absolute;
	top: -196px;
	right: 2px;
}

* html div#registrovany {
	position: absolute;
	right: 52px;
}

* html #dva_sloupce_stred div#registrovany {
	right: 2px;
}

div#registrovany p {
	font-weight: bold;
	text-align: right;
}

div#registrovany p a {
	color: #f00;
	font-weight: bold;
}

/* ---------------------    classes      ----------------------- */

img.left {
	float: left;
	margin-right: 6px;
}

img.right {
	float: right;
	margin-left: 6px;
}

.ok {
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	background: #9f9;
	font-weight: bold;
}

.chyba {
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	background: #f99;
	font-weight: bold;
}

.bold {
	font-weight: bold;
}

.clear {
	clear: both;
}

.vlevo {
	float: left;
}

.vpravo {
	float: right;
}

.otazka {
	padding-left: 30px;
	/*font-weight: bold;*/
	color: #ff9;
	background: url(images/bg_sipka.gif) 0 center no-repeat;
}


