/* style */





/* strona */



*{

margin: 0;

padding: 0;

}



html{

height: 100%;

}



p {

margin: 10px 0px 0px 0px;

}



body {

background: #171716;

font-family: verdana, sans-serif; 

font-size: 12px; 

color: #ffffff;

text-align: justify;

height: 100%;

}



/* page */



#container {


min-height:469px;

width:100%;
background:url(header_bg.png) repeat-x;

}


div#header_logo{

  width:876px;
  height:151px;
  margin:0px auto;
  background:url(logo.png) no-repeat;
}

div#header_logo a{

  width:300px;
  height:140px;
  display:block;
  
}

div#baner{

  width:1014px;
  margin:0px auto;
  height:247px;
}



#page {

margin: 0 auto;

z-index: 1;


}

div#bg_intro{

 background:#000000 url(bg_intro.png) repeat-x;
 margin:0px;
 height:580px;
  
}

#intro{

 width:659px;
 margin:0px auto;
 display:block;
 padding:40px 0px 0px; 
}



#bg{
background: url('bg.jpg') repeat;
height:950px;



}
/* top */



#top_top {

background: url('top_top.jpg') repeat-x;

top: 0px;

left: 0px;

width: 100%;

height: 550px;

position: absolute;

}



#top_top_new {

background: url('top_top_old.jpg') repeat-x;

top: 0px;

left: 0px;

width: 100%;

height: 659px;

position: absolute;

}



#top {



width: 1014px;
margin:0px auto;

}



#top01 {



position: absolute;

width: 985px;

height: 213px;





}



#top01_new {

background: url('top_1.jpg');

position: absolute;

width: 307px;

height: 230px;

top: 63px;

left:320px;

}







#top02 {

background: url('top01.jpg');

position: absolute;

top: 212px;

left: 30px;

width: 550px;

height: 295px;

}



#top02_new {

background: url('top01.jpg');

position: absolute;

top: 330px;

left: 30px;

width: 550px;

height: 295px;

}



#top03 {

/*background: url('top03.jpg');*/

position: absolute;

top: 1018px;

left: 450px;

width:470px;

height: 295px;

z-index:-10;

}



#top03_new{

/*background: url('top03.jpg');*/

position: absolute;

top: 361px;

left: 516px;

width:470px;

height: 295px;

z-index:-10;

}

/* menu */









/* tresc */



#tresc {

position: relative;

width:985px;

height: auto;

margin: 0 auto;

z-index:1;

    top: 20px;

    left: 0px;

}



#tresc_new {

position: relative;

width:985px;

height: auto;

margin: 0 auto;

z-index:1;

    top: 130px;

    left: 0px;

}



#text {

position: relative;

width:855px;

height: auto;

margin: 0 auto;

padding:0px 0px 0px 0px;

z-index:1;

}



a:link, a:visited {

color: #b25416;  

text-decoration: underline;

}



a:hover	{ 

color: #cd7840;

text-decoration: none;

}



a:focus { 

outline: none

}



.gallery a:link img, .gallery a:visited img {

background:#898987;

border: 1px solid #ffffff;

padding: 3px 3px;

}

       

.gallery a:hover img, .gallery a:active img {

border: 1px solid #898987;

padding: 3px 3px;

}



/* bottom */

#bottom {

position: relative;

width:100%;

height: 44px;

left: 0px;

bottom:0px;

z-index: 8;

}



#copy 

{

background: url('top_bottom.jpg') repeat-x bottom;

position: absolute;

width: 100%;

height: 40px;

bottom: -50px;

left: 0px;

z-index: 8;

font-size: 10px;

color: #727272;

}



#copy a:link, #copy a:visited {

color: #CFCFCF; 

text-decoration:none;

}



#copy a:hover	{ 

color: #B2B2B2; 

text-decoration:none;

}



.border_left {

border: 1px solid #453016;

background:#feffff;

padding: 5px 5px;

float: left;

clear:left;

margin: 0px 8px 0px 0px;

}



.border_right {

border: 1px solid #dde0c1;

background:#feffff;

padding: 5px 5px;

float: right;

clear:right;

margin: 0px 0px 0px 8px;

}
.border{

background:#feffff;

padding: 4px 4px;

}


.borderg{

background:#feffff;

padding: 4px 4px;

}
.borderg:hover {

background:#B25416;
color:#B25416;

padding: 4px 4px;

}
/*----------------------------------------------*/
/* 3.6 Mini Gallery  */
/*----------------------------------------------*/
.minigallery-list {
	position:relative;
	margin:10px 0}

.minigallery-list ul {
	margin:0;
	padding:0}

.minigallery-list ul li {
	margin:0;
	list-style:none;
	height:116px;
	display:block;
	float:left}
	
.minigallery ul li img,
.entry .minigallery ul li img {
	width:92px!important;
	height:92px;
	background:#fff;
	padding:4px;
	border:1px solid #e1e2e3;
	position:relative;
	z-index:1}

.minigallery.boxed {
	border:1px solid #f3f4f5;
	background:#f3f4f5;
	padding:20px 15px}

.minigallery.boxed a {
	position:relative;
	display:block}

.minigallery.boxed a img {
	position:relative;
	z-index:1}
	
.minigallery.boxed a span {
	background:url(./images/icons/icon_zoom.png) no-repeat;
	width:39px;
	height:39px;
	position:absolute;
	top:29px;
	left:29px;
	z-index:20;
	display:block;
	visibility:hidden
}

.minigallery.boxed a:hover span {
	visibility:visible}
	
	/* Box styles */
.box {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}

.box_border {
	border:1px solid #e5e5e5;}

.box_border2 {
	border-top:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	padding:30px 0 25px 0}

.noborder, 
.entry img.noborder {
	border:none !important}

.box_shadow {
	box-shadow: 0 0 3px black; 
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.15); 
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15);}
.opis{
color: #B25416;
}


/*  MENU GŁÓWNE  */


div#menu-top {
	height: 46px;
	display:table;
	margin:0px auto 0px;
	width:1014px;
	
}
	div#menu-top ul.menu, ul.menu li {
		display: block;
		list-style: none;
		margin: 0;
		padding: 0;
		float:right;
	}
	div#menu-top ul.menu li {
		float: left;
	}
	div#menu-top ul.menu a {
		display: block;
		height: 46px;
	}
	
	
	ul#menu li a span {
		display:block;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	
	div#menu-top ul.menu a.reproduktory {width: 193px; background: url(but_reproduktory.png) no-repeat scroll top left;}
	div#menu-top ul.menu a.suki {width: 158px; background: url(but_suki.png) no-repeat scroll top left;}
	div#menu-top ul.menu a.mlodziez {width: 98px; background: url(but_mlodziez.png) no-repeat scroll top left;}
	div#menu-top ul.menu a.mioty {width: 68px; background: url(but_mioty.png) no-repeat scroll top left;}
	div#menu-top ul.menu a.szkolenia {width: 106px; background: url(but_szkolenia.png) no-repeat scroll top left;}
	div#menu-top ul.menu a.szczenieta {width: 112px; background: url(but_szczenieta.png) no-repeat scroll top left;}
	div#menu-top ul.menu a.kontakt {width: 90px; background: url(but_kontakt.png) no-repeat scroll top left;}
	div#menu-top ul.menu a.linki {width: 161px; background: url(but_linki.png) no-repeat scroll top left;}
	
	
	

	
	
	ul#menu li a.reproduktory span {background: url(but_reproduktory.png) no-repeat scroll bottom left;}
	ul#menu li a.suki span {background: url(but_suki.png) no-repeat scroll bottom left;}
	ul#menu li a.mlodziez span {background: url(but_mlodziez.png) no-repeat scroll bottom left;}
	ul#menu li a.mioty span {background: url(but_mioty.png) no-repeat scroll bottom left;}
	ul#menu li a.szkolenia span {background: url(but_szkolenia.png) no-repeat scroll bottom left;}
	ul#menu li a.szczenieta span {background: url(but_szczenieta.png) no-repeat scroll bottom left;}
	ul#menu li a.kontakt span {background: url(but_kontakt.png) no-repeat scroll bottom left;}
	ul#menu li a.linki span {background: url(but_linki.png) no-repeat scroll bottom left;}
	
	
	
	/* start BANER PRZEKLIKIWALNY*/
#slider-wrapper {
    
    width:988px;
    height:325px;
    margin:0 auto;
    
}

#slider {
	  position:relative;
    width:988px;
    height:325pxpx;
	  background:url(../images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	right:15px;
	bottom:15px;
}
.nivo-controlNav a {
	display:block;
	width:16px;
	height:16px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -16px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.clear {
	clear:both;
}

div.andros_but{

  width:628px;
  margin:0px auto;
}


div#formularz{

  float:right;
  color:#CF651D; 
  margin-top:40px; 
}


div#inp_lr {
	
	overflow:hidden;
	width:560px;
}
	div#inp_l {
	float:left;
	padding-right:10px;
	text-align:right;
	width:230px;
	padding-top:13px;
	padding-bottom:5px;
	font-weight:bold;
}
	div#inp_r {
	float:right;
	width:310px;
	padding-top:5px;
	padding-bottom:5px;
}
	
	
.inp_rej {
	border:1px solid #ccc;
	
	padding:3px 10px;
	width:280px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
  font-family: Verdana, Tahoma, Sans-serif, Arial;
  font-size:11px; 
}

	
input.kontakt_wys {
    
    background: url(wys.png) no-repeat scroll top left;
    border: 0 none;
    margin: 0;
    padding: 0;
    height:30px;
    width:89px;
    display:block;
    float:right;
    margin-right:6px;
}

input.kontakt_wys:hover {
    
    background: url(wys.png) no-repeat scroll bottom left;
    
}



#kontakt_form{

  
  margin:5px;
  width:360px;
  margin:auto;
}


#wrapp{

  
  height:20px;
  width:20px;
  
  
}


.wrapp{

  font-size:16px;
  color:white;
  padding-left:80px;
  padding-top:20px;
}

.loader{

  color:#FFFFFF;
  font-size:10px;
}

#wrapp1{

  clear:both;
  width:250px;
  
}

.wrapp1{

  font-size:16px;              
  color:white;
  padding-left:40px;
  margin-top:15px;
  width:380px;
}

#wrapp1_1{

  clear:both;
  width:250px;
  
}

.wrapp1_1{

  font-size:16px;
  color:white;
  padding-left:40px;
  margin-top:15px;
  width:380px;
}


#wrapp2{

  clear:both;
  margin:0px auto;                                   
  display:table;
  
  
}
.wrapp2{

  font-size:16px;
  color:#BE180E;
  font-weight:bold;
  margin-top:85px;
  height:80px;
  text-align:center;
  line-height:35px;
}

p.podkreslenie{

  text-decoration:underline;
  font-size:18px;
}
