html,body{
	background: #f4f4f4;
}


body {
	padding: 10px 0 10px 0;
	margin: 0;
	color: #444;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
}
article, aside, footer, header, nav, section {
	display: block;
}

#site-header,#wrapper,#site-footer{
	clear: left;
	position: relative;
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
#logo{
	text-align: left;
	line-height: 100%;

}
#logo img{
	margin: 20px 10px 10px 10px;
}

/****************** NAGŁÓWEK STRONY *********************************/
#site-header{
	line-height: 0;
	width: 960px;
	background-color: #fff;
	position: relative;
	border-top: 4px solid #29176B;
}

#header-images{
	position: absolute;
	top: 10px;
	left: 350px;
}
#header-images img{
	padding: 7px;
	background: url("../img/im_bg.png") no-repeat center center;
}
#top-line{
	clear: left;
	background: #017BC1;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 100%;
	padding: 5px 0 5px 330px;
	text-align: center;
}
#bottom-line{
	clear: left;
	background: #017BC1;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 150%;
	padding: 0 20px
	text-align: center;
}
#bottom-line a{
	color: #fff;
	text-decoration: underline;
}
/****************** ............... *********************************/
#wrapper{
	text-align: left;
	background-color:#fff;
	border-bottom: 5px solid #fff;
	padding-bottom: 30px;
}

/****************** STOPKA STRONY *********************************/
#site-footer{
	color: #666;
	line-height: 20px;
	text-align: center;
}
#site-footer div{
	padding: 5px;
	font-style: italic;
}

#main,
#sidebar {
	float:left;
	position:relative;
	padding: 0.5em 0 1.5em 0; /*margines kolumn*/
	overflow:hidden;
}

.two-cols-sidebar-left #main {
	width: 690px;
	left: 250px;
}
.two-cols-sidebar-left #sidebar {
	width: 220px;
	right: 720px;
}

.two-cols-sidebar-right #main {
	width: 660px;
	left: 30px;
}
.two-cols-sidebar-right #sidebar {
	width: 235px;
	left: 60px;
}

.one-col #main{
	width: 900px;
	left: 30px;
}

/*************** LINK *********************************************/
a{
	color: #12486E;
	text-decoration: none;
}
a hover{
	color: #12486E;
	text-decoration: underline;
}

/************************ PARAGRAF ***************************************/
p{
	line-height: 1.5em;
	padding: 5px 0;
	margin: 0;
	text-align: justify;
}
ul{
	line-height: 1.5em;
	margin: 0;
	padding: 0 20px;
	list-style: none;
}
li{
	padding-left: 10px;
	background: url("/img/dot.png") no-repeat 0 7px;
}


/************************ TREŚĆ STRONY ***************************************/
h1{
	font-size: 20px;
	color: #29156E;
	padding: 10px 0 5px 0px;
	margin: 0;
	border-bottom: 1px solid #ccc;
}
h2{
	clear: both;
	font-size: 15px;
	color: #017BC1;
	padding: 10px 0 5px 10px;
	margin: 0 5px;
	background: url("../img/h2-bullet.png") no-repeat 0 15px;
}

/************************ GALERIA ZDJĘĆ ***************************************/
.gallery{
	text-align: left;
	margin: 10px auto 0 auto;
}
.gallery ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.gallery li{
	display: inline;
	background: none;
	padding: 0px;
	margin: 0;
}
.gallery img{
	margin: 5px;
	border: 1px solid #ccc;
	padding: 1px;
}

/************************ FORMULARZ ***************************************/
.form label{
	text-align: right;
	font-weight: bold;
	width: 150px;
	display: block;
}
.form input[type="text"], .form textarea{
	width: 200px;
	border: 1px solid #ccc;
	padding: 0;
	margin: 5px 0;
}
.form textarea{
	width: 400px;
	height: 150px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
}
.form img{border: 1px solid #bbb}

#contact_form{
	margin: 0;
}

/************************* KOMUNIKATY *******************************/
.err,.msg{
	border: 1px dashed #ccc;
	padding: 10px;
	margin: 10px 0;
	background: #f4f4f4;
}
.err{
	font-weight: bold;
	color: #cc0000;
}
.msg{
	font-weight: bold;
	color: #336600;
}

/************************* MAPKA GOOGLE *******************************/
#map_canvas{
	border: 1px solid #bbb;
	margin: 10px 0;
}

/************************* WIDGETY *******************************/
.box{
	margin: 10px 0;
}
.box header{
	background: url("../img/box_header_bg.png") no-repeat top left;
}
.box header h3{
	font-size: 14px;
	color: #fff;
	padding: 7px 0 7px 10px;
	margin: 0;
}
.box div{
	margin: 0 10px;
}

a img{
	border: none;
}

/************************* OPŁYWANIE ZDJĘĆ PRZEZ TEKST *******************************/
.imgleft{
	float: left;
	padding: 1px;
	margin: 5px 10px 5px 0;
	border: 1px solid #ccc;
}
.imgright{
	float: right;
	padding: 1px;
	margin: 5px 0 5px 10px;
	border: 1px solid #ccc;
}