* {
  	margin:0 auto;
  	padding:0;
}
html{
  	background:#eaeaea;
}
body {	
  	margin:10px 0 10px 0;
  	padding:0;
  	min-height:400px;
  	background:#eaeaea;
  	font-family:Verdana;
  	font-size:12px;
}
div.cialko{
  	overflow:hidden;
  	width:998px;
  	background:white;
  	margin:0 auto;
  	border-left:1px solid #000080;
  	border-right:1px solid #000080;
}
/* ----------------Główka-----------------*/
div.glowka{
  	background:url(img/logo_cos.png);
  	width: 1000px;
  	height: 182px;
}
/* ----------------Lewa rączka------------*/
div.lewaraczka {
  	width:181px;
  	min-height:400px;
  	display:block;
  	float:left;
  	padding-top:5px;
  	padding-bottom:5000px;
	margin-bottom:-5000px;
}

ul, ul li {
	list-style: none;
	padding-left:5px; 
	font-size:18px;
	font-family:Calibri;
	font-weight:bold;
}
ul li {
  	margin-top:5px;
}
ul.img {
  	margin-top:40px;
}
ul.img a img {
  	border:0px;
}
ul.img a:link, ul.img a:visited{
  	background:none;
  	border:none;
  	padding:0 0 0 10px;
}
ul a:link, ul a:visited {
	text-decoration: none;
	background:url(img/kwa_blue1.png)no-repeat left center;
	padding-left:15px;
  	margin-top:5px; 
	color:#000080;
}
ul a:hover {
  	color:#80005b;
  	background:url(img/kwa_violet.png)no-repeat left center;
  	padding-left:25px;
  	margin-top:5px; 
}
table.linki {
  	width:580px;
  	margin:20px 0 10px 5px;
  	text-align:left;
  	border-collapse:collapse;
  	table-layout:auto;
}
table.linki {
  	margin:15px 0 20px 70px;
}
table.linki a img {
  	border:0px;
  	vertical-align:middle;
  	position:relative; bottom:5px;
}
/* ----------------Prawa rączka------------*/
div.prawaraczka{
  	width:181px;
  	min-height:400px;
  	float:right;
  	padding:15px 8px 0 0;
  	margin:0;
  	text-align:center;
  	background:url(img/kwadracik.gif)repeat-y left top;
  	padding-bottom:5000px;
	margin-bottom:-5000px;
}
div.prawaraczka  img {
  	border:0;
  	margin:0;
}
div.prawaraczka h1 {
  	font-size:17px;
  	font-family:Calibri;
  	font-weight:bold;
  	color:#43005b;
  	margin-bottom:5px;
}
div.prawaraczka p {
  	font-family:Calibri;
  	font-weight:bold;
  	font-size:14px;
}
div.prawaraczka a {
  	text-decoration:none;
  	color:#43005b;
}
/*-----------------Stany------------------*/
.wodow {
  position:absolute;
  border:1px solid #808080;
  background:#D9FEFF;
  padding:4px;
  font:normal normal 10px Verdana;
}
.wodow b {
  font-size:11px;
  font-family:verdana;
}
/* ----------------Środek-----------------*/
div.brzuszek {
  	width:606px;
  	display:block;
  	float:left;
  	text-align:justify;
  	min-height:400px; 
  	padding:15px 15px 0px 0px;
  	padding-bottom:5000px;
	margin-bottom:-5000px;
}
div.zeberko {
  	margin-bottom:10px;
}
div.zeberko span{
  	margin:0 0 0 480px;
  	font-family:Arial;
  	font-size:12px;
  	font-weight:bold;
	color:#4278ea;
}
div.zeberko h1 {
  	width:580px;
  	background:url(img/kwa_cienki.png)no-repeat left top;
  	min-height:25px;
  	padding-left:25px;
  	margin:7px 0 0 0;
  	font-size:15px;
  	font-family:Arial;
	color:#80005b;
	font-weight: bold;	
}
div.zeberko a.more:link{
  	text-decoration:none;
  	color:#4278ea;
  	font-weight:;
  	text-align:right;
}
div.zeberko a.more:hover{
  	text-decoration:none;
  	color:#80005b;
  	font-weight:;
  	text-align:right;
}
div.zeberko h1 a {
  	text-decoration:none;
  	color:#80005b;
}
div.zeberko h1 a:hover {
  	text-decoration:none;
  	color:#4278ea;
}
div.zeberko p {
  	font-size:13px;
  	font-family:Verdana;
  	background: url(img/pasek_cienki.png)no-repeat left top;
  	color:black;
  	font-weight:normal;
  	margin-top:5px;
  	padding: 0 0 15px 25px;
  	float:left;
}
div.zeberko img.leweoczko {
  	float:left;
  	margin: 0 10px 5px 0;
  	border: 1px solid #000080;
}
div.zeberko img.praweoczko {
  	float:right;
  	margin: 0 0 5px 10px;
  	border: 1px solid #000080;
}
div.brzusio {
  	float:left;
  	width:760px;
  	padding:10px 30px 10px 25px;
  	background:url(img/kwadracik.gif)repeat-y left top;
  	padding-bottom:5000px;
	margin-bottom:-5000px;
}
div.brzusio a {
  	text-decoration:none;
  	color:#4278ea;
}
div.brzusio a:hover {
  	text-decoration:none;
  	color:#80005b;
}
div.brzusio p{
  	text-align:justify;
  	margin:0 0 15px 0;
}
div.brzusio h1 {
  	background:url(img/kwa_news.png)no-repeat left top;
  	min-height:18px;
  	font-size:15px;
  	font-family:Arial;
	color:#80005b;
	font-weight: bold;
	padding:0 0 0 15px;
	margin:20px 0 10px 0;
}
div.brzusio h2 {
  	font-family:Verdana;
  	font-size:12px;
  	margin:0 0 10px 0;
}
div.brzusio ol {
  	margin:0 0 0 0; 
}
div.brzusio ol li {
  	margin:5px 0 5px 20px;
}
div.brzusio img {
  	border:0;
}
div.pepek {
  	text-align:center;
}
img.prawy {
	float:right;
	border: 1px solid #000080;
	vertical-align:middle;
	margin:0 0px 10px 10px;
}
img.lewy{
  	float:left;
  	border: 1px solid #000080;
	vertical-align:middle;
	margin:10px 10px 10px 0px;
}
div.link {
  	text-decoration:none;
  	text-align:left;
  	margin-top:20px;
  	padding-top:5px;
}
div.link a:link, div.link a:visited {
  	color:#4278ea;
  	text-decoration:none;
}
div.link a:hover {
  	color:#80005b;
  	text-decoration:none;
}
div.kontakt {
 	 margin-top:20px;
 	 text-align:center;
}
.lewy {
  	float:left;
  	margin:0 10px 10px 0;
}
p.maczek {
  	font-size:11px;
  	font-style:italic;
  	padding:20px 0 20px 0;
}
p.uwaga {
  	color:#4278ea;
  	font-weight:bold;
}
div.galeria {
  	float:left;
  	text-align:center;
  	width:760px;
  	padding:10px 30px 10px 25px;
  	background:url(img/kwadracik.gif)repeat-y left top;
  	padding-bottom:5000px;
	margin-bottom:-5000px;
}
div.galeria h1 {
  	min-height:18px;
  	font-size:15px;
  	font-family:Arial;
	color:#80005b;
	font-weight: bold;
	padding:0 0 0 15px;
	margin:20px 0 10px 0;
}
a#rollover1 {
  	display:block;
  	margin:0 auto;
  	margin-top:10px;
  	margin-bottom:5px;
	width:200px;
	height:150px; 
  	background: url(img/bug.gif);
  	border: 1px solid #000000 
}
a:hover#rollover1 {
  	border-color:#0000FF;
  	background-position: 0 -150px;
}
a#rollover2 {
  	display:block;
  	margin-top:10px;
  	margin-bottom:5px;
	width:200px;
	height:150px; 
  	background: url(img/siedziba_rollover.gif);
  	border: 1px solid #000000 
}
a:hover#rollover2 {
  	border-color:#0000FF;
  	background-position: 0 -150px;
}
a#rollover3 {
  	display:block;
  	margin-top:10px;
  	margin-bottom:5px;
	width:200px;
	height:150px; 
  	background: url(img/lody_rollover.jpg);
  	border: 1px solid #000000 
}
a:hover#rollover3 {
  	border-color:#0000FF;
  	background-position: 0 -150px;
}
/* ----------------Stópka-----------------*/
div.stopka{
  	clear:both;
  	width:1000px;
  	height:18px;
  	background:url(img/stopka2.png);
  	color:white;
  	text-align:center;
	font-size:11px;
	border-right:1px solid #000080;
}
div.stopka a:link, div.stopka a:visited, div.stopka a:hover {
  	color:white;
  	text-decoration:none;
}