html, body { height:100%; }
body {
	margin:0;
	padding:0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:white url('../img/backgrnd.gif') 0 0 repeat-y;
	color:black;
	font-size:0.8em;
}

#motto {
  float: right;
  width: 200px;
  margin: 0 0 15px 15px;
  line-height: 1.5em;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  background-color: #eee;
  padding: 10px 15px;
}

/* layout strony */
#left-blue {
	position:absolute;
	top:0;
	left:20px;
	width:150px;
	height:100%;
	background:#225576;
	border-left:solid black 1px;
	border-right:solid black 1px;
	z-index:1;
}
#top-grad {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	min-width:760px;
	height:15px;
	background:url('../img/top_grad.gif') 0 0 repeat-x;
	z-index:0;
}
#left-grad {
	position:absolute;
	top:85px;
	left:0;
	width:20px;
	height:125px;
	background:url('../img/left_grad.gif') 0 0 repeat-x;
	z-index:0;
}
#main-grad {
	position:absolute;
	top:85px;
	left:170px;
	width:513px;
	height:115px;
	background:url('../img/main_grad.gif') no-repeat;
	z-index:0;
}
#logo {
	position:relative;
	top:5px;
	left:190px;
}
#top-red {
	position:absolute;
	top:15px;
	left:0;
	width:100%;
	min-width:760px;
	height:60px;
	background:#771717;
	border-top:solid black 1px;
	z-index:2;
}
#top-white-line {
	position:absolute;
	top:75px;
	left:0;
	width:100%;
	min-width:760px;
	height:1px;
	color:#aaaaaa; /* dla IE */
	background-color:#aaaaaa;
	z-index:2;
}
#top-black-bar {
	position:absolute;
	top:76px;
	left:0;
	width:100%;
	min-width:760px;
	height:9px;
	color:black; /* dla IE */
	background-color:black;
	z-index:2;
}
#top-foto-window {
	position:absolute;
	top:16px;
	left:20px;
	width:150px;
	height:59px;
	background:#4D3647;
	border-left:solid black 1px;
	border-right:solid black 1px;
	z-index:3;
}

/* TRESC STRONY */
#main {
      position:absolute;
      top:105px;
      left:190px;
      width:780px;
	  font-size:0.9em;
	  padding-bottom:20px;
}

/* wybor jezyka */
#lang { position:absolute; top:90px; width:100%; text-align:center }

/* MENU */
#menu {
            position:relative;
            top:110px;
            width:100%;
            background:#4780a4;
            border-top:solid black 1px;
            border-bottom:solid black 1px;	
}
#menu ul {
        padding:0;
        margin:0;        
        list-style-type:none;
}
#menu li { width:150px; margin:0; padding:0 }
#menu li.umenu { background:url('../img/dot.gif') repeat-x bottom }
#menu li.selected { background-color:#7b848a; color:#fff }
#menu li.selected a { color:#fff }
#menu a { display:block; text-decoration:none; color:#c9cdd0; font-family:courier, serif; padding:3px 0 3px 10px }
#menu a:hover { color:#fff; background-color:#7b848a }
#menu li.umenu a:hover { background:#7b848a url('../img/dot.gif') repeat-x bottom }

#concertmain { position:relative; top:130px; width:100%; background-color:#16374c; border-top:solid #000 1px; border-bottom:solid #000 1px }
#concertmain div { margin:3px 8px }
#concertmain a { text-decoration:underline; cursor:pointer }
#concertmain a:hover { color:#fff }
#concertmain p { text-align:right; margin:4px 0 }

#friends {
  position: relative;
  top: 145px;
  text-align: center;
  color: #C9CDD0;
  font-size: .7em;
}

#friends p {
  text-align: center;
  margin-bottom: 0;
}

#friends img { 
  margin-top: 10px;
}	

div.info	{ padding:0 12px; border:1px dashed #FFD362; background: #FFFAEB; }

/* NEWSY */
#news { padding:0; margin:0; }
#news dt { font-weight:bold; margin:0 0 0 15px; padding:0 }
#news dd { margin:0 0 10px 25px; padding:0 }
#news dd.small { margin:0 0 5px 15px; padding:0; font-size:0.8em; color:#aaaaaa; }

/* GUESTBOOK */
#gbook { padding:0; margin:0; }
#gbook dd { margin:10px 0 2px 0; padding:0 }
#gbook dd.small { margin:0; padding:0; font-size:0.8em; color:#aaaaaa; }

/* KONCERTY */
table.conc { font-size:1em; width:100%; padding:0; border-collapse:collapse; }
table.conc th { border-top:solid 1px #cccccc; background-color:#f0f0f0; }
table.conc th, td { border-bottom:solid 1px #cccccc; padding:4px 6px }
table.conc td { text-align:center; font-size:0.9em }

/* GALERIA */
#gallery		{ width: 100%; clear:both; font-size:1em; font-family:helvetica, verdana, arial, sans-serif; text-align:center }
#gallery img	{ border:solid 5px #000 }
#gallery a		{ text-decoration:none; color:#336699 }
#gallery a:hover{ text-decoration:underline }
#gallery div, p { text-align:center }
#gallery ul		{ text-align:left }
#gallery p		{ padding:3px 0; margin:0 }

/* INNE */
a { color:#12669b; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:0; }
img.bord	{ border:solid 1px #000 }
hr { margin:0; padding:0; border:0; clear:both; }
label { padding-right:3px; }
dd.bmargin { margin-bottom:6px; }
p.title { font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #aaa; padding-bottom: 3px; }

h1 { overflow: hidden; margin:0; padding:0; font-size:0; height:0 !important;}
h2 {
   margin:0 0 15px 0;
   padding:0 0 2px 5px;
   font-size:1.2em;
   font-weight:bold;
   font-family:arial, helvetica, sans-serif;
   letter-spacing:0.3em;
   color:#999999;
   border-bottom:solid 1px #771717;
   border-left:solid 10px #771717;
   width:150px;
}
h3 { font-size:1em; margin: 1.2em 0 }

#main li { margin:3px 0; padding:0 }

p	{ text-align:left; padding:0; margin:12px 0; line-height:1.4em }
.padd { padding-left:15px; }
p.capt { text-indent:25px; }

.input1 {
	background:#fdfdfd;
	padding:0.1em;
	color:#333;
	border:1px solid;
	border-color:#c0c0c0 #808080 #808080 #c0c0c0;
	background-color:#fafafa;
}
.button1 {
	border:1px solid;
	font-size:0.9em;
	font-weight:bold;
	padding:0.1em 0.5em;
	color:#5a5a5a;
	border-color:#ccc #666 #666 #ccc;
}

.hand { cursor:pointer }

/* style fontow */
.courier { font-family:courier, serif }
.light-blue { color:#c9cdd0 }
.gray	{ color:#777 }

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

.right { text-align:right; }
.top { vertical-align:top; }

.txt09 { font-size:0.9em; }
.txt08 { font-size:0.8em; }
.txt07 { font-size:0.7em; }

.fLeft { float: left }
.fRight { float: right }
.clear  { clear: both }

.indent { margin-left: 15px }

/* tabele */
table	{ font-size:1em }
th, td	{ text-align:center; padding:4px }
th		{ font-size:0.9em; border-bottom:1px solid #aaa }
td		{ font-size:0.8em; border-bottom:1px dotted #ddd }

acronym { border-bottom:1px dotted blue; cursor:help }

dl { padding:0; margin:0 0 0 15px; line-height: 1.5em }
dt { font-weight:bold; margin: 10px 0; padding:0 }
dd { margin: 10px 0; padding:0 }


.band {
	margin-top: 30px;
	min-height: 200px;
}

.band img {
	float: left;
	margin-right: 20px;
}

.band .nick {
	font-size: 1.5em;
}