/* style reset */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}

/* global styles */


body {
    font-family: Tahoma, Sans-Serif;
    font-size: 11px;
		color: #333333;
    background: #ffffff url("../img/bkg.gif") repeat-x top;
		text-align: center;		
}

a { text-decoration: none; color: #1C78AD; }	
a:hover { text-decoration: underline; }
.clear { clear: both; }
.inside  { text-align: left; }
.margin { margin-top: 8px; }
.nobkg { background: 0 !important; }

/* ----- container -> tlo */
#container { overflow: auto; background: url("../img/bcktop.png") no-repeat center 7px; margin: auto; position: relative; }


/* ----- TOP - gora. flash, logo */
#top { width: 100%; background: url("../img/top.png") no-repeat center top;  }
 /* omijamy scrolling poziomy dla cieni */
  #top  .inside { width: 965px; height: 383px; margin: auto; position: relative; }
	
	/* div dla flasha */
	#top #flash { position: absolute; top: 99px; }
	
	/* logo */
	#top h1 { width: 400px; height: 14px; position: absolute; top: 58px; left: 16px; }
	   #top h1 a { display: block; width: 400px; height: 14px; background: url("../img/logo.png") no-repeat left top; }
	       #top h1 a span { display: none; }
				 
	#top h2 { width: 246px; height: 23px; background: url("../img/kpt.png") no-repeat left top; position: absolute; right: 29px; top: 64px; }
	   #top h2 span { display: none; }
		 
		 
		 
/* ----- miejsce na tresci */ 
#content { width: 100%;  position: relative; top: -52px; background: url("../img/content.png") no-repeat center top; min-height: 240px; padding: 8px 0 0 0 ; }
  #content .inside { width: 964px; margin: auto; }
	
  #content h2 { height: 19px; padding: 6px 0 0 11px; font-weight: normal; color: #536373; }
	
	
/* ----- menu */
#content #menu0 { float: left; width: 225px; display: block; padding: 17px 23px 10px 18px; }
   dt { color: #1C78AD; cursor: pointer; display: block; background: url("../img/dots.gif") repeat-x top; padding: 8px 5px 6px 5px;  }
	 dt.first { background: 0; }
	 
   dd { color: #5A6773; padding: 3px 7px 3px 13px; margin-left: 17px; background: url("../img/menu_arr.gif") no-repeat left center; } 
   dd.last { padding-bottom: 6px; }
    
     	dt a:hover, dt:hover { text-decoration: underline; }
      dd a { color: #333333; } 
			
/* ----------------------------------------- GLOWNA TRESC ----------------------------- */
#subst { width: 471px; float: left; padding: 70px 0 0 9px; }

  #subst h2 { background: url("../img/head.png") no-repeat left center; }
	
	#subst h2.pozostale { background: 0; height: auto; color: #222222; padding: 0; font-size :13px; font-family: "Trebuchet MS", Sans-serif; margin-bottom: 4px;  }

  #subst p { text-align: justify; line-height: 17px; margin-top: 6px; }
	   #subst p span { display: block; }
	
	#subst h6 { font-size: 10px; font-weight: normal; line-height: 11px;  }
	
	.button { background: url("../img/arrow.gif") no-repeat right center; padding: 2px 17px 2px 0; color: #1C78AD !important; cursor: pointer; width: auto; clear: both; float: right; margin-right: 3px; text-align:right!important;  } .button:hover { text-decoration: underline; }
	
	.prev, .next { display: block; cursor: pointer;  width: auto; margin: 6px 0 6px 0; }
	.prev { background: url("../img/arrow_back.gif") no-repeat left center; padding: 2px 0 2px 17px;  float: left; text-align:left }
	.next { background: url("../img/arrow.gif") no-repeat right center; padding: 2px 17px 2px 0;  float: right; text-align:right;  }
	
	
	/* sciezka */ 
	ul.sciezka { display: block; padding-bottom: 9px; font-size :9px;  background: url("../img/dots.gif") repeat-x bottom; }
	  ul.sciezka li { display: inline; background: url("../img/raquo.gif") no-repeat right center; padding-right: 8px; margin-right: 3px; }
	  ul.sciezka li.last { background: 0; padding: 0; margin: 0; }
	
	
	/* dane firmy */
  .dane { padding: 12px 0 15px 0; text-align: right; }
	  .dane img  { float: left; }
	  .dane p { text-align: right !important; line-height: 14px !important;  }
		
		
		
	/* minigaleria */
	 .minigaleria { background: url("../img/dots.gif") repeat-x top; padding: 11px 0 5px 0; margin-top: 15px; }
	    .minigaleria ul { padding-bottom: 5px; overflow: hidden; }
			  .minigaleria ul li { float: left; padding: 0 8px 0 0; }
	      .minigaleria ul li.last, #galeria li.last { padding-right: 0; }
	.minigaleriadown { background: url("../img/dots.gif") repeat-x bottom; padding: 11px 0 5px 0; margin-top: 15px; }				
	.minigaleriadown ul { padding-bottom: 5px; overflow: hidden; }
			  .minigaleriadown ul li { float: left; padding: 0 8px 0 0; }
	      .minigaleriadown ul li.last, #galeria li.last { padding-right: 0; }
	/* galeria ,plus kilka stylow wyzej*/		
	 #galeria { padding: 3px 0 0 0; }
	   #galeria li  { float: left; padding: 8px 8px 0 0; }
	
	
	/* lista firm */
	 #listafirm { padding: 3px 0 0 0; width: 488px; margin: 0 -12px 0 -6px; }
	   #listafirm li { background: url("../img/bkg_firma.png") no-repeat left top; width: 460px; padding: 12px 14px 6px 14px; min-height: 90px; }
		    #listafirm li img { float: left; width: 100px; height: 34px; margin-right: 13px; }
	      #listafirm li .in { width :310px; float: right; background: url("../img/dots_vert.gif") repeat-y left; padding: 0 23px 0 14px;   }
	        #listafirm li .in p { line-height: 14px !important; }
	        #listafirm li .in h3 { font-weight: bold; }
	
	
	/* linki - podzial na strony */
	 .nawigacja { clear: both; overflow: hidden; padding: 10px 0 4px 0; }
			.nawigacja li { float: right; text-align: center; padding: 1px 1px 0 0; vertical-align: middle; }
				.nawigacja li a { display: block; width: 16px; height: 17px; background: url("../img/kolko.gif") no-repeat center; padding: 2px 1px 0 2px }
				.nawigacja li a span  { display: none; }	
				.nawigacja li.poprz a { background-image: url("../img/arrow_back.gif"); }
				.nawigacja li.nast a { background-image: url("../img/arrow.gif"); }
		 
			 
				
	/* lista plikow */
	  #docs { padding: 8px 0 8px 0; background: url("../img/dots.gif") repeat-x top; }
	    #docs li { margin-top: 5px; background: no-repeat left center;  min-height: 18px; display: block; padding: 5px 0 2px 30px; }
			#docs .pdf { background-image: url("../img/plik_pdf.gif"); }
			#docs .doc { background-image: url("../img/plik_doc.gif"); }
			
			
				
	/* Aktualnosci */
	#subst #news { padding: 0 0 0 9px; }
    #subst #news li { padding: 10px 0 13px 0; line-height: 15px; background: url("../img/dots.gif") repeat-x bottom; }
		#subst #news li.last { background: 0; }
      
      #subst #news li h4 { padding-top: 4px; font-weight: normal; }
			#subst #news li p { margin: 0; padding:0; }
			
			
			
	/* formularz kontaktowy */
	
	#subst form { padding: 15px 0 5px 0; }
		#subst form fieldset { padding-bottom: 10px; background: url("../img/dots.gif") repeat-x bottom; }	 
		#subst form .but  { margin-top :12px; float :right;  }	
		
		#subst form input { border: 0; font-size :11px; font-family: Tahoma, Sans-serif; float: left;  color: #999999;  }
		#subst form textarea  { border: 0; font-size :11px; font-family: Tahoma, Sans-serif;  color: #999999; overflow: auto; }
		#subst form .textarea { float: left; }
		
		#subst form	label { width: 85px; display: block; float: left; clear: left; text-align: right; padding: 3px 5px 0 0; }
		#subst form input, #subst form .textarea, #subst form	label { margin-top: 10px; }
		
		#subst form input.pole { width: 162px; height: 15px; background: url("../img/form_input.gif") no-repeat left top; padding: 4px 5px 3px 5px;  }
		
		#subst form .textarea { background: url("../img/form_textarea.gif") no-repeat left top; width: 370px; height: 166px; padding: 4px 5px 3px 5px; }
		   #subst form .textarea textarea {  width: 368px; height: 162px; background: white; }
		
		
		#subst form .formkoment { font-size :10px; width: 380px; float: right; padding: 7px 0 7px 0; }
			 #subst form .formkoment p { line-height: 13px; }
			 #subst form .formkoment .info { color: #999999; }
			 
			 
			 
/* -------  BOXY z boku (newsletter, virtual tour) */
#boxes { padding: 62px 0 0 0; width: 204px; float: right; position: relative; left: 3px; }

 #boxes h2 { background: url("../img/head_mini.gif") no-repeat left center; margin-bottom: 5px; padding-left :8px; }
 
 #boxes .but { display: block; margin-top: 17px;}
 #boxes input.but { margin-top: 10px; }

	#boxes .box { width: 204px; }		
	  #boxes .box .up, #boxes .box .down { height: 9px; background: no-repeat left top; }		
		#boxes .box .up { background-image: url("../img/boxtop.png"); } 
		#boxes .box .down	 { background-image: url("../img/boxbot.png"); }
		#boxes .box .cont { background: url("../img/boxcont.png") repeat-y left; padding: 2px 12px 7px 12px; width: 180px;  }
		
	#boxes form { width: 169px; padding: 0 0 0 7px; }	
	 #boxes form label { padding: 3px 0 8px 1px; display: block; width: 150px; }
	 #boxes form input { border:0; font-size :11px; font-family: Tahoma, Sans-Serif; clear: both; }
	 #boxes form input.pole { background: url("../img/input.gif") no-repeat left center;  padding: 6px 7px 7px 7px; width: 158px; height: 13px; color: #999999; } 
		
		
			
/* ----- FOOTER ---- */
#footer { width: 890px; border-top: 1px solid #E8EBF0; padding: 11px 0 0 0; margin: auto; clear: both; font-size :10px; color: #999999; text-align: left; position: relative; bottom: 30px;  }
  #footer .img { vertical-align: middle; float: left;  padding: 0 8px 0 0; }
   #footer .img img { vertical-align: middle; margin-right: 14px; }
	#footer p { padding: 7px 0 0 0 ; }
	
/*flash container*/
#flashVirtual {background: url("../img/virtualTour_bg.png") no-repeat 0 0; width: 695px; margin: -20px 0 0 -5px; padding: 32px 5px 5px 10px;}
* html #flashVirtual {width: 680px;}