/****************************************
*
* CSS Style
*
*
* Code: Piotr Polak <peterpepis (at) mail (dot) ru>
* Graphics: Michał Michalewski <michal (at) itechnics (dot) pl> 
* @Date: 27 April 2007 
*
*
****************************************/

* {
	padding: 0px;
	margin: 0px;
}
body {
	background: #8DB075 url(../img/background.png) repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}
body div {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
body div.container {
	margin-top: 11px;
	width: 918px;
	background-color: #E4EBDB;
	background-image: url(../img/container-content-bg.png);
	background-repeat: repeat-y;
	margin-bottom: 20px;
}
div.container .top {
	background-image: url(../img/container-top.png);
	background-repeat: no-repeat;
	height: 20px;
	padding-top: 5px;
	text-align: right;
}
div.container .top a {
	color: #666666;
	font-size: x-small;
	margin-right: 20px;
	margin-top: 10px;
}
div.container .top a:hover {
	color:#000000;
	text-decoration: none;
}
div.container .baner {
	background-image: url(../img/container-baner.png);
	height: 190px;
}
div.container .menu {
	background-image: url(../img/container-menu-bg.png);
	height: 23px;
	padding-top: 12px;
}
.menu li {
	display: inline;
	margin-left: 10px;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
}
.menu li.active {
	background-image: url(../img/menuelement.png);
}

.menu li a, .menu li a:visited{
	text-decoration: none;
	color: #FFFFFF;
	font-size: small;
	font-weight: bold;
}
.menu li a:hover {
	text-decoration: underline;
}
.menu li.active a, .menu li.active a:visited {
	color: #3C630B;
}
.menu li.active a:hover {
	text-decoration: none;
}


div.container .content {
	overflow: auto;
	padding: 10px;
	padding-bottom: 0px
}
div.container .bottom {
	clear: both;
	background-image: url(../img/container-bottom.png);
	background-repeat: no-repeat;
	height: 30px;
	color: #a0a0a0;
	text-align: right;
	font-size: x-small;
	margin-top: 4px;
	padding-right: 30px;
}
/* Panels */
.leftpanel {
	width: 629px;
	float: left;
}
.leftpanel .paneltop {
	background-image: url(../img/leftpanel-top.png);
	background-repeat: no-repeat;
	height: 9px;
}
.leftpanel .panelcontent {
	border-left: #CCDAB6  solid 1px;
	border-right: #CCDAB6  solid 1px;
	background-color: #FFFFFF;
}
.leftpanel .panelbottom {
	background-image: url(../img/leftpanel-bottom.png);
	background-repeat: no-repeat;
	height: 9px;
}


.rightpanel {
	width: 250px;
	margin-right: 8px;
	float: right;
}
.rightpanel .paneltop {
	background-image: url(../img/rightpanel-top.png);
	background-repeat: no-repeat;
	height: 9px;
}
.rightpanel .panelcontent {
	border-left: #CCDAB6  solid 1px;
	border-right: #CCDAB6  solid 1px;
	background-color: #FFFFFF;
}
.rightpanel .panelbottom {
	background-image: url(../img/rightpanel-bottom.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	height: 9px;
}


.panelcontent {
	padding: 5px;
}
h1 {
	margin: 5px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-left: 20px;
	font-size: x-large;
	border-bottom: #C8D7B5 solid 1px;
	color: #3F6612;
}
h3 {
	margin: 10px;
	padding-bottom: 3px;
	font-size: small;
	color: #8E694A;
}
p {
	margin: 15px;
	margin-top: 20px;
	text-indent: 25px;
	font-size: small;
	color: #333333;
	line-height: 20px;
	margin-left: 40px;
	text-align: justify;
}

.panelcontent ul {
	font-size: small;
	color: #333333;
	line-height: 20px;
	margin-left: 80px;
}
.panelcontent li {
	list-style-type: disc;
	margin-top: 5px;
}
.rightpanel p{
	margin: 4px;
	text-align: left;
	text-indent: 0px;
	margin-left: 14px;
}
a {
	color:#003399;
}
a:hover {
	color:#993300;
	text-decoration: none;
}
a:visited {
	color:#9933CC;
}



form {
	margin-left: 40px;
}
input, textarea, label {
	display:block;
	width: 80%;
	padding: 0.2em;
	margin: 1em;
	font-size: small;
	color:#4F4F4F;
}
label {
	color: #000000;
}

/* Duże zdjęcie */
.pictureshow img {
	padding: 4px;
	border: #CCCCCC solid 3px;
}
.pictchanger {
	border: none;
}
.pictchanger img {
	padding: 2px;
	margin: 2px;
	border: #999999 solid 2px;
}
.pictchanger img:hover {
	padding: 2px;
	margin: 2px;
	border-color: #CC3333;
}

.pictureshow {
	text-align: center;
}
.thumbnails {
	text-align: center;
}

/* Mapka */
.mapka {
	margin: 10px;
}
.mapka a {
	border: none;
}
.mapka a img{
	border: #E4EBDB solid 2px;
	padding: 4px;
}

/* Zdjęcie */
.imgInText {
	float: right;
	margin: 10px;
	margin-left: 20px;
	position: relative; /* @$*#*@^ Internet Explorer bez tego nie potrwfi poprawnie wyświetlić zdjęcia... */
}
.imgInTextLeft {
	float: left;
	margin: 10px;
	margin-top: 25px;
	margin-right: 20px;
	margin-left: 30px;
	position: relative; /* @$*#*@^ Internet Explorer bez tego nie potrwfi poprawnie wyświetlić zdjęcia... */
}
.imgInText img, .imgInTextLeft img {
	border: #E4EBDB solid 2px;
	padding: 4px;
}
p.left {
	text-align: left;
}
/* FOR CONTACT */
.error{
	 color: #FF0000;
}
.errorbox{
	border: #FF0000 solid 2px;
	padding: 1em;
	display:block;
	width: 80%;
	font-weight: bold;
	text-align: center;
	margin: .5em;
	font-size: small;
	color:#4F4F4F;
	color: #FF0000;
}