body  {
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #ececec;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #1e1916;
	width:100%;
}
	
div, a, p, img, h1, h2, h3, h4, ul, li {	
	margin: 0;
	padding: 0;
	}
	
	 a:focus, a:active {
       outline: none;
     }

	
	
#centeredcontent {
	width: 884px;
	text-align: center;
}
	.poziomo {
	text-align: left;
	margin: 0px auto 0 auto;
}

#srodek{text-align: left;
        position:relative;
			background: url('grafika/bg.gif') center top repeat-y;}
#srodek_podstrona{text-align: left;
        position:relative;
			background: url('grafika/bg2.gif') center top repeat-y;}
#naglowek{width: 884px;
		  height: 150px;
		  background:url('grafika/bg_naglowek.jpg') bottom right no-repeat;
}

a#logo{
       display:block;
	   text-indent: -99999%;
	   width: 220px;
	   height: 122px;
	   background:url('grafika/logo.jpg') top left no-repeat;
	   float: left;} 
	   
#menu{width: 663px;
height: 38px;
background-color:#1e1916;
float: right;}

						 
#menu a{color: white;
        text-decoration: none;
		font-size: 0.8em;
		display:block;
		float:left;
		padding-left:10px;
		padding-right:10px;
		margin-left:9px;
		margin-right: 9px;
		padding-top:10px;}
		
#menu a:hover{background-color: #666666;
height:28px;
}
#menu a.active{background-color:#666666;
               height:23px;
			   padding-top:30px;}
			   
			   
/***kolumny***/

.kolumna{width: 221px;
         float: left;
		 text-align:right;
}
.bg_p{background:url('grafika/bg_p.jpg') top left no-repeat;
      padding-top:10px;}
.kol1 .bg_p{background:url('grafika/bg_p_kol1.jpg') top left no-repeat;}		 
.kolumna p{font-size: 0.8em;
		 margin-left:6px;
		 margin-right:8px;}

a.wiecej{display:block;
         width:22px;
		 height:22px;
		 background:url('grafika/wiecej.jpg') top left no-repeat;
		 float: right;
		 margin-top:20px;}
		 
a.wiecej:hover{background-position: -22px 0; }

a.obrazki{display:block;
          width: 221px;}
		  
		  
		  
.kol1 a.obrazki{height: 368px;
                background:url('grafika/teczki_link.jpg') top left no-repeat;
				margin-top:50px;}		  		 		 			   			 		  
                .kol1 a.obrazki:hover{background-position: -221px 0;} 

.kol2 a.obrazki{height: 328px;
                background:url('grafika/pani_link.jpg') top left no-repeat;}
				.kol2 a.obrazki:hover{background-position: -221px 0;} 
				
.kol3 a.obrazki{height: 374px;
                background:url('grafika/cysterna.jpg') top left no-repeat;
				margin-top:10px;}
				.kol3 a.obrazki:hover{background-position: -221px 0;}
				
.kol4 a.obrazki{height: 305px;
                width:221px;
                background:url('grafika/busik.jpg') top left no-repeat;
				margin-top:55px;}
				.kol4 a.obrazki:hover{background-position: -222px 0;}													 	   
/***stopka***/
#chlopiec{
          width:115px;
		  height:99px;
		  background:url('grafika/chlopiec.jpg') top left no-repeat;}
#stopka h1{font-size:0.8em;
            margin-left:15px;
			margin-top:25px;
			margin-bottom:10px;}			   
#stopka div.lewa{width: 663px;
              background-color: #666666;
			  float: left;
			  min-height:173px;
			  color: white;}
			   
#stopka div.lewa div.kolumna{text-align:left;}
#stopka div.lewa div.kolumna li{list-style-position:inside;
margin-left:15px;
font-size: 0.7em;
margin-bottom: 7px;}	

#stopka div.lewa div.kolumna a{color: white;
                               text-decoration:none;
							   font-size: 0.7em;}
#stopka div.lewa div.kolumna a:hover{text-decoration: underline;}							   
							   	
#stopka div.lewa div.kolumna p{margin-left: 15px;}							   
a.karczma{display:block;
          width:117px;
		  height:34px;
		  margin-left:16px;	
		  background:url('grafika/logo_karczma.jpg') top left no-repeat;}
a.karczma1{display:block;
          width:187px;
		  height:41px;
		  margin-left:16px;	
		  background:url('grafika/logo_karczma1.jpg') top left no-repeat;}

a.obiady{display:block;
          	  width:97px;
		  height:45px;
		  margin-left:16px;	
		  background:url('grafika/logo_obiady.png') top left no-repeat;}
		  
a.tinker{display:block;
          width:137px;
		  height:31px;
		  margin-left:10px;
		  margin-top:15px;	
		  background:url('grafika/tinker.jpg') top left no-repeat;}		  
		  
a.pdf{display:block;
      height: 42px;
	  width: 120px;
	  background:url('grafika/pdf.jpg') top left no-repeat;
	  padding-top:16px;
	  padding-left: 50px;
	  margin-top:5px;} 
	  
a.pdf1{display:block;
      height: 50px;
	  width: 50px;
	  background:url('grafika/pdf1.png') top left no-repeat;
	  padding-top:16px;
	  padding-left: 55px;
	  margin-top:5px;} 
	  
.prawa{text-align:right;
       font-size:0.7em;
	   background:url('grafika/logo_insomnia_stopka.jpg') top right no-repeat;
	   padding-top: 70px;
	   position:relative;
	   top:-20px;
margin-left: 663px;}  

	   
.prawa a{color:#1e1916;
         text-decoration:none;}
		 
.prawa a:hover{text-decoration:underline;}

.prawa p.valid{font-size:0.9em;
margin-top: 15px;}


/***podstrony***/

#szybki_kontakt{width: 221px;
                height: 86px;
				background:url('grafika/kontakt.jpg') top left no-repeat;
				position: absolute;
				top:430px;
				color: white;
				padding-top: 5px;
				display: inline;
				right: 0px;}
				
#szybki_kontakt h1{font-size: 0.8em;
                   margin-bottom: 10px;
				   margin-right: 7px;}
				   
#szybki_kontakt a{color: white;
                  text-decoration:none;}
				  #szybki_kontakt a:hover{text-decoration:underline;}				   				

.kol1_podstrona a.obrazki{height: 190px;
                background:url('grafika/teczki_link2.jpg') top left no-repeat;
				margin-top:50px;}		  		 		 			   			 		  
                .kol1_podstrona a.obrazki:hover{background-position: -221px 0;}

.kol2_podstrona a.obrazki{height: 167px;
                background:url('grafika/pani_link2.jpg') top left no-repeat;}
				.kol2_podstrona a.obrazki:hover{background-position: -221px 0;} 
				
.kol3_podstrona a.obrazki{height: 149px;
                background:url('grafika/cysterna2.jpg') top left no-repeat;
				margin-top:10px;}
				.kol3_podstrona a.obrazki:hover{background-position: -221px 0;}
				
.kol4_podstrona a.obrazki{height: 154px;
                width:221px;
                background:url('grafika/busik2.jpg') top left no-repeat;
				margin-top:55px;}
				.kol4_podstrona a.obrazki:hover{background-position: -222px 0;}
	 	   	  		  						   	   	   
div#tresc_podstron{float: left;
                   font-size: 0.8em;
				   width: 420px;
				   padding-left: 10px;
				   min-height:100px;}
				   
div#tresc_podstron h1{color: #ed1c24;
                      font-size:1em;
					  margin-bottom: 15px;}	
div#tresc_podstron h2{margin-bottom: 10px;
                      margin-top: 10px;
                      font-size: 0.9em;}
					  
span {margin-left:23px;	}

/***Galeria Sklep***/

	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

div.thumbnail img{border:1px solid white;}
.thumbnail{
	padding:4px 4px;
	width:72px;
	height:98px;
	background-color:#B0B0B0;
	float: left;
	margin-right: 3px;
	margin-bottom: 10px;
	}	
	




				  					  
   /***uslugi BHP***/
   
  ul.oferta{list-style:disc;
            margin-left: 15px;
			margin-top:8px;
			margin-bottom: 8px;} 
			
.kol1_podstrona_active a.obrazki{height: 368px;
                background:url('grafika/teczki_link.jpg') top left no-repeat;
				margin-top:50px;
				background-position: -221px 0;}	
				
.kol1_podstrona_transport a.obrazki{height: 305px;
                background:url('grafika/busik.jpg') top left no-repeat;
				margin-top:50px;
				background-position: -221px 0;}	
				
.kol3_podstrona_transport a.obrazki{height: 190px;
                background:url('grafika/teczki_link2.jpg') top left no-repeat;
				margin-top:10px;
}
									
.kol3_podstrona_transport a.obrazki:hover{background-position: -221px 0;}

.kol4_podstrona_transport a.obrazki{height: 190px;
                background:url('grafika/cysterna2.jpg') top left no-repeat;
				margin-top:40px;
}
									
.kol4_podstrona_transport a.obrazki:hover{background-position: -221px 0;}   					  			   													   
p.margin{margin-bottom:15px;}
a.email{color: #1e1916;
        text-decoration:none;}
		
a.email:hover{text-decoration:underline;}

.kol1_podstrona_szkolenia a.obrazki{height: 328px;
                background:url('grafika/pani_link.jpg') top left no-repeat;
				margin-top:50px;
				background-position: -221px 0;}
				
.kol2_podstrona_szkolenia a.obrazki{height: 190px;
                background:url('grafika/teczki_link2.jpg') top left no-repeat;
				}							
.kol2_podstrona_szkolenia a.obrazki:hover{background-position: -221px 0;}

.kol1_podstrona_adr a.obrazki{height: 374px;
                background:url('grafika/cysterna.jpg') top left no-repeat;
				margin-top:50px;
				background-position: -221px 0;}
				
.kol3_adr a.obrazki{height: 190px;
                background:url('grafika/teczki_link2.jpg') top left no-repeat;
				}
.kol3_adr a.obrazki:hover{background-position: -221px 0;}				
								
/***formularz***/

.formfield {
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	font-family:Arial, Verdana;
	margin-bottom:2px;
	
}

.formfield.large {
	width: 200px;
	height: 16px;
	padding:3px;
}
.formfield.textarea {
	width: 250px;
	height: 200px;
	padding:3px;
}
.submitbutton {
	background: #1e1916;
	padding: 3px 3px 3px 3px;
	border:1px solid #fff;
	font-family: Arial, Verdana;
color:white;
}																					   

#fbw {
  width: 220px;
  right: -220px;
  top: 10px;
  height: 320px;
  float: right;
  position: fixed;
  z-index: 1;
}

#fbw h1 {
    position: absolute;
    left: -33px;
    width: 33px;
    height: 83px;
    background: url("images/fiszka.png") no-repeat scroll 0 0 transparent;
}

#fbw-box { background-color: #8498C1; }
#fbw-i { background-color: #fff; margin: 0 10px; }
#fbw-top { height: 10px; background: url("images/rc-top.png") no-repeat scroll top left transparent; }
#fbw-bottom { height: 10px; background: url("images/rc-bottom.png") no-repeat scroll bottom left transparent; }

.fb_iframe_widget span { margin-left: 0; }