/*głowne zasady formatujace*/

body {
  background-color: #000;
	color: #aeaeae;
	font-family: Verdana, Tahoma, "Trebuchet MS", Geneve, Helvetica, sans-serif;
	font-size: 11px;
	scrollbar-face-color: #bbbbbb;
	scrollbar-highlight-color: #A8A8A8;
	scrollbar-3dlight-color: #000000;
	scrollbar-darkshadow-color: #000;
	scrollbar-shadow-color: #fff;
	scrollbar-arrow-color: #000;
	scrollbar-track-color: #bbbbbb;
}

#box {
  width: 336px;
  margin: 50px auto 0px auto;
	color: #000;
	font-weight: bold;	
}

/*filter:alpha przy hover działa tylko dla <a>, poniewaz hover w ie działą tylko dla a  */
#menu a img {
  filter:alpha(opacity=40); /*dla IE*/
	opacity: 0.4;             /*dla Opery*/
	-moz-opacity: 0.4;        /*dla Mozilli*/
  display: block;
  border: 1px solid #939393;
}

#menu a:hover img {
  filter:alpha(opacity=100); 
  opacity: 1;
	-moz-opacity: 1;
}

#menu div {
	float: left;
	letter-spacing: 7px;
}

#galerie {
  position: relative; 
	left: 40px;
}

#wyprawy {
  position: relative; 
	left: 15px;
}

#ksiega {
  position: relative; 
	left: 5px;
}

#autorzy {
  position: relative; 
	left: 35px;
}


/* marginesy w menu ::*/
.l_margin {
  margin: 15px 30px 0px 0px;
}

.p_margin {
  margin-top: 15px;
}

/*dla nie obsługujacych java script -  animacja tekstu w obrazkach*/
#menu div a:hover + span {
  color: #b4b4b4;
}

#credits {
  clear: both;
  text-align: center;
  color: #434343;
	font-size: 10px;
	font-weight: normal;
	padding-top: 20px;
}


a:link {color: #434343; text-decoration: none; font-weight: normal;}
a:visited {color: #434343; text-decoration: none; font-weight: normal;}
a:hover {color: #aeaeae; text-decoration: none; font-weight: normal;}

a.inne:link {color: #aeaeae; text-decoration: underline; font-weight: normal;}
a.inne:visited {color: #aeaeae; text-decoration: underline; font-weight: normal;}
a.inne:hover {color: #aeaeae; text-decoration: none; font-weight: normal;}


#box_kat {
  width: 967px;
  margin: 10px auto;
	font-weight: normal;	
	line-height: 16px;
}

#nagl_kat img, #menu_kat img {	
  border: 0px;
}

#nagl_kat {
  height: 70px;
	padding-left: 25px;

}

/*gif-y jako gory zakladki bo głupi UE sobie nie radzi z png*/
#menu_kat {
  padding-left: 25px;
}

#menu_kat div {
	float: left;
	padding: 15px 15px 10px 15px;
	background: url(../images/zakl_nieakt.gif) #0d0d0d no-repeat left top;

}

#menu_kat div a img {
	filter:alpha(opacity=25); 
	opacity: 0.25;             
	-moz-opacity: 0.25 
}

#menu_kat div a:hover img {
  filter:alpha(opacity=100); 
  opacity: 1;
	-moz-opacity: 1;
}

#menu_kat #wybrana_kat {
  background: url(../images/zakl_akt.gif) #1a1a1a no-repeat left top;
}

#menu_kat #wybrana_kat a img {
  filter:alpha(opacity=100); 
  opacity: 1;
	-moz-opacity: 1;
}

#tresc_info_kat {
  clear: left;
}

#tresc_kat {
  width: 856px;
	min-height: 200px;
	float: left;
  background-color: #1a1a1a;
	padding: 20px;
	text-align: justify; 

}

#tresc_kat img {
  border: 1px solid #434343;
	margin: 4px;
	padding: 2px;

}


#tresc_kat a:hover img {
  border: 1px solid #c9c9c9;
}

#info_kat {
  float:left;
}

#info_kat a img {
  border: 0px;
	cursor: default; 
  /*filter:alpha(opacity=75); /*dla IE*/
	/*opacity: 0.75;             /*dla Opery*/
	/*-moz-opacity: 0.75;         /*dla Mozilli*/
}

/*#info_kat a:hover img {
  filter:alpha(opacity=100); 
  opacity: 1;
	-moz-opacity: 1;
}*/

#powrot {
  float:left;
}

#powrot a img {
  border: 0px;
  filter:alpha(opacity=65); /*dla IE*/
	opacity: 0.65;             /*dla Opery*/
	-moz-opacity: 0.65;         /*dla Mozilli*/
}

#powrot a:hover img {
  filter:alpha(opacity=100); 
  opacity: 1;
	-moz-opacity: 1;
}

/*#nagl_kat, #menu_kat, #tresc_info_kat  {   //taki tam margines z lewej strony
  	margin-left: 20px;
}*/

.tytul {
  font-size: 12px;
	font-weight: bold; 
	color: #aca381;
}

.bold {
  font-weight: bold; 
}


#dol {
  clear: both;
	position: relative; 
	left: 25px;
	background: url(../images/dol.gif) no-repeat left top;
	width: 897px; /* <- dla głupiego IE  */
}

.blad {
  display: block;
	padding-bottom: 140px;
	color: #cc0000;
}

textarea, input, select {
  border: solid 1px #fff; 
	background-color: #bbbbbb;
}

textarea {
  width: 450px;
	height: 120px;
}

input:hover, textarea:hover, select:hover {background:#f1f1f1; color:black}

input:focus, textarea:focus, select:hover {background:#f1f1f1; color:black}

.zle {
  color: #CC3300; 
	text-align: center;
}

.dobrze {
  color: #aca381; 
	text-align: center; 
	font-weight: bold;
}


table.ksiega {
  margin: 12px auto;
	width: 800px;
	background: #282828;
	border-left: 5px solid #434343;
	border-top: 1px solid #434343;
	border-right: 1px solid #434343;
	border-bottom: 1px solid #434343;
	padding: 6px
}

table.ksiega td{
	padding: 6px
}

#info_music {
  position: absolute; 
  right: 20px; 
  top: 20px;
	border: 0px;
}


#info_music a img {
  filter:alpha(opacity=75); /*dla IE*/
	opacity: 0.75;             /*dla Opery*/
	-moz-opacity: 0.75;        /*dla Mozilli*/
  border: 0px;
}

#info_music a:hover img {
  filter:alpha(opacity=100); 
  opacity: 1;
	-moz-opacity: 1;
	position: relative; 
	left: 1px;
	bottom: 1px;
}


#load {
    width: 250px;
    display: none;    
    position:absolute;    
    left: 40%; 
    top: 40%; 
    background: #fff; 
    text-align: center; 
    border: 1px solid #000; 
		padding: 10px;
		font-weight: bold;
}