* { border:0; margin:0; padding:0;}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background-color: #e7f0f9;
	margin: 0 0 20px 0;
	color: #333;
}

#page {
	background: #F4F8FC url('../imgs/content-bg.gif') repeat-y center;
	margin: 5px auto 20px;
	width: 835px;
}

#header {
	background: url('../imgs/magazyny-header.jpg') no-repeat bottom center;
	margin: 0 0 0 1px;
	width: 833px;
	height: 221px;
}

#left {
	margin-top: 5px;
	width: 245px;
	float: left;
}

#left ul {
	list-style: none;
	text-align: left;
	margin-left: 16px;
	margin-bottom: 10px;
}

#left ul li {
	border-bottom: 1px solid #003366;
	margin-top: 2px;
	width: 245px;
	font-size: 1.2em;
}

#left ul li a {
	background: url('../imgs/item-bg.gif') repeat-y left;
	padding: 7px 0 7px 15px;
	color: #003366;
	display: block;
}

#left ul li a:hover {
	background: url('../imgs/item-bg-hover.gif') repeat-y left;
	text-decoration: none;
}

#left p.title { 
	background-color: #003366; 
	margin-left: 16px;
	padding: 10px; 
	width: 225px; 
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
}

p.opis { margin: 0; padding:0 0 0 60px;  width: 160px;}
p.opis a {
	
	font-size: 1.2em;
	color: #003366;
}

#content {
	text-align: justify;
	margin-top: 5px;
	margin-left: 276px;
	font-size: 1.2em;
	color: #003366;
}

#content h2 {
	background-color: #003366;
	margin-bottom: 10px;
	padding: 10px;
	width: 523px;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #fff;	
}

#content h3 { margin:10px 30px 10px 0; font-size:1.2em; }
#content p { text-indent:20px; margin-right:30px; margin-bottom:10px; }
#content p  a { text-decoration:underline; }

#footer {
	background: url('../imgs/footer.jpg') no-repeat bottom;
	text-align: center;
	width: 835px;
	height: 72px;
	font-size: 1.2em;
	font-weight: bold;
	color: #003366;
	clear: both;
}
#footer p { padding-top:35px; }

.red { color:#C30101 !important; }
.clear { clear: both; } 
.aligncenter { text-align:center; }

h1 {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
	margin: 30px 0 0;
	font-size: 1.4em;
}

a  {
	text-decoration: none;
	color: #003366;
}

a:hover {
	color: #147;
	text-decoration: underline;
}

div.gal {
	text-align: center;
	margin: 0 10px 10px;
	width: 230px;
	height: 170px;
	float: left;
	
}

a.gal {
	display: block; 
	text-align: center;
	border: 1px solid #21864E; 
	margin: 0 8px 8px 0;
	width: 108px; 
	height: 76px;
	float:left;	
}

a.gal:hover { background-color: #29AD64; }
a.gal img { border: 0; padding: 4px; width: 100px; height: 68px;}