body {
	margin: 0;
	padding: 0;
	background: url(grafika/tlo.jpg) center top repeat-x;
	background-color: #515251;
	}

body {
	font-size: 62.5%;
	}
	
div, a, p, img, h1, h2, h3, h4, ul, li {	
	margin: 0;
	padding: 0;
	}
	
h1{font-size:1.9em;
	color: #e11f03;
	font-weight: normal;
	text-align:left;}
	
 a:focus, a:active {
       outline: none;
     }
		 
	#centeredcontent {
	width: 865px;
	text-align: center;
	color: #000;
	font-family: "Times New Roman", Arial;
	border-top: solid #252525 1px;
	border-bottom: solid #535252 1px;
	position:relative;
	
	
	}
	
		.poziomo {
	text-align: left;
	margin: 0px auto 0 auto;
}	

#srodek{width:800px;
         margin: 75px auto auto auto;
			  text-align: left;

	      }
				#gora{position: relative;
      background:white url('grafika/rog.jpg') top left no-repeat;
      width: 780px;
      margin-left: 10px;
			z-index:1;
}


#gora_sg{position: relative;
      background:white url('grafika/rog.jpg') top left no-repeat;
      width: 780px;
      margin-left: 10px;
			height:409px;
			z-index:1;
}
				
				#kolka_gora{position:absolute;
                    width:178px;
                    height:169px;
                    background:url('grafika/kolka_gora.png') no-repeat;
                    top:0px;
                    left: 700px;
										z-index:3;}
										
				#link{position:absolute;
                    width:30px;
                    top:110px;
                    left: 13px;
		}
		
		div#link ul	{
			float: left;
			background: transparent url('grafika/link.jpg') top left no-repeat;
			height: 120px;
			width: 43px;
			margin: 0;
			padding: 0;
			position: relative;
			}
			
			div#link ul li {
			margin: 0;
			padding: 0;
			list-style-type: none;
			position: absolute;
			top: 0;
			left: 0;
			}	
		
		div#link ul li a {
			display: block;
			width: 43px;
			text-indent: -9999px;
			text-decoration: none;
			}		

		#link ul li#strona_glowna { top: 0px; height: 120px; }
			
			
		/* normal states */
		#link ul li#strona_glowna a { height: 120px; }
									
		/* hover states */
		#link li a:hover { background: transparent url('grafika/link.jpg') no-repeat; }
		li#strona_glowna a:hover { background-position: 0 -120px; }

			
			
			
										
#naglowek{background:url('grafika/logo.gif') no-repeat top left;
          height:75px;
				  width:760px;
					margin-left:38px;
					padding-bottom:20px;
					}
					
					#logo{text-indent:-9999px;
      width: 270px;
      height:49px;
      display:block;
			}
		
			

#foto{float:left;
      background:url('grafika/rama.jpg') no-repeat;
			height: 245px;
			margin-left:10px;
			padding-left:24px;
			padding-top:22px;
			padding-right:44px;
			display: inline;
			}
			
#wstep{float:left;
       width:48%;
			 height:225px;
			 margin-right: 10px;
			 margin-left:20px;
			 margin-top:10px;
			
}

p.strglowna{font-size:1.4em;
            text-align:justify;}
						
						
						p.zapraszamy{font-size:1.9em;
	color: #e11f03;
	font-weight: normal;
	text-align:right;}
						
p.ad{font-size:1.3em;
    width:220px;
		height:23px;
		padding-top:7px;
}						
	/**MENU**/					
						
						#menu{float:right;
      width: 433px;
      height: 47px;
			background: url('grafika/menu.jpg') no-repeat;
			}	
			
#menu_kontakt{
      width: 100%;
      height: 47px;
			background: url('grafika/menu_kontakt.jpg') top right no-repeat;
			margin-top:20px;}
			
#menu_oferta{width: 100%;
      height: 47px;
			background: url('grafika/menu.jpg') top right no-repeat;
			margin-top:20px;}
			
.of{color: white;
         font-family: Arial;
				 font-size: 1.4em;
				 float:right;
				 margin-top: 15px;
				 margin-right:210px;
				 text-decoration:none;
				 display:inline;
				 }
				 
a.of:hover{text-decoration: underline;}
				 
.kontakt{color: white;
         font-family: Arial;
				 font-size: 1.4em;
				 text-decoration:none;
				 float:right;
				 margin-right:57px;
				 margin-top:15px;
				 display:inline;}
				 
a.kontakt:hover{text-decoration:underline;}



#zielone{
				background: #dbeabf url('grafika/tlooferta.jpg') bottom left no-repeat;
        width:800px;
				padding-bottom:30px;

				}
				
				.zaokraglenia{width:800px;
				height:10px;}
				.rog_l{float:left;}
				.rog_p{float:right;}
				
	  #zielone ul{margin-left: 20px;
					      font-variant:small-caps;
							 float:left;
							 list-style:none;}
							 
		#zielone li{width: 160px;
		           border-bottom: 1px dashed #535252;
							 padding-top:5px;
							 padding-bottom:5px;
							 text-align:left;}
							 
		#zielone li.bottom{
		                  border-bottom:none;}
											
		#zielone li.top{padding-top:30px;}
				
		#zielone a {color:#014d28;
		           font-size:18px;
							 text-decoration:none;}
							 
		#zielone a:hover{color:#e11f03;}
		
		
		#zielone_kontakt ul{margin-left: 20px;
							 list-style:none;
							 font-variant:small-caps;
							 float:left;}
							 
		#zielone_kontakt li{width: 160px;
		           border-bottom: 1px dashed #535252;
							 padding-top:5px;
							 padding-bottom:5px;
							 text-align:left;}
							 
		#zielone_kontakt li.bottom{
		                  border-bottom:none;}
											
		#zielone_kontakt li.top{padding-top:30px;}
				
		#zielone_kontakt a {color:#014d28;
		           font-size:18px;
							 text-decoration:none;}
							 
		#zielone_kontakt a:hover{color:#e11f03;}
		
		
		p.pomaranzcowy{font-size:2.8em;
		               }
							 
					 
		.zdjecia{float:right;
		         padding-right:13px;
						 padding-top:20px;
		         width: 160px;
		         height:100px;}
						 
	#zielone_kontakt{background: #dbeabf url('grafika/tlooferta.jpg') bottom left no-repeat;
                    width:800px;
										padding-bottom:20px;
				            }
										
										
	#stopka{width:800px;
        height:60px;
				background: url('grafika/stopkaq.gif') top left no-repeat;}
				
				#tresc_stopki{float:right;
				               margin-right:20px;
											 
											 margin-top: 8px;
											 text-align:right;
											 border-top: 1px dashed #e11f03;
											 width:730px;
											 padding-top:6px;
											 display:inline;}	
											 
											 
											 
	/*dane kontaktowe*/

#dane_kontaktowe{float:right;
                 padding-right:20px;
								 width: 45%;
								 
}	

#adres{float:right;
       margin-top:100px;
			 margin-right:20px;}

	#podstrony{float:left;
                 margin-left:40px;
								 width: 66%;
								 margin-top:30px;
}	

.justowane{text-align:justify;}
									 
											 
/*formularz*/

#form{float:left;
			margin-left: 20px;
			width:45%;
			border-right: 1px solid #737372;
			font-size:1.2em;
}

.formfield {
	border: 1px solid #fff;
	font-family:Arial, Verdana;
	margin-bottom:3px;
	background-color: #e5f0d0;
	
}

.formfield.large {
	width: 290px;
	height: 20px;
	padding:4px;
}
.formfield.textarea {
	width: 290px;
	height: 155px;
	padding:4px;
}
.submitbutton {
	background: #adadad;
	border:1px solid #fff;
	font-family: Arial, Verdana;

}	

#znaczek{float:right;
         width: 360px;
				 height:113px;
         background: url(grafika/znaczek.jpg) right top no-repeat;
				 margin-bottom:40px;}
				 
				 
				 
/**Tresc oferty**/
.tresc_oferty{font-size: 1.4em;
              background:url('grafika/kropka.gif') no-repeat top left;
							padding-left:15px;
							padding-bottom:5px;}

				 

				 
				 
				 
				 
	/*---Galeria---*/
	
	#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;base64,AAAA);  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; }




img{border: 0px;
}


 .thumbnail{
	padding: 5px 5px 5px 5px;
	background-color: #e5f0d0;
	border: 1px solid #fff;
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	}	
	
	/*---koniec galeria---*/