body {
	font-family: "Arial CE", "Helvetica CE", "Arial", "Helvetica", "sans-serif";
	margin: 10px; /* vzdalenost od okraje prohlizece */
	padding: 0px; /* opravuje chybu v Opere 5.0 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	background: #000000;
	color: white;
}

/* Tucne pismo je bile */
b {
	color: #99ccff;
}
strong {
	color: #99ccff;
}

/* Cislovany seznam */
ol {
	font-size: 8pt;
	font-weight: bold;
}

/* prvky cislovaneho seznamu */
li {
	font-size: 8pt;
	font-weight: normal;
	text-align: left;
}

/* Zvýrazněný nadpis */
.titulek {
	font-size: 10pt;
	color: #6699ff;
	font-weight: bold;
}

/* definice formulare */
form {
	margin: 0px, 0px, 12px, 0px;
	padding: 0;
	border: 0;
}
/* datum na hornim okraji stranky je bily */
.datum {
	color:white;
}

/* Definice stylu autora u seynamu pisni */
.autor {
	padding-bottom: 10px;
}

/* Definice popisku fotek v clanku o kapele */
.popisek {
	color: white;
	font-family: Arial CE, Helvetica CE, sans-serif;
	font-size: 8pt;
}

/* Definice obycejneho obrazku */
img {
	border: 0;
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

/* Definice obycejneho obrazku s rameckem */
.img-ramecek {
	border: solid 1px #6699ff;
	margin: 0;
	padding: 0;
	float: center;
}

/* obrazek umisteny vlevo s rameckem */
.img-vlevo {
	float: left;
	border: solid 1px #6699ff;
	margin-top: 4px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* obrazek umisteny vpravo s rameckem */
.img-vpravo {
	float: right;
	border: solid 1px #6699ff;
	margin: 4px 0px 0px 4px;	
}

/* sirka cele stranky */
.main {
	width: 982px;
}

/* definice horniho menu */
.menu {
	color: #6699ff;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}
.footer
{
 float:left;
 width:578px;
 text-align: center;
}

/* definice odkazu */
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6699ff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6699ff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #6699ff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
}

/* sirka leveho sloupce (obsah) */
.left-column {
	width: 582px;
	float: left;
}

/* sirka praveho sloupce */
.right-column {
	width: 178px;
	float: right;
}

/* definice maleho boxu v levem sloupci */
.box1 {
	float: left;
	color: white;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 192px;

}

.box1 h2 {
	background-image: url(images/img1blue.jpg);
	background-repeat: no-repeat;
	padding: 4px 10px 0px 10px;
	margin: 0px;
	font-size: 8pt;
	color: #99ccff;
	font-weight: bold;
}

.box1 .obsah {
	background-image: url(images/img2blue.jpg);
	padding: 4px 10px 0px 10px;
	text-align: justify;
}

.box1 .zapati {
	height: 20px;
	background-image: url(images/img3blue.jpg);
	background-repeat: no-repeat;
}

/* Definece stredne velkeho boxu v levem sloupci */
.box2 {
	float: left;
	color: white;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 386px;

}

.box2 h2 {
	background-image: url(images/img4blue.jpg);
	background-repeat: no-repeat;
	padding: 4px 10px 0px 10px;
	margin: 0px;
	font-size: 8pt;
	color: #99ccff;
	font-weight: bold;
}

.box2 .obsah {
	background-image: url(images/img5blue.jpg);
	padding: 4px 10px 0px 10px;
	text-align: justify;
}

.box2 .zapati {
	height: 20px;
	background-image: url(images/img6blue.jpg);
	background-repeat: no-repeat;
}
/* Definice velkeho boxu v levem sloupci*/
.box3 {
	float: left;
	color: white;
	margin-right: 2px;
	margin-bottom: 2px;
	width: 580px;

}

.box3 h2 {
	background-image: url(images/img7blue.jpg);
	background-repeat: no-repeat;
	padding: 4px 10px 0px 10px;
	margin: 0px;
	font-size: 8pt;
	color: #99ccff;
	font-weight: bold;
}

.box3 .obsah {
	background-image: url(images/img8blue.jpg);
	padding: 4px 10px 0px 10px;
	text-align: justify;
}

.box3 .zapati {
	height: 20px;
	background-image: url(images/img9blue.jpg);
	background-repeat: no-repeat;
}

/* Definice boxu v pravem sloupci */
.box4 {
	width: 170px;
	margin: 0px 0px 2px 0px;
	float: left;
}
.box4 h2 {
	background-image: url(images/img10blu.jpg);
	background-repeat: no-repeat;
	padding: 4px 10px 0px 10px;
	margin: 0px;
	font-size: 8pt;
	color: #99ccff;
	font-weight: bold;
}

.box4 .obsah {
	background-image: url(images/img11blu.jpg);
	padding: 4px 10px 0px 10px;
	text-align: justify;
}

.box4 .zapati {
	height: 20px;
	background-image: url(images/img12blu.jpg);
	background-repeat: no-repeat;
}

