@charset "utf-8";
/* CSS Document */
body a img{
  border:none;	
}

.container {
	background:#000;
	background-image:url(images/load.gif);
	background-position:center;
	background-repeat:no-repeat; 	
}

ul.tabs {
	margin-top: 18px;
	margin-bottom:0;
	margin-left:40px;
	padding: 0;
	float: left;
	list-style: none;
	height: 20px; /*--Set height of tabs--*/
	/*border-bottom: 1px solid #999;*/
	border-left: 1px solid #999;
    border-right: 1px solid #999;
	width: 949px;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 20px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 20px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #fff;
}
ul.tabs li a {
	text-decoration: none;
	color: #eee;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
/*	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
    background: #77A04E;
    background-image:url(images/button-bg.jpg);
}
ul.tabs li a:hover {
	background:#5D7743;
	background-image:url(images/button-bg-hov.jpg);
}

html ul.tabs li.active a {
  color:#fff;
  background-color:#000;
  background-image:url(images/button-bg-black.jpg);
}

html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #000;
    background-image:url(images/button-bg-black.jpg);
	border-bottom: 1px solid #000; /*--Makes the active tab look like it's connected with its content--*/
}

a, a:visited, a:link, a:hover{
 color:#0D0;
}
.site {
 width: 960px;
 margin: 0 auto; 
}
.header {

/* background:#333; */
 background-image:url(images/header.jpg);
 background-repeat:no-repeat;
 height:90px;
 width:950px;
 	border: 1px solid #999;
	border-bottom: none;
}

.header a {
  display: block;
  width: 30%;
  height: 100%;
}

.tab_container {
	color:#fff;
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 950px;
	height:550px;
	background: #000;
	background-image:url(images/tlo_4545.jpg);
	background-repeat:no-repeat;
	background-attachment:scroll;
    
}
.tab_content_0 {


	position:absolute;
	z-index:0;
	padding: 20px;
	font-size: 1.2em;
	margin:40px;
	height: 350px;
    width:820px;
    background:#000;
	overflow:auto;
	border: 1px solid #999;
	border-top:none;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;

}

.tab_content {
	position:relative;
	z-index:16;
	padding: 20px;
	font-size: 1.2em;
	margin:40px;
	height: 350px;
	overflow:auto;
	
}

.tab_content h3 {
   text-transform: uppercase;
   text-decoration: underline;
   text-align:center;
}

/*.tab_content div {
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;	
}*/

.tab_content img {
   float:right;
}

.tab_content ul {
	float: left;
	list-style: none;
}
.tab_content li {
  /*float:left;*/
  margin-left:5px;
/*  overflow: hidden; */
  position: relative;
}

#onas {
  overflow:hidden;
  margin-top:46px;
  width:800px;
  height:340px;
  
}



.onas_szczegoly img {
  float:left;
  padding-right: 10px;
  padding-bottom:5px;
}

.onas_szczegoly-1 {
 /* margin-bottom:30px;*/
}

.onas_szczegoly-1 img {
  float:left;
  padding-right:20px;
  padding-bottom:2px;
}

#onas_opis {
  position:absolute;
  overflow-x:hidden;
  margin-top:5px;
  width:380px;
  height:350px;}

#onas_opis h3 {
  margin-bottom:-10px;
}

.gorzanie_opis {
	font-size: 16px;
	font-style: italic;
	color: #FFF;

	font-weight: normal;

}
.gorzanie_opis p{
  text-indent: 20px;	
  padding-right:10px;
}

.onas_miniatury {
    float: right;
	position:absolute;
	margin-left:400px;
	margin-top:5px;
}




.tlo_tresc {
    padding:10px;	
}

#oferta {
 padding-left:50px;
}

#oferta ul {
	list-style-image:url(images/list-key.gif);
}



#dyskografia_opis {

    position: absolute;
    margin-top: 180px;
    width:800px;	
}

#dyskografia img{
  float:left;
  margin-left:10px;
}

#dyskografia_tytul {
  position:absolute;
  width:800px;
  text-align:center;
  top:180px;
  color:#0D0;
}

.miniatury {
  position:absolute;
}

.cd {
  overflow:hidden;
  height:350px;
}


.cd img {
  float:left;
  padding-right:15px;
}

.cd_click img{
  margin-bottom:20px;
}

.cd_opis {
  height:300px;
  overflow-x:hidden;
}

/*.cd_opis ul {
  float:right;
  width:520px;
  margin-top:-160px;
  font-size:14px;
}*/

.cd_lista {
   width:400px;
   font-size: 14px;
   list-style:none;
}

.cd_wybrane {
color:#0D0;
	left:-10px;
	padding-left:10px;
	background-image: url(images/cd_wybr.png);
	background-repeat: no-repeat;
	background-position: left;
}

.powrot {
    position: absolute;
    top:-10px;
    left:780px;

}




.galeria_linki {
  float:left;  
}

.galeria_linki p{
position:fixed;
background-color:#A3D75B;
margin-top:170px;
padding-left:10px;
padding-right:10px;
text-align:center;
}

.galeria_miniatury {
  margin-left:50px;
  width: 680px;
}

.galeria_miniatury img {
  padding:5px;
}

.galeria_miniatury li {
  float:left;
}

#linki {
  padding-top:5px;  
}
#linki img {

}


html ul.tabs_gorzanie li.active, html ul.tabs_gorzanie li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
  border-top: 15px solid #fff;	
}


.footer {
  position:absolute;
  z-index:5;
  color:#666;
  height:80px;
  width:950px;
    
   /*margin-top:504px; */
  top:604px;
  margin-left:1px;
  text-align:center;
  filter:alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity:0.8;

 }
 
 .footer p {
   text-align:left;
   padding:5px;
   padding-left:45px;
   background:#333;	 

 } 
.contact_L {
  float:left;
}

.contact_R {
/*  border:solid 1px #555;   */
  margin-top:38px;
  margin-left:320px;
  width:470px;
}

.contact_LB {
  position:absolute;
  float:left;
  margin-top:200px;
}

#contact_form {

}

#message_status {
  padding:10px;
  text-align:center;
}

#message_status img {
  margin-top:-45px;

}
.error {
	background-image:url(images/cancel.png);
	background-repeat:no-repeat;
	padding-left:20px;
	font-size:medium;
	color: #F00;
}
#new_message {
  margin-left:490px;
}
#new_message img{
   margin-right:180px;
}
h4 {
 text-align:center;	
 margin-top:0;
}



/*.site .container .tab_container #dyskografia .cd .cd_fot {
	    padding-right:15px;
        float:left;
}

.site .container .tab_container #dyskografia .cd .cd_opis {

}

.site .container .tab_container #dyskografia .cd .cd_lista {
        margin-top:-140px;
        width:250px;
	    font-size: 16px;
        float:right;
}

.cd {
  height:200px;
  clear:both;
  border-top: 1px solid #999;

}

.cd_opis {
  width:750px;
  margin-left:45px;
  font-size:16px;

}
*/

#introPlay {
  position:abslote;
  margin-top:-66px;
  margin-left:900px;
}

#rodion {
  color:#333;	
}
#rodion a{
	color: #333;
}

#rodion a:link{
	color: #333;
}

#rodion a:hover{
	color: #333;
	font-weight: bold;
}

#rodion a:visited{
	color: #333;
}

.audioplayer {
  position:absolute;
  top:20px;
  left:30px;
 }
.posluchaj{
  position:absolute;
  top:45px;
  left:30px;
  color:#0D0;
}

/*#audioplayer_0 {
  position:absolute;
  top:570px;
  left:925px;
  z-index:500; 
}*/
#audioplayer_main {
  position:absolute;
  margin-left:640px;
  margin-top:54px;
  z-index:500;}

#linki img {
float:left;
margin-top:-15px;
padding-right:10px;
}
.linki_lista p{
  padding-bottom:25px;
}

#wysuwane
{
 
    background: url("images/fbpodklad.png") no-repeat scroll 0 0 transparent;
 
    padding: 10px;
    width: 235px;
    height:402px;
 
    position: absolute;
    margin-top: -200px; /*połowa wysokości panelu w górę */
    left: 0px;
    top: 50%;
    z-index:600; 
}
.zamknij
{
    background-position: 0px 0px -242px 0px;
}