body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; 
	line-height: 20px;
	color: black;		/* kolor tekstu dla calosci */
	background: #EEEEEE;
}

/*
header {
	text-align: center;
	font-size: 20px; 
	line-height: 40px;
	color: EEE;
	background: #AAA;
}
*/

#calosc {
	background: rgba(255, 255, 255, 0.8);
	width: 1100px;
	margin: 20px auto;   /* 20px marginesu górnego ogólnego tła */
}

#obrazek {
	width: 1060px;
	margin-left: auto;
	margin-right: auto;
	}
	
#obrazek img{
  border: 1px #777 solid;
}

/* Pasek pod logo */

#opis {
	text-align: center;
	font-size: 16px; 
	line-height: 28px;
	color: black;					/* EEE */
	background: #40C74A;		/* jasna zieleń, była AAA */
	margin-left: 20px;
	margin-right: 20px;
	}

#tytul_sekcji {
	text-align: center;
	font-size: 24px; 
	line-height: 42px;
	color: black;					
	background: AAA;		
	margin-left: 20px;
	margin-right: 20px;
	}
	
#galeria_tytul {
	text-align: center;
	font-size: 24px; 
	line-height: 42px;
	color: black;					/* EEE */
	background: #40C74A;		/* jasna zieleń, była AAA */
	margin-left: 20px;
	margin-right: 20px;
	}

/* --------------- Lewe menu i główny artykuł --------------------*/ 	
	
#druga_sekcja {
	width: 1060px;
	height: 20px;
	margin-left: 20px;   /*  20 */
	margin-right: 20px;
	background-color: whitesmoke;
	}
	
#druga_sekcja article {
	float: right;
	width: 75%;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	letter-spacing: 1px;
	}
	
#wykaz {
	float: left; /* b. ważny, układa menu obok artykułu */
	width: 20%; /* szerokość całego blogu menu */
	background-color: transparent;
	background-color: #whitesmoke; /* rgba(5, 34, 77, 0.3); */
	/* background-color: green; */
	}	
	
#wykaz ul {
	list-style-type: none;
	padding: 0 0px; /* odsunięcie menu od marginesu */
	}
	
#wykaz ul li {
	line-height: 40px; /* wysokość "pudełka" pojedynczego elementu menu */
	padding: 1px 0; /* wewnętrzny margines pomiędzy elementami menu */
	}
	
#wykaz ul li a {
	display: block; /* ważne dla wyświetlania wszystkich elementów menu w jednakowej szerokości */
	color: black;						/* DDD */
	background-color: #40C74A; 		/* 555 */
	text-decoration: none;
	padding-left: 12px;
	font-size: 1.2em;
	height: 40px;	/* wysokość poszczególnych elementów menu ("pudełek") */
	}
	
#wykaz ul li a:hover {
	color: #222;
	background-color: #DDDDDD;
	font-weight: bold;
	}

/* Trzy pudelka */

#trzy_klocki {
	width: 1060px; 
	margin: 0 auto;
	background: #FFCC99;
}

#trzy_klocki article {
	float: left;
	width: 333px;
	margin: 0px 0;
	padding: 10px;
}

#trzy_klocki article img {
	border: 1px #777 solid; 
}

/* Informacje szczegółowe */

#trzecia_sekcja {
	width: 1060px;
	height: 20px;
	margin-left: 20;
	margin-right: 20;
	background-color: whitesmoke;
	}
	
#trzecia_sekcja article {
	float: left;
	width: 40%;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	letter-spacing: 1px;
	}

#dolny_artykul {
	float: left; 
	width: 92%;
	color: black;
	margin-left: 20px; 
	margin-right: 40px; 
	padding: 0 10px;
}


/* Cegla */

#wypalona {
	width: 92%;
	height: 20px;
	margin-left: 40px;
	margin-right: 20px;
	background-color: whitesmoke;
	}
	
#wypalona article {
	float: left;
	width: 50%;
	background-color: transparent;
	background-color: rgba(255, 255, 255, 0.8);
	margin-left: 20px; 
	margin-right: 20px; 
	letter-spacing: 1px;
	}

#wypalona article img{
	float: right;
   margin: 10px 60px 1px 20px;
	border: 1px #777 solid;
	}
	
/*	
	.cegla{
   float: right;
   margin: 10px 60px 1px 20px;
}
	
#wypalona {
	float: left; 
	width: 40%;
	color: #777;
	margin-left: 20px; 
	margin-right: 20px; 
	padding: 0 10px;
}

*/

/* Stopka */
	
#stopka {
	text-align: center;
	font-size: 18px; 
	line-height: 32px;
	color: black;					/* EEE */
	background: #40C74A;		/* jasna zieleń, była AAA */
}

.mapa{
   float: left;
   margin: 10px 60px 1px 20px;
}

.mapa img{
  border: 1px #777 solid;
}

.cegla{
   float: right;
   margin: 10px 60px 1px 20px;
}

.cegla img{
  border: 1px #777 solid;
}

.zdjecia{
   float: right;
   margin: 10px 50px 1px 50px;
}

.zdjecia img{
   border: 1px #777 solid;
}

/* Techniczne */

.clear {
	clear: both;
	}

#odstep{
	height: 10px;
	}