@charset "iso-8859-2";
html {background:#dc7300 url(../images/bg_html.jpg);}

body div,
body p,
body th,
body td,
body li,
body dd	{
  font-size: xx-small;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: x-small
}

html>body,
html>body div,
html>body p,
html>body th,
html>body td,
html>body li,
html>body dd {
  font-size: x-small
}
body  {
	
	background: url(../images/bg_body.jpg) repeat-x top;
	margin: 0; 
	padding: 0;
	color: #3f3336;

}

body, p, ul{font-family: "Trebuchet MS", Tahoma, Geneva, Arial, Helvetica, sans-serif; }
img {border:0px}
p {margin:0px 0px 1em; padding:0px;}
A:link    { color: #d67100; text-decoration:none }   
A:visited { color: #945815; text-decoration:none }   
A:hover   { color: #d67100; text-decoration:underline; } 
A:active  { color: #d67100; text-decoration:underline; }

form {margin:0px; padding:0px; }
fieldset {border:0px; padding:0px 5px}
legend {font-weight:bold}
label {width:8em; display:block; float:left}
input, textarea{font-family:Tahoma, Arial, sans-serif;  width:260px}
.required, .optional {margin-bottom:4px; display:block; clear:left; }
.required label{}
.buton {width:5em; margin:0px auto; margin-top:4px; margin-bottom:4px;}
.aktualny{font-weight:bold;}

.twoColFixRtHdr #container { width: 999px;} 
.twoColFixRtHdr #header { background: url(../images/bg_header.jpg) no-repeat; padding: 0; height: 343px; width: 999px; position:relative } 
.twoColFixRtHdr #header h1 { margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */ padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */ background: url(../images/bg_header.jpg) no-repeat; height: 343px; width: 999px; }
#header a#linkHomePage{ display:block; width:227px; height:147px; position:absolute; top:34px; left:308px; }
#header #menu { height: 324px; width: 400px; position: absolute; left: 544px; top: 0px; overflow:hidden }
#menu ul { padding: 40px 0 0 20px; margin: 0; list-style:none;  }
#menu ul li {list-style:none;}
#menu a {display:block; padding:2px 6px; margin-bottom:1px; width:12em; background: #e8e3dd; font-size:110%; font-weight:bold } 
#menu a:hover {background: #e1dad1}
#header #foto { position: absolute; left: 9px; top: 0px; height: 334px; width: 298px; background: no-repeat left top; }

.twoColFixRtHdr #sidebar1 { position: absolute; top:0px; left: 544px; background: #191311 url(../images/bg_sidebar.jpg) repeat-x top; padding: 0px 10px; margin:0 55px 0 0; color: #ccc2b9; width: 380px;}
#sidebar1 .box, #sidebar1 .item { margin: 0 0 2px 0; padding: 0px; width:380px; overflow:hidden; background-color: #4B2927;font-size:110%}
#sidebar1 .box p, #sidebar1 .item p { padding: 5px 5px 0px 5px;  line-height: 1.2em;   font-size:100% }
#sidebar1  .data{color:#ccc2b9; }
#sidebar1  .box .data{padding-left:5px;}
#sidebar1 .box h2 span.data {font-size:80%; font-weight:normal}
#sidebar1 .special { display:block; padding-left:202px; background:url(../images/bg_sidebar_a.gif) no-repeat 190px 4px;  padding-bottom: 4px; }
#sidebar1 .box .small_foto { text-align: center; margin: 0px; width: 31%; height:110px; margin: 1px 1% 0 0; padding:2px; font-size: 0.9em; float: left;  overflow: hidden; position:relative; background-color:#37211e }
#sidebar1 .box .small_foto img{vertical-align:middle}
#sidebar1 .box .small_foto span{position:absolute; bottom:2px; display:block; width:100%; text-align:center}
#sidebar1 .box .small_foto a{line-height: 1em; color:#ccc2b9}
#sidebar1 .koncert {padding-left:5px; font-size:100%}
#sidebar1 ul li {list-style:none; background:url(../images/bg_sidebar_li.gif) no-repeat 0px 0.5em;  padding-left:12px; font-size:100%}
#sidebar1 h2 {color: #FFFFFF; font-size:1.2em; margin:4px 5px 0 5px; font-weight: bold;}
#sidebar1 h4 {color: #FFFFFF;  margin:4px 5px 0 5px; font-weight: normal;}

#content { background: url(../images/bg_maincontent.gif) repeat-y; width: 999px; padding: 0; margin: 0 0 8px 0; position: relative; }
#mainContent { padding: 0 17px; background: url(../images/bg_maincontent.jpg) no-repeat top left; width: 490px; position: relative; margin: 0px; } 
#mainContent .box, #mainContent .item { margin: 0 0 4px 0; padding: 5px; width:500px; overflow:hidden; background-color: #f3efec; font-size: 110%; }
#mainContent .box p, #mainContent .item p { padding: 5px 0; font-size:110%; line-height:1.2em }
#mainContent .data{ color:#908b7f; font-size:0.9em; }
#mainContent h2 { padding:0px 0 0 12px; margin:0px; background:url(../images/bgh2.gif) no-repeat 0px 5px; font-size: 1.3em; }
#mainContent  h4 { font-size:1.2em; margin:14px 5px 0 5px; font-weight: bold;}
#mainContent div.special {background:url(../images/bg_maincontent_additional.gif) no-repeat 100% 100%; padding:5px; margin-bottom:2px; width:490px; font-size:110%; }
#mainContent .special a {background:url(../images/bg_a.gif) no-repeat 0px 4px; padding-left:12px;}
#mainContent  .small_foto {  margin: 0px; width: 120px; height:120px; margin: 1px 1px 0 0; padding:2px; font-size: 0.9em; float: left; text-align:center;  overflow: hidden; position:relative; background-color:#e8e2db }
#mainContent  .small_foto img{vertical-align:middle; }
#mainContent  .small_foto span{display:block; width:100%; padding-top:2px; text-align:center}
#mainContent  .small_foto a{line-height: 1em; color:#3f3336}
#mainContent ul li {list-style:none; background: url(../images/bg_maincontent_li.gif) no-repeat 0px 0.2em;  padding-left:12px; font-size:110%}
#mainContent .koncert {padding-left:5px; font-size:110%}

#dotresci span {margin-right: -5000px; }
.head span {margin-left:-5000px;}
/* naglowki glowne */
h1.head { position: absolute; left: 354px; top: -82px;  background:no-repeat top left; width:168px; height:51px; margin:0px; padding:0px; }

h1#koncerty { background-image: url(../images/header/koncerty.gif);}
h1#aktualnosci { background-image: url(../images/header/aktualnosci.gif);}
h1#zespol { background-image: url(../images/header/zespol.gif);}
h1#historia{ background-image: url(../images/header/historia.gif);}
h1#dyskografia { background-image: url(../images/header/dyskografia.gif);}
h1#galeria { background-image: url(../images/header/galeria.gif);}
h1#multimedia { background-image: url(../images/header/multimedia.gif);}
h1#anegdoty { background-image: url(../images/header/anegdoty.gif);}
h1#ksiegaGosci { background-image: url(../images/header/ksiegaGosci.gif);}
h1#media { background-image: url(../images/header/media.gif);}
h1#kontakt { background-image: url(../images/header/kontakt.gif);}
h1#ekipa { background-image: url(../images/header/ekipa.gif);}
h1#wspolpracownicy { background-image: url(../images/header/wspolpracownicy.gif);}
h1#mp3 { background-image: url(../images/header/mp3.gif);}
h1#filmy { background-image: url(../images/header/filmy.gif);}
h1#media { background-image: url(../images/header/malgorzataWmediach.gif);}
h1#tapety { background-image: url(../images/header/tapety.gif);}


h3.head{background:no-repeat top left; margin:0px; padding:0px; width:186px; }
h3#koncerty{background-image:url(../images/header2/koncerty.jpg);height:28px;}
h3#nowaplyta{background-image:url(../images/header2/nowaplyta.gif); height:40px;}
h3#galeria{background-image:url(../images/header2/galeria.jpg); height:47px;}
h3#ksiegagosci{background-image:url(../images/header2/ksiegagosci.jpg);  height:48px;}
h3#koncertyRoczniki{background-image:url(../images/header2/koncertyRoczniki.jpg);  height:38px;}
h3#zobacz{background-image:url(../images/header2/zobacz.jpg);  height:28px;}
h3#linki{background-image:url(../images/header2/linki.jpg);  height:28px;}
h3#teksty{background-image:url(../images/header2/teksty.jpg);  height:28px;}
h3#dodajWpis{background-image:url(../images/header2/dodajWpis.jpg);  height:28px;}
h3#wybierzTemat{background-image:url(../images/header2/wybirerzTemat.jpg);  height:28px;}
h3#tekstyImp3{background-image:url(../images/header2/tekstyImp3.jpg);  height:28px;}
h3#mp3{background-image:url(../images/header2/mp3.jpg);  height:38px;}
h3#fanklub{background-image:url(../images/header2/fanklub.jpg);  height:38px;}
h3#zdjeciaFanklubu{background-image:url(../images/header2/zdjeciaFanklubu.jpg);  height:38px;}
h3#archiwum{background-image:url(../images/header2/archiwum.jpg);  height:28px;}
h3#dyskografia{background-image:url(../images/header2/dyskografia.jpg);  height:38px;}

#footer { padding: 20px 10px 0 20px; font-size: 0.9em; width: 500px; height: 50px; text-align: center; color: #84828e; } 
#webest { float: right; }
#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
a.special {font-size:100%}

.fotoInText {float:left; padding:5px 5px 1px 0;}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#alphard {margin:5px 20px;}
#banerek {margin:5px;}