/*-----Reset -------*/
div, p, h1, h2, h3, ul, ol, li, dl, dd, dt, img, body, form {
	margin: 0px;
	padding: 0px;
}
/*----- Podstawy - style elementów -------*/
body {
	background-color: White;
	font-family: "Calibri", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:justify;
	color: #666666;
	width:100%;
}
h1, h2, h3 {
	font-family: "Calibri", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	font-size:18px;
	color:#1A6AC3;
	margin: 0px 0px 25px 0px;
	text-shadow: 0px 0px 3px #666680;
}
h2 {
	font-size: 14px;
	color:#E75C1F;
	margin: 30px 0px 15px 0px;
	text-shadow: 0px 0px 2px #996600;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 20px 0px 15px 0px;
}
img {
	border: none;
	vertical-align:bottom;
}
*:focus {
	outline: none;
}
p {
	margin: 15px 0px 15px 0px;
	line-height: 18px;
}
a {
	color:#1A6AC3;
	text-decoration: none;
	border-bottom: solid 1px #E75C1F;
}
code {
	display: block;
	padding: 4px;
	color: #000000;
	font-family: "Courier New", Courier, monospace;
	font-size: 12px;
}
/*----- Elementy Layoutu -------*/
#columnRight {
	width:500px;
	padding: 120px 100px 0px 0px;
	float:right;
}
#columLeft {
	width: auto;
	height:auto;
	margin-right:600px;
	padding: 120px 100px 0px 100px;
}
#footer {
	padding: 50px 100px 50px 100px;
	height: auto;
	clear:both;
}
/*----- Vista tollbar -------*/

#vista_toolbar {
	background: #000000 url(back.gif) repeat-x;
	overflow: auto;
	height:32px;
	list-style:none;
	padding:0px 1% 0px 1%;
	width: 98%;
	position: fixed;
}
#vista_toolbar li {
	display:inline;
	line-height:32px;
	padding:0px;
}
#vista_toolbar a {
	color:#FFF; /* need because it will use default link color */
	float:left;
	padding:0 3px 0 3px; /* left 3 px because of left.png image */
	text-decoration:none;
	border: none;
}
#vista_toolbar a span {
	display:block;
	float:none;
	padding:0 10px 0 7px;
}
#vista_toolbar a span img {
	margin-right: 5px;
	vertical-align: middle;
}
/* show picture when mouse over link */
#vista_toolbar a:hover {
	background: url(left.png) no-repeat left center;
}
#vista_toolbar a:hover span {
	background:url(right.png) no-repeat right center;
}
#vista_toolbar a.right {
	float:right; /* for help button - just add class "right" ->  <a class="right"... */
}
/*----- Pozostale sytle  -------*/

ul.galeria {
	list-style: none;
}
ul.galeria li {
	width: 240px;
	height: 160px;
	float: left;
	padding-bottom: 10px;
}
ul.galeria li a {
	line-height: 40px;
}
ul.galeria li img {
	display: block;
	width: 160px;
	height: 100px;
	padding: 10px;
	background: url(kartka.gif) no-repeat top right;
}
#footer a.right {
	display: block;
	float: right;
	border: none;
}
dl dt {
	clear: both;
	font-style: italic;
}
dd {
	margin-left : 100px;
	width: 250px;
	text-align: left;
}
ul {
	list-style: square;
	list-style-position: outside;
	padding-left: 20px;
	line-height: 18px;
}
.pic_left {
	float: left;
	clear: left;
	width: 200px;
	height: auto;
	overflow: auto;
	padding: 4px;
	border: 1px solid #999999;
	margin: 5px 20px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 0px 0px 8px #888;
}
.pic_left img {
	display: block;
}
.pic_left p {
	margin: 5px 0px 0px 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
}