@charset "utf-8";
body  {
	margin: 0; /* Je vhodné nastavit nulový okraj a odsazení elementu body a umožnit tak použití různých výchozích hodnot prohlížeče. */
	padding: 0; /* Umístí kontejnery na střed v prohlížečích IE 5*. Text je nastaven na výchozí zarovnání vlevo v selektoru #container. */
	color: #CCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-image: none;
	background-color: #000;
	SCROLLBAR-FACE-COLOR: #900;
	SCROLLBAR-HIGHLIGHT-COLOR: #C30;
	SCROLLBAR-3DLIGHT-COLOR: #C00;
	SCROLLBAR-SHADOW-COLOR: #000;
	SCROLLBAR-DARKSHADOW-COLOR: #906;
	SCROLLBAR-TRACK-COLOR:#333;
	SCROLLBAR-ARROW-COLOR: #000;
}
.thrColFixHdr #container {
	width: 970px;
	text-align: left; /* Dojde k potlačení zarovnání textu: zarovnání na střed u elementu body. */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} 
.thrColFixHdr #container p {
	font-size: 12px;
}
.thrColFixHdr #container p a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	color: #FFF;
}
#TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible h2 a {
	color: #FC0;
}

.red {
	color: #F00;
}

.thrColFixHdr #container a img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.thrColFixHdr #container h1 {
	font-size: 24px;
	font-weight: bolder;
}
.thrColFixHdr #container h2 {
	font-size: 18px;
	font-weight: normal;
}
.thrColFixHdr #container h3 {
	font-size: 18px;
	font-weight: bolder;
	font-family: "Lucida Console", Monaco, monospace;
}
.thrColFixHdr #container h4 {
	font-size: 14px;
	font-weight: bold;
}
.thrColFixHdr #container h5 {
	font-size: 16px;
	font-weight: bold;
	color: #FC0;
	font-family: Arial, Helvetica, sans-serif;
}
.thrColFixHdr #container h6 {
	font-size: 14px;
	font-weight: normal;
	color: #FC0;
	font-family: Arial, Helvetica, sans-serif;
}


.thrColFixHdr #header {
	background-image: url(Obrazy/Header.gif);
	height: 75px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
} 
.thrColFixHdr #header h1 {
	margin: 0; /* vynulováním okraje posledního elementu v tagu #header div zabráníte sbalení okraje – nevysvětlitelné mezeře mezi tagy div. Pokud má tag div kolem pevný okraj, není tato operace nutná, jelikož rovněž nedochází ke sbalení okraje. */
	padding: 10px 0;
}
.thrColFixHdr #sidebar1 {
	float: left; /* Jelikož se jedná o plovoucí element, je nutné zadat šířku. */
	width: 210px;
	padding: 0px;
	height: 660px;
}
.thrColFixHdr #sidebar2 {
	float: right; /* Jelikož se jedná o plovoucí element, je nutné zadat šířku. */
	width: 205px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	height: 660px;
}
.thrColFixHdr #sidebar2 #box {
	height: 220px;
	width: 200px;
	border: 1px solid #333;
	background-image: url(Obrazy/Pozadi-box1.gif);
}
.thrColFixHdr #sidebar2 #box2 {
	height: 210px;
	width: 200px;
	border: 1px solid #333;
}
.facebook {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #FFF;
	background-color: #36F;
}


.thrColFixHdr #mainContent {
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 630px;
	width: 500px;
	float: left;
	overflow: auto;
	background-image: none;
	background-color: #000;
}  

.thrColFixHdr #footer {
	margin-top: 0px;
	padding-top: 0;
	padding-right: 10px;
	padding-left: 20px;
	border: 1px solid #333;
} 

.thrColFixHdr #footer p {
	margin: 0; /* Vynulováním okrajů prvního elementu v zápatí zabráníte možnému sbalení okraje – vzniku mezery mezi tagy div. */
	padding: 10px 0; /* Odsazení tohoto elementu vytvoří mezeru stejně jako okraj, avšak bez problému se sbalením okraje. */
	color: #999;
}


#footer p a {
	font-weight: normal;
	color: #FC0;
}
.boxgray {
	color: #CCC;
}
.boxkolo {
	font-size: 16px;
	font-weight: bold;
}
.kapela {
	font-size: 17px;
	font-weight: bolder;
	color: #FF0;
}

.novisible {
	color: #000;
}
.you {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #FFF;
	background-color: #C00;
}
.tube {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #FFF;
	background-color: #C00;
}


.fltrt { /* Tuto třídu lze použít pro nastavení plovoucího elementu vpravo na stránce. Plovoucí element musí předcházet element, vedle kterého se má na stránce zobrazovat. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Tuto třídu lze použít pro nastavení plovoucího elementu vlevo na stránce. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Tato třída musí být umístěna u elementu div nebo break a musí být posledním elementem před uzavřením kontejneru, který musí plovoucí prvek zcela obsahovat. */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#mainContent ul {
	font-size: 12px;
}

#mainContent ul li a {
	color: #FFF;
}
.tubeBLACK {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 20px;
	font-weight: bolder;
	color: #000;
	background-color: #C00;
	padding-right: 10px;
	padding-left: 10px;
}
