body {
	/*background-color: #102088;*/
	/*background-image: URL('./pic/grass_2.jpg');*/
	background-image: URL('./pic/pozadi_sede_1.jpg');
	text-align: justify;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}

img {
	border: 0;
}

a {
	text-decoration: none;
	color: black;
}

a.underlined {
	text-decoration: underline;
	color: #2222EE;
}

div.main {
	width: 1000px; 
	position: relative; 
	margin: auto;
	top: 16px;
	height: 750;
	/*
	background-color: #FF00FF;
  border: 1px black solid;
	*/
}

div.upperleft {
	position: absolute;

	width: 680px;
	height: 430px;

	top: 0px;
	left: 0px;

	overflow: auto;
	padding: 8;

	background-color: #FFFFFF;
  border: 1px black solid;
}

div.upperright {
	position: absolute;

	width: 280px;
	height: 430px;

	top: 0px;
	right: 0px;

	overflow: auto;
	padding: 8;

	background-color: #FFFFDD;
  border: 1px black solid;
}

div.bottomleft {
	position: absolute;

	width: 696px;
	height: 296px;

	bottom: 0px;
	left: 0px;

	overflow: auto;
	/*padding: 8;*/

  border: 1px black solid;
}

div.bottomright {
	position: absolute;

	width: 280px;
	height: 280px;

	bottom: 0px;
	right: 0px;

	overflow: auto;
	padding: 8;

	background-color: #FFFFCC;
  border: 1px black solid;
}

div.pisnicky {
	position: absolute;
	width: 224px;
	height: 414px;
	top: 8px;
	left: 8px;
	padding: 8px;
	overflow: auto;
}

div.songlyric {
	position: absolute;
	width: 416px;
	height: 414px;
	top: 8px;
	left: 256px;
	padding: 8px;
	overflow: auto;
	text-align: center;
}


/* *************8 */


div.songitem {
	position: relative;
	font-size: 12pt; 
/*  border: 1px black solid;*/
	padding: 2;
}

span.songitemtitle {
	position: relative;
	padding: 2;
/*  border: 1px black solid;*/
}

span.songitemmp3 {
	position: absolute;
	right: 5px;
	width: 45px;
	text-align: center;
	bottom: 0px;
	padding: 2;
}



a.rolllesek {
	display: block;
	width: 331px;
	height: 331px;
	position: absolute;
	left: 0px;
	top: 0px;
}

a.rolllesek:hover {
	background: url(pic/lesekvyrez.jpg) no-repeat;
}

a.rolldana{
	display: block;
	width: 182px;
	height: 334px;
	position: absolute;
	left: 380px;
	top: 0px;
}

a.rolldana:hover {
	background: url(pic/danavyrez.jpg) no-repeat;
}



/*
a.rollmilos {
	display: block;
	width: 221px;
	height: 253px;
	position: absolute;
	left: 470px;
	top: 193px;
}

a.rollmilos:hover {
	background: url(pic/milos.jpg) no-repeat;
}

a.rolldana{
	display: block;
	width: 231px;
	height: 404px;
	position: absolute;
	left: 218px;
	top: 42px;
}

a.rolldana:hover {
	background: url(pic/dana.jpg) no-repeat;
}

a.rollhelena{
	display: block;
	width: 174px;
	height: 433px;
	position: absolute;
	left: 37px;
	top: 13px;
}

a.rollhelena:hover {
	background: url(pic/helena.jpg) no-repeat;
}
*/

a.rollzpivani{
	display: block;
	width: 286px;
	height: 157px;
	position: absolute;
	left: 180px;
	top: 10px;
}

a.rollzpivani:hover {
	background: url(pic/zpivani_180_10.jpg) no-repeat;
}

div.memberfoto {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 446px;	
	height: 446px;
}

div.memberinfo {
	position: absolute;
	top: 0px;
	left: 446px;
	width: 234px;	
	height: 430px;
	padding: 8px;
}

div.membertext {
	margin-top: 8px;
  /*border: 1px black solid;*/
}

div.menuitem {
	height: 20px;

	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;

	padding: 2;
	font-size: 12pt; 

	font-weight: bold;

  /*border: 1px black solid;*/
}

div.koncertitem {
	text-align: left;
	margin-top: 8px;
	padding: 8;
}

div.title {
	font-weight: bold; 
	font-size: 12pt; 
}

div.bigtitle {
	font-weight: bold;
	text-align: center;
	font-size: 14pt;
	padding: 4px;
}

div.text {
    width: 80%;
    margin: auto;
}

div.time {
	font-size: 8pt; 
}

.shortdesc {
	font-size: 10pt; 
}

.goodmsg {
	color: #008800;
	text-align: center;
	font-size: 10pt; 
}

.badmsg {
	color: #FF0000;
	text-align: center;
	font-weight: bold;
	font-size: 10pt; 
}

.infomsg {
	color: #888888;
	font-style: italic;
	/*text-align: center;*/
	font-size: 10pt; 
}

div.maintext {
}

span.naspodek {
	position: absolute;
	bottom: 12px;
	left: 20%;
	/*right: 3%;*/

	font-family: arial, helvetica, sans-serif;
	font-size: 10pt;
	color: #888888;
}

span.popisobrazu {
	position: absolute;
	bottom: 4px;
	right: 4px;

	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #222222;
	background-color: #FFFFCC;
	padding: 2px;
}

span.fotoprev {
	position: absolute;
	top: 4px;
	left: 4px;

	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #222222;
	background-color: #FFFFCC;
	padding: 2px;
}

span.fotonext {
	position: absolute;
	top: 4px;
	right: 4px;

	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #222222;
	background-color: #FFFFCC;
	padding: 2px;
}

span.fotoback {
	position: absolute;
	top: 4px;
	left: 48%;

	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	color: #222222;
	background-color: #FFFFCC;
	padding: 2px;
}

p.title {
	font-weight: bold;
}

span.title {
	font-weight: bold;
}

p.back {
	font-weight: bold;
	text-align: center;
}

a.back {
	font-weight: bold;
}

table {
	background-color: #FFFFFF;
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size: 12pt;
}

td.left {
	text-align: left;
}

td.center {
	text-align: center;
}

td.right {
	text-align: right;
}

span.emph {
	font-style: italic;
}










div.thumbnails {
	width: 650;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  border: 1px black solid;
}

table.thumbnails {
}

td.thumbImg {
	text-align: center;
}

td.thumbText {
}

p.thumbTitle {
	text-align: center;
	font-size: 14pt;
	color: #000000;
}

a.thumbTitle {
	text-align: left;
	font-size: 14pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

p.thumbAbout {
	font-size: 10pt;
	color: #444444;
	text-align: center;
}

p.albumTitle {
	text-align: left;
	font-size: 14pt;
	color: #000000;
	margin-top: 15px;
}

a.albumTitle {
	text-align: left;
	font-size: 14pt;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

p.albumAbout {
	font-size: 12pt;
	color: #222222;
	text-align: justify;
}

div.album {
	position: relative;
	padding-left: 50px;
	padding-top: 8px;
	margin-top: 8px;
}

div.albuminfo {
	position: absolute;
/*  border: 1px black solid;*/
	left: 230px;
	top: 8px;
	padding-left: 8px;
}

div.foto {
	position: absolute;
	left: 100px;
	top: 100px;
	width: 500px;
	height: 300px;
	background-color: white;
  border: 1px black solid;
}

textarea.guestbook {
	/*width: 500;*/
	width: 100%;
/*  border: 1px black solid;*/
}

div.guestbook_form {
    margin: auto;
    margin-top: 10px;
    position: relative;
	width: 550;
/*  border: 1px black solid;*/
}

span.guestbook_button {
	position: absolute;
	right: 5px;
}

div.guestbookitem {
	text-align: left;
	padding: 8px;
}

div.guestbook_navigation {
    text-align: right;
	padding: 8px;
/*  border: 1px black solid;*/
}

span.guestbook_navigation {
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
}

span.guestbook_counter {
    padding: 1px;
    padding-left: 10px;
    padding-right: 10px;
}