/*             Detektyw  -   JMK       */

html,body{
  height:100%;    /* daje nieruchome nieprzeskakujące tło przy przewijaniu */
  width: 100%;
}

body{
  margin: 0;
  padding: 0;
/*  background-image: url('obrazki/back.jpg');
  background-repeat: repeat-x;	*/
  background-color: #24201f;                                    
}

#outer {
 position: relative;		
 background-color: #ffffff;			
 width: 980px;
 font-family: Arial, Tahoma, Helvetica,  Verdana,  sans-serif;
 font-size: 12px;              
/* border: 2px solid #000000;	*/	 
 margin:auto;	/* centruje stronę na środku ekranu ??? */
 padding: 0;
 }
 
 
 /*
********************************* HEADER   ********************************************
*/
#header {
  position: relative;
  top: 0;
  left: 0;
  background-image: url('obrazki/head.jpg');
  margin: 0;
  padding: 0;
  width: 100%;
  height: 188px;					
  }
  
  #header h1 {
  position: absolute;
  top: 90px;
  left: 320px;
  padding: 0;
  margin: 0;
  font-size: 1.7em;
  font-weight: normal;
  color: #d4d3d2;	
  text-align: left;
  letter-spacing: .1em;
}

  #header p {
  position: absolute;
  top: 130px;
  left: 320px;
  padding: 0;
  margin: 0;
  font-size: 1.4em;
  font-weight: normal;
  color: #d4d3d2;	
  text-align: left;
  letter-spacing: .1em;
}


/*
********************************           main        *********************************************
*/
#main {
  position: relative;
  background-image: url('obrazki/back_main.jpg');
	background-repeat: repeat-y;
  background-color: #fff;
  width: 980px;
  height:100%;
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
  }
  
  
/*
********************************        main  mainleft        *********************************************
*/

#main #mainleft {
	position: relative;
	background-image: url('obrazki/back_left.jpg');
	background-repeat: repeat-y;
	background-color: #2302d24;
	width: 300px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
}

#main #mainleft ul {       /*    list-style: url(images/arrow.gif) outside;      */
  padding: 0 0 0 0px;
  margin: 10px 0 25px 16px;
  width: 270px;	
  list-style-type: none;
  text-align: left;
}

#main #mainleft ul li {
  padding: 3px 0 3px 15px;
  margin: 0;
}
#main #mainleft ul li.akt {
  border-top: 1px solid #dbe8fb;
  border-bottom: 1px solid #ffffff;
  background-color: #4c473a;
}
	
#main #mainleft ul li a {              
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  color: #dbe8fb;         /*kolor linków nieaktywnych*/
  letter-spacing: .05em;
}

#main #mainleft ul li a:hover {
background: #4c473a;
padding: 3px 15px 3px 10px;    /* wymiary */
  color: #f4f7fb; 
}	

#main #mainleft #addres {
	position: relative;
	background-image: url('obrazki/back_addres.jpg');
	background-repeat: no-repeat;
	background-color: #323232;
	width: 296px;
	height: 240px;
	float: left;
	padding: 0;
	margin: 0 0 20px 2px;
	text-align: left;
}
#main #mainleft>#addres {
	position: relative;
	background-image: url('obrazki/back_addres.jpg');
	background-repeat: no-repeat;
	background-color: #323232;
	width: 296px;
	height: 240px;
	float: left;
	padding: 0;
	margin: 0 0 20px 4px;
	text-align: left;
}

#main #mainleft #addres h1 {
  position: relative;
  padding: 0;
  margin: 15px 0 15px 15px;
  font-size: 1.5em;
  font-weight: normal;
  color: #fefdfd;	
  text-align: left;
  letter-spacing: .1em;
}

#main #mainleft #addres p {
  position: relative;
  padding: 0;
  margin: 0 0 10px 15px;
  font-size: 1em;
  font-weight: normal;
  color: #fefdfd;	
  text-align: left;
  letter-spacing: .1em;
}

#main #mainleft #wpis {
	position: relative;
	background-color: transparent;
	width: 240px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0 28px 0 0px;
	text-align: left;
}
#main #mainleft>#wpis {
	position: relative;
	background-color: transparent;
	width: 240px;
	height: 100%;
	float: left;
	padding: 0;
	margin: 0 28px 0 32px;
	text-align: left;
}

#main #mainleft #wpis p {
  position: relative;
  padding: 0;
  margin: 0 0 20px 32px;
  font-size: .9em;
  font-weight: normal;
  color: #fefdfd;	
  text-align: left;
}
#main #mainleft>#wpis p {
  position: relative;
  padding: 0;
  margin: 0 0 20px 0;
  font-size: .9em;
  font-weight: normal;
  color: #fefdfd;	
  text-align: left;
}



/*
********************************      #main #mainright    *********************************************
*/

#main #mainright {
	position: relative;
	background-color: #fff;
	width: 680px;				
	height: 100%;
	float: left;
	padding: 0;
	margin: 0;
	text-align: justify;
	border: none;
}

#main #mainright h1 {
  position: relative;
  padding: 0;
  margin: 30px 0px 20px 0px;
  font-size: 1.4em;
  font-weight: normal;
  color: #000;	
  text-align: left;
  text-decoration: underline;
  letter-spacing: .1em;
}

#main #mainright h2 {
  position: relative;
  padding: 0;
  margin: 30px 0px 20px 0px;
  font-size: 1.4em;
  font-weight: normal;
  color: #000;	
  text-align: left;
  text-decoration: underline;
  letter-spacing: .1em;
}

#main #mainright h3 {
  position: relative;
  padding: 15px;
  margin: 0px 0px 0px 0px;
  font-size: 1.0em;
  font-weight: normal;
  color: #000;	
  text-align: left;
  text-decoration: none;
  letter-spacing: .1em;
}

#main #mainright p {
  position: relative;
  padding: 0;
  margin: 0 15px 10px 15px;
  font-size: 1em;
  font-weight: normal;
  color: #000;	
}
#main #mainright p.list {
	margin-bottom: 0;
}
#main #mainright p.list1 {
	margin-bottom: 3px;
}
#main #mainright p.wyr {
	font-size: 1.2em;
	text-align: center;
	margin-top: 30px;
}

#main #mainright img.foto1 {
 padding: 0;
 float: left;
 margin: 15px 15px 0 0;
 border: none;
}

#main #mainright img.fotor1 {
 padding: 0;
 float: left;
 margin: 15px 15px 0 55px;
 border: none;
}

#main #mainright img.fotomapa {
 padding: 0;
 float: left;
 margin: 5px 15px 30px 15px;
 border: none;
}

#main #mainright a {
	text-decoration: none;
   font-weight: normal;
   color: #000; 
	padding: 0;
	margin: 0;
}
#main #mainright a:hover {
	color: #000;
	text-decoration: underline;
}

#main #mainright a.det {
   color: #6a6fae; 
}
#main #mainright a:hover.det {
	color: #2a2b3a;
}

#main #mainright ul	{
	list-style: none outside;
	padding: 0;
	margin: 0 15px 10px 15px;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	position: relative;
	top: 3px;
	text-align: left;
}

#main #mainright ol	{
  list-style: 
	padding: 1;
	margin: 0 15px 10px 15px;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	position: relative;
	top: 3px;
	text-align: left;
}


#main #mainright p.kontakt {		
color: #000;
padding: 0 40px 0 50px;
font-size: 1.2em;
text-align: justify;
line-height: 140%;
} 

#main #mainright #kontakt {			
color: #000;	
padding: 0 40px 0 50px;	
font-size: .9em;
text-align: justify;
line-height: 120%;
} 

#bold {font-weight: bold;}
#small {font-size: .8em;}
#smalla {font-size: .8em; padding-left: 36px;}
#skont {font-size: 1.2em; padding-left: 45px; color: #201e38; font-weight: bold;}
#lista {padding-left: 11px;}


/*
********************************           fine01        *********************************************
*/
#fine01 {
	position: relative;
	background-image: url('obrazki/fine01.jpg');
	background-repeat: repeat-x;
	background-color: #24201f;
	width: 980px;
	height: 50px;
	float: left;
	padding: 0;
	margin: 0;
	text-align: left;
	border-bottom: 1px solid #e9e9e9;
}
  
#fine01 h1 {
  position: relative;
  top: 20px;
  padding: 0;
  margin: 0 10px 0 10px;
  font-size: .9em;
  color: #5e5e5e;	
  text-align: center;
  font-weight: normal;
}

#fine01 a {
	font-size: 1em;
	text-decoration: none;
	color: #9b9b9b;
}
#fine01 a:hover {
	text-decoration: none;
	color: #b6b6b6;
}


/*
********************************           fine02       *********************************************
*/
#fine02 {
  position: relative;
  background-color: #24201f;
  width: 980px;
  height: 20px;
  float: left;
  padding: 0;
  margin: 0;
  text-align: left;
  }
  
#fine02 p{
  position: relative;
  top: 5px;
  padding: 0;
  margin: 0 0 0 20px;
  font-size: .8em;
  color: #505050;
  text-align: left;
}

#fine02 a {
  color: #b6b6b6;	
  text-decoration: none;
}
#fine02 a:hover {
	color: #b6b6b6;
	text-decoration: none;
}