body {
	font-family: Arial, Helvetica, sans-serif;
	background: #dedede url("../img/bgr.gif") fixed;
	color: #000000;
	text-align: center;
	margin: 0;
	padding: 0;
}

#holder {
	width: 775px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.7em;
}

#head {
 	color: #fff;
	width: 775px;
  height: 108px;
	background: #cccccc url("../img/head_bgr.gif");  
	font-size: 1.2em;
}
 
#footer {
	width: 606px;
	text-align: left;
	margin-left: 171px;
	padding: 10px 0px 20px 0px;
	font-size: 1.1em;
}

#left {
	margin: 0px;	
	margin-top: 1px;
	padding: 0;
	float: left; 
	width: 164px;
  background: #f2f2f2; 
  border:  1px solid #d0d0d0;
}  
	
#main {
	margin: 1px 0px 0px 1px;
	padding: 0px;
	width: 606px;
	float: right;
	background-color: #ffffff;
	border:  1px solid #d0d0d0;
}

#middle {
	margin: 1px 8px 10px 7px;
	padding: 0px;
	float: left; 
	width: 415px;
  display: inline;
  /* kvuli double margin bugu v IE */
}
	
#right {
	margin: 1px 8px 10px 0px; 
	padding: 0;  
	width: 166px; 
	float: right;  
	display: inline;
	/* kvuli double margin bugu v IE */
}

	
.cleaner {
	clear:both; 
	font-size:1px;
	border:none; 
	margin:0; 
	padding:0;	
}

/* --------- prvky ---------- */

h1 {
	margin: 10px;
  font-size: 1.6em;
	}
	
h2 {
	margin: 10px;
  font-size: 1.4em;	
  }

h3 {
	margin: 10px;
  font-size: 1.4em;	
}

	
h4 { 
	margin: 0.5em 10px 0.5em 10px;
	font-size: 1.2em;
}


p { 
	margin: 0.5em 10px 0.5em 10px;
	text-align: left;
}
	 
table { 
	margin: 0.5em 10px 0.5em 10px;
	text-align: left;
	 border-collapse: collapse;
}

td {
  vertical-align: top;
}
a { 
	color: #CC0000;
	text-decoration: underline;
  font-weight: bold; 
}

a:hover, a:visited {
	color: #790000;
} 

a img {
  border-width: 0px;
}

form {
	margin: 0.5em 10px 1.5em 10px;
	}

form table {
	font-size: 12px;
}

input, select, textarea {
  border: 1px solid #666666;
	font-size: 12px;
 }

.checkbox  {
  border-width: 0px;
  padding: 0px;
  margin: 0px;
}

.tlacitko {
  border-width: 0px;
  padding-top: 1px;
  margin-top: 1px;
}

.tlacitko-obr {
  border: 1px solid #e0e0e0;
  width: 65px;
  margin-right: 10px;
  padding-top: 1px;
  margin-top: 1px;
  background-color: #e0e0e0;
}


.levy {float: left;  display: inline;}
.pravy {float: right;  display: inline;}
.rel {text-align: right;} 
.levacek {	float: left;}
.pravacek {	float: right;}
.nastred {text-align: center;}

/* --------- head ---------- */

#head h1 {
	margin: 0px;
	padding: 0px;
}

#head img {
	border-width: 0px;
}

.menu {
  height: 48px;
  margin: 0px;
  padding: 0px;
  overflow: auto;
  position: relative;
  }

.menu-c, .menu-s, .logo {
	float: left;
	height: 48px;
	padding: 0px;
	margin-right: 5px;
	}
	
#head .menu img {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  }

.menu-c {
	background: url(../img/m_cervene_m.gif) repeat-x ;
}

.menu-c a {
	position: relative;
	top: 29px;
	padding: 0px 5px;
	text-decoration: none;
	color: white;
	}

.menu-c a:hover, .menu-c a:visited {
	color: white;
}

.menu-s {
	background: url(../img/m_sede_m.gif) repeat-x;
}
.menu-s a {
  position: relative;
  top: 29px;
  padding: 0px 5px;
  text-decoration: none;
  color: #666666;
}
.menu-s a:hover {
	color: #333333;
}
.menu-s a:visited {
  color: #666666;
}

.submenu {
	float: left;
	padding-left: 10px;
	height: 26px;
}
.submenu a {
	color: white;
	_float: left;
	_display: block;
	padding: 0px 10px 0px 25px;
	position: relative;
	top: 3px;
	background: url("../img/sipka_seda.gif") no-repeat 5px 5px;
	text-decoration: none;
	}
.submenu a:hover {
	color: #DEA2AB;
}

.submenu a:visited {
	color: white;
}

.login {
	float: left;
	padding: 9px 10px 0px 6px;
	}

.login a {
  _float: left;
	_display: block;
	color: #cc0000;
	padding: 0px 10px 0px 20px;
	background: url("../img/sipka_cervena.gif") no-repeat 8px 5px;
	}
	
.login a:hover {
	color: #790000;
}

.hledani {
  float: right;
  width: 205px;
  padding: 7px 10px 0px 6px;
  height: 18px;
}

.hledani form {
	margin: 0px;
}

/* --------- left ---------- */

#left img {
border: 0px;
}


left .blok-levy img {
border: 2px;
}

#main .zahlavi h3, #left .zahlavi h3, #middle .zahlavi h3, #right .zahlavi h3,  .zahlavi-ico h3, .zahlavimain h3, .zahlavimain h2, .zahlavimain h1  {
margin: 5px 5px 0px 3px;
padding: 0px;
font-size: 1em;
border: 0px 
}

.zahlavi, .zahlavi-ico, .zahlavimain {
position: relative;
width: 100%;
height: 17px;
background: url("../img/pruh_paticka.gif") no-repeat left bottom;
padding-bottom: 5px;
}

.zahlavimain {
  margin-left: 10px;
  margin-right: 10px;
  width: 586px; 
}


.zahlavi-ico {
height: 37px;
	
}

#main .zahlavi img, #left .zahlavi img, #middle .zahlavi img, #right .zahlavi img, #right .zahlavi-ico img {
border: 0px;
margin: 0px;
padding: 0px;
}

.vetsi {
  font-size: 1.2em;
}


/* --------- main ---------- */

.upoutavky {
margin: 10px 8px 0px 8px;
background: #ffffff;
width: 588px;
height: 35px;
padding-bottom: 3px;
}

.upoutavky img {
float: left;
}

.upoutavky p {
	margin: 0px 2px;
	padding: 0px;
	padding-left: 43px;
}

.upoutavka {
width: 146px;
float: left;
}

.modry {
background-color: #E4EFF3;
margin: 0px 8px 0px 8px;
padding: 0px;
border: solid 1px #B1CED8; 
}


.hlavni-clanek {
width: 588px;
background-color: #E4EFF3;
margin: 0px 8px 0px 8px;
padding: 0px;
border: solid 1px #B1CED8; 
}

.hlavni-clanek img {
float: left;
margin: 0px 10px 10px 10px;
border: 2px solid #d1d1d1;
}

.hlavni-clanek ul {
  padding-left: 20px;
  margin: 10px 5px 10px 10px;
}

.hlavni-clanek li {
  text-indent: -12px;
  list-style: none;
}



/* --------- middle ---------- */



.dalsi {
position: absolute;
right: 2px;
bottom: 5px;
padding-left: 13px;
background: url("../img/sipka_cervena.gif") no-repeat 2px 4px;
font-style: italic;
}

.novinky, .koncerty, .muzikontakt {
padding-bottom: 5px;
margin-bottom: 0px;
width: 100%;
}

.novinky img {
float: left;
margin: 0px 10px;
border: 2px solid #d1d1d1;
}

.novinka {
	float: left;
	width: 200px;
}

.novinka-left {
	float: left;
	width: 30px;
  padding-left: 10px;
  margin-top: 3px;
}
.novinka-right {
	float: right;
	width: 370px;
  padding-left: 0px;
  margin-top: 3px;
}

.kratce {
  height: 223px;
  margin-bottom: 10px;
}

.kratce .reklama {
  height: 15px;
  margin-top: 8px;
}

.kratce .levy {
  width: 114px;
  height: 223px;
  background: url("../img/kratce_bgr.gif") no-repeat 0px 23px;
}

.kratce .pravy {
  margin-left: 1px;
  width: 300px;
}

.kratce2 {
  height: 223px;
  margin-bottom: 10px;
}

.kratce2 .reklama {
  height: 15px;
  margin-top: 8px;
}

.kratce2 .levy {
  margin-left: 10px;
  width: 283px;
  height: 223px;
  background: url("../img/kratce_bgr.gif") no-repeat 0px 23px; 
}

.kratce2 .pravy {
  margin-right: 10px;
  margin-left: 1px;
  width: 300px;
}

.siroce {
  padding-bottom: 10px;
  background: #f3f3f3;
  height: auto;
 }
 
.siroce .zahlavi {
	background: #ffffff url("../img/pruh_paticka.gif") no-repeat left bottom;
}

.koncerty img {
  margin: 5px 10px;
  border: 2px solid #d1d1d1;
}

.koncerty p {
	margin: 0px 10px 0.5em 10px;
	padding-left: 10px;
	background: url("../img/odrazka_sediva.gif") no-repeat 0px 3px;
	}

.koncerty .leva {
	float: left;	
	width: 207px;
	}

.koncerty .prava {
	float: right;
	width: 207px;
	margin-top: 5px;
}

/*
.muzikontakt {
  background-color: white;
}
*/

.muzikontakt p {
 margin-top: 1px;
 margin-bottom: 1px;
}

.muzikontakt .leva {
 float: left;
 width: 205px;
 color: #000000;
}

.muzikontakt .prava {
	float: right;
	width: 205px;
	color: #000000;
}

.muzikontakt .leva1 {
 float: left;
 width: 300px;
}

.muzikontakt .prava1 {
 float: right;
 width: 300px;
}

.muzikontakt h3 {
  margin-top: 3px;
	margin-bottom: 0px;
	font-size: 1em;
  font-weight: bold; 
}


.muzikontakt .leva1 p a, .muzikontakt .prava1 p a  {
 font-weight: normal;
}

.muzikontakt .leva1 h3, .muzikontakt .prava1 h3 {
 margin-bottom: 0px;
 font-size: 1.25em;
}

.pocet {
	color: black;
	font-weight: normal;
}

/* --------- right ---------- */

.blok-pravy {
padding-bottom: 8px;

}

.blok-pravy img {
margin: 5px 0px 0px 0px;
border: 2px solid #d1d1d1;
}

.blok-pravy p {
	margin: 0.5em 5px 0.5em 5px;
	padding-left: 10px;
	background: url("../img/odrazka_sediva.gif") no-repeat 0px 3px;
}

.blok-pravy ul, .blok-levy ul {
  padding-left: 20px;
  margin: 10px 5px 10px 10px;
}

.blok-pravy li, .blok-levy li {
  text-indent: -12px;
  list-style: none;
}


.ramecek {
 border: 1px solid #d4d4d4;
 border-top: 0px;
 padding-top: 2px;
 width: 164px;
}

img.ramecek_left {
 border: 2px;
 padding-left: 2px;
 padding-top: 2px;
 width: 160px
}

.ramecek img {
  margin: 0px;
  margin-top: -2px;
  border: 2px solid #ffffff;
}

/* --------- footer ---------- */

#footer a {
	font-weight: normal;
	padding: 0.5em;
}

#footer p {
	font-weight: normal;
	margin-top: 0.5em;
	color: #666666;
}

#footer p a {
	color: #666666;
}

/* -------------- konec puvodniho stylu -------------------------------   */

.blok-levy p {
	margin: 2px 5px 6px 8px;
	padding-left: 0px;
}

.blok-levy a {
	margin: 0px 0px 0px 0px;
	padding-left: 10px;
	background: url("../img/odrazka_sediva.gif") no-repeat 0px 3px;
}

.formular {
  line-height: 1.5em;
  }

.tabulka-middle {
 margin: 0px;
 width: 415px;
 font-size: 1em;
}

.tabulka-fotoalbum {
	margin-left: 0px;
	margin-right: 0px;
  margin-top: 5px;
  text-align: center; 
  width: 395px;
  font-size: 1em;
}
.tabulka-fotoalbum td {
 padding-top: 5px;
}
.tabulka-fotoalbum img {
	margin-left: 0px;
	margin-right: 0px;
}
.tabulka-zahlavi a:link, .tabulka-zahlavi a:visited{
	font-weight: bold;
}

.tabulka, .tabulka-zahlavi {
 margin: 0px 10px;
 width: 586px;
 font-size: 1em;
}

.tabulka-middle td, .tabulka-zahlavi td, .tabulka td {
 padding-right: 1px;
 padding-left: 4px;
}

.linka {
  height: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  /*background-color: #cecece;*/
  background-color: #b9b9b9;
}

.dvojita-linka {
  height: 2px;
  line-height: 2px;
  margin: 0px;
  padding: 0px;
  background-color: #b9b9b9;
}

.cervena-linka {
  height: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background-color:  #CC0000; 
}

.linka2 {
  height: 1px;
  line-height: 1px;
  margin: 0px;
  padding: 0px;
  background-color: #cecece;
  }

.sudy {
 	/*background-color: #d0d0d0;*/
 	background-color: #d7d7d7;
}
.prvni {
 	/*background-color: #d0d0d0;*/
 	background-color: #c0c0c0;
}
.neschvaleny {
 	background-color: #feabb3;
}

.tabulka-middle a, .tabulka a {
  font-weight: normal;
}

.tabulka-zahlavi {
  font-size: 1.2em;
  font-weight: bold;
  height: 33px;
    background: #efefef repeat 0px 0px;
   }
  
.tabulka-zahlavi td {
  vertical-align: middle;
}

/* --------- koncerty ---------- */

.cas-main {width: 60px;}
.klub-main {width: 130px;}
.misto-main {width: 130px;}
.akce-main {width: 240px;}

.cas {width: 60px;}
.klub, .akce {width: 170px;}

/* --------- mp3 ---------- */


#main .formular {
 background: #F1F7F9 url("../img/formular_paticka.gif") no-repeat left bottom;
 margin: 0px;
 padding-top: 10px;
}

.odsazeni  {
  font-weight: bold;
  width: 200px;
}

.bunka-tlacitka {
  height: 40px;
  text-align: left;
  vertical-align: middle;
}

.formular form table {
  margin: 0px;
  }

#middle .formular form {
  margin-top: 0px;
  }

.formular p {
  margin: 0px;
  
}

.blok-s-ico {
  margin-left: 10px;
}

.blok-s-ico img {
	float: left;
	margin: 0px 5px 5px 0px;
	}

#left .blok-s-ico img {
	float: left;
	margin: 0px 5px 3px 0px;
	}
	
/* ---- koment? ------------------------------------------  */

#middle .komentare {
  background-color: #E4EFF3;
  border: solid 1px #B1CED8;
  vertical-align: middle;
  line-height: 1em;
  display: block;
  margin: 5px 0px 5px 0px;
  width: 413px;
}

.komentare {
  background-color: #E4EFF3;
  border: solid 1px #B1CED8;
  vertical-align: middle;
  line-height: 1em;
  display: block;
  margin: 5px 10px 5px 10px;
  width: 584px;
}

.komentare td {
  vertical-align: middle;
  padding-left: 5px;
}

.komentare button {
  border: 1px solid #E4EFF3;
  margin-right: 1px;
  padding-top: 1px;
  margin-top: 1px;
  background-color: #E4EFF3;
}

.komentare .pridat, .komentare .vse {
  width: 76px;
}

.komentare .vybrane {
  width: 102px;
}

.prispevek {
	margin: 0.5em 10px 0.5em 10px;
	text-align: left;
	background: transparent url(../img/ico_ffw.gif) no-repeat 0px 5px;
	padding: 5px 5px 5px 20px;
}
.prispevek p { 
	margin: 0.5em 10px 1.5em 5px;
	overflow: hidden;
 }
	 
.nazev-prispevku  {
	width: auto;
	margin-bottom: 10px;
	font-weight: bold;
}

.zahlavi-prispevku {
	background-color: #E4EFF3;
	padding: 5px;
	padding-bottom: 10px;
}

.prispevek-datum {
	display: inline;
	margin-left: 10px;
}

.clanek {
  /*width: 395px;*/
  width: 400px;
  font-size: 1.2em;
}

.popisek {
  background-color: #f2f2f2;
  padding: 5px;
  font-style: oblique;
}
  
.mezera {
  height: 10px;
}
.kalendar, .katalog {
  width: 144px;
  font-size: 12px;
  border-collapse: collapse;
  }

.kalendar a {
  font-weight: normal;
  text-decoration: none;
  }

.kalendar td {
  text-align: center;
  border: 1px solid #777777;
  background-color: #eeeeee;
  }

.kalendar .dnesek {
  background-color: #ffffff;
}

.kalendar .nadchazejici {
  background-color: #e3e3e3;
}

.kalendar .nedele {
  background-color: #E8BFC9;
}

.kalendar .jinymesic {
  background-color: #bbbbbb;
}

.kalendar .jinymesic-nedele {
  background-color: #BE96A0;
}

#left .no-border {
  border-width: 0px;
}

.fotka-ramecek {
margin: 0px 10px 10px 10px;
border: 2px solid #d1d1d1;
}

/* --------- formul?pes dva sloupce ---------- */

.formular-main {
width: 586px;
background-color: #E4EFF3;
margin: 0px 8px 0px 10px;
background: #F1F7F9 url("../img/formular_paticka.gif") repeat-x left bottom;
padding-top: 10px;
}

.formular-main .bunka-tlacitka {
  height: 30px;
  padding-top: 20px;
}

.formular-main form {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.nadpis-s-ico .levy {
	width: 88%;
	padding-bottom: 10px;
	_padding-bottom: 0px;
}

.obrazek-leva {
 	background-color: #f2f2f2;
	float: left;
	font-style: oblique;
	display: inline;
	margin: 5px 5px 5px 5px;
	_margin-left: -3px;
}

.obrazek-prava {
 	background-color: #f2f2f2;
	float: right;
	font-style: oblique;
	display: inline;
	margin: 5px 5px 5px 5px;
	_margin-right: -3px;
}

.obrazek-stred {
	text-align: center;
	font-style: oblique;
	margin: 0px 5px 5px 5px;
}

.obrazek-leva img, .obrazek-prava img, .obrazek-stred img{
	_margin-right: -3px;
}

.obrazek-stred .vnitrek {
 	background-color: #f2f2f2;
	margin: 0px auto;
}

.obrazek-leva p, .obrazek-prava p, .obrazek-stred p {
  font-size: 0.8em;
	line-height: 1em;
	margin: 0px;
	padding: 1em;
	_margin-right: -5px;
}

/* ------------------------------ reklamy ---------------------------------- */
#holder-bannery {
	width: 775px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.7em;
}

.reklama {
  text-align: right;
  color: #6e6e6e;
  font-size: 0.8em;
  margin-top: 8px;
  height: 14px;
}

.banner1 {
  text-align: right;
	margin: 2px 10px 3px 3px; 
}

#left .reklama img {
  border-width: 0px;
}

.okraj {
  border: 1px solid black;
  font-size: 0px;
}

.banner-dole {
	width: 540px;
	margin-left: 171px;
  margin-bottom: 8px;
}

.fullbanner {
  float: right;
  width: 470px
}
/* ------------------------------ etarget ---------------------------------- */
.etarget {
  width:395px;
  background-color:#ffffff;
  font-size:1em;
  color:#000000;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  font-family:arial,helvetica,sans-serif;
}
.etarget a {
	color: #CC0000;
	text-decoration: underline;
}
.etarget a:hover {
	color: #790000;
}
.etarget .selfpromo {
  width:395px;
  background-color:#ffffff;
  color:#000080;
  font-size:1em;
  border-bottom:#000080;
}
.etarget .selfpromo a {
  color:#ff8000;
}
.etarget .selfpromo .left {
  text-align:left;
  font-weight:bold;
  padding:0px 0px 10px 0px;
  color:#000000;
}
.etarget .selfpromo .right {
  float:right;
  padding:0px 0px 10px 0px;
  font-weight:bold;
}
.etarget .title {
  margin:-10px 1px 0px 1px;
  padding:0px 0px 0px 0px;
}

/* ------------------------ hodnoceni ------------------------------------- */

.hodnoceni {
	margin: 10px; 
	padding: 0px;
	width: 380px; 
	font-size: 120%;
}

.hodnoceni .hodnota {
	text-align: center;
	width: 30px;
	border-right: 1px dotted #b1cde8;
}

.hodnoceni .hodnota a {
	display: block;
	width: 30px;
}
.curpt {
cursor : pointer;
}

.orange{
color:#fd9618;
}
.red{
color:red;
}
.red{
color:red;
}
.grey{
color:#d7d7d7;
}

/* ------------------------ napoveda -------------------------------------- */
.simulace{
color:#CC0000;
font-weight:bold;
}
.zvyrazneni{
color:#2377A3;
}