/* Page */

body {
	background-color:#fff;
	margin: 0px;
}

body,td,th {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	font-weight:300;
	color:#000;
}

body img {
	border:none;
}

a:link {
	color:#ee7f00;
	text-decoration: none;
	font-weight:normal;
}

a:visited {
	text-decoration: none;
	color:#ee7f00;
}

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

a:active {
	color:#ee7f00;
	text-decoration: none;
}






/* containers ----------------------------------------------- */

#main {
	background-image:url(../gfx/bg.png);
	background-repeat:repeat-y;
	background-position:top center;
	min-width:980px;
	position:relative;
	border-bottom:20px solid #006289;
}

#main2 {
	background-image:url(../gfx/bg_main.png);
	background-repeat:repeat-x;
	background-position:top center;
	min-width:980px;
	position:relative;
	border-bottom:20px solid #006289;
}

#page {
	width:940px;
	margin:0 auto;
	padding-bottom:0px;
}






/* top ----------------------------------------------- */

#logo {
	width:950px;
	height:150px;
	margin:0 auto;
	margin-bottom:12px;
}

#menu {
	background-image:url(../gfx/bg_menu.png);
	background-repeat:no-repeat;
	width:940px;
	height:75px;
	overflow:hidden;
	font-family: 'Ubuntu', sans-serif;
}


#banner {
	position:relative;
	background-color:white;
	width:940px;
	height:466px;
	border-bottom:1px solid #006289;
	overflow:hidden;
	
	-moz-box-shadow: 0px 3px 8px #006289;
	-webkit-box-shadow: 0px 3px 8px #006289;
	box-shadow: 0px 3px 8px #006289;
	
	-webkit-border-bottom-right-radius:7px;
	-moz-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
}

#banner.page {
	position:relative;
	background-color:white;
	width:940px;
	height:300px;
	border-bottom:1px solid #006289;
	overflow:hidden;
	
	-moz-box-shadow: 0px 3px 8px #006289;
	-webkit-box-shadow: 0px 3px 8px #006289;
	box-shadow: 0px 3px 8px #006289;
	
	-webkit-border-bottom-right-radius:7px;
	-moz-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;
}

#last_news {
	position:absolute;
	bottom:40px;
	right:30px;
	width:600px;
	z-index:1000;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.9);
	
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

#last_news_text {
	padding:20px;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:30px;
	font-weight:bold;
	line-height:20px;
}

#last_news_icon {
	position:absolute;
	width:47px;
	height:46px;
	top:41%;
	left:-23px;
	background-image:url(../gfx/icon_news_small.png);
	background-repeat:no-repeat;
}

#last_news_more {
	position:absolute;
	bottom:-13px;
	right:20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
	font-weight:bold;
	background:#006289;
	color:#fff;
	border-bottom:1px solid #014763;
	border-bottom:2px solid #014763;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}



#icons {
	position:absolute;
	top: 350px;
	right: 10px;
	z-index: 1;
}







/* slider ----------------------------------------------- */

/*	Główny div z pozycjonowaniem relatywnym,
	aby łatwo porozmieszczac elemeny nawigacyjne */
	
#banner #slider {
	position:relative;
	width:940px;
	height:466px;
	float:right;
}
	
#news_wrapper {
	width: 940px;
	height: 466px;
	position:relative;
	margin:0 auto;
}

/* Navigacja kolejno: obydwie strzałki, lewa, prawa, ikony slajdów */
#news_wrapper .browse {
	height: 37px;
	width: 37px;
	z-index:100;
	opacity:0.4;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}

#news_wrapper:hover .browse {
	opacity:1;
}

#news_wrapper .browse:hover {
	cursor:pointer;
}

#news_wrapper .left {
	background: url(../gfx/arrow_left.png);
	position:absolute; top: 156px; left: 15px;
}
#news_wrapper .right {
	background: url(../gfx/arrow_right.png);
	position:absolute; top: 156px; right: 15px;
}

#news_wrapper .navi {
	position: absolute; top: 0px; left: 45px;
	z-index: 100;
	display:none;
}

#news_wrapper .navi a {
	background: white;
	border: solid 1px black;
	margin: 0px 3px;
	padding: 1px 5px;
}
#news_wrapper .navi a.active {
	background: black;
	color: white;
}

 /* #news to 'kadr' */
#news_wrapper #news {
	width: 940px;
	height: 466px;
	margin:0 auto;
	z-index:10;
	
	-webkit-border-bottom-right-radius:7px;
	-moz-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;

	background: white;
	border: solid 0px black;
	overflow:hidden;/* REQUIRED */
	position:absolute;/* REQUIRED */ top: 0px; left: 0px;
}
 /* .items to 'taœma' ze slajdami */
#news_wrapper #news .items {
	width: 20000em;/* REQUIRED */
	position: absolute;/* REQUIRED */
}
#news_wrapper #news .items  .main_news {
	width: 940px;
	height: 466px;

	background: white;
	float: left;/* REQUIRED */
	margin: 0px 0px;/* odstępy między slajdami */
	position: relative; /* dodane bo łatwiej mi póŸniej rozmieszczać elementy wewnštrz */
}
#news_wrapper #news .items .main_news .text {
	background: rgba(1, 1, 1, 0.6); 
	color: white;
	position: absolute; bottom: 0px;
	width: 100%;
}

#news_wrapper #news .items .main_news .item {
	float:left;
	width: 940px;
	height: 466px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}





#banner #slider.page {
	position:relative;
	width:940px;
	height:300px;
	float:right;
}
	
#slider.page #news_wrapper {
	width: 940px;
	height: 300px;
	position:relative;
	margin:0 auto;
}

/* Navigacja kolejno: obydwie strzałki, lewa, prawa, ikony slajdów */
#slider.page #news_wrapper .browse {
	height: 37px;
	width: 37px;
	z-index:100;
	opacity:0.4;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}

#slider.page #news_wrapper:hover .browse {
	opacity:1;
}

#slider.page #news_wrapper .browse:hover {
	cursor:pointer;
}

#slider.page #news_wrapper .left {
	background: url(../gfx/arrow_left.png);
	position:absolute; top: 156px; left: 15px;
}
#slider.page #news_wrapper .right {
	background: url(../gfx/arrow_right.png);
	position:absolute; top: 156px; right: 15px;
}

#slider.page #news_wrapper .navi {
	position: absolute; top: 0px; left: 45px;
	z-index: 100;
	display:none;
}

#slider.page #news_wrapper .navi a {
	background: white;
	border: solid 1px black;
	margin: 0px 3px;
	padding: 1px 5px;
}
#slider.page #news_wrapper .navi a.active {
	background: black;
	color: white;
}

 /* #news to 'kadr' */
#slider.page #news_wrapper #news {
	width: 940px;
	height: 300px;
	margin:0 auto;
	z-index:10;
	
	-webkit-border-bottom-right-radius:7px;
	-moz-border-bottom-right-radius:7px;
	border-bottom-right-radius:7px;
	-webkit-border-bottom-left-radius:7px;
	-moz-border-bottom-left-radius:7px;
	border-bottom-left-radius:7px;

	background: white;
	border: solid 0px black;
	overflow:hidden;/* REQUIRED */
	position:absolute;/* REQUIRED */ top: 0px; left: 0px;
}
 /* .items to 'taœma' ze slajdami */
#slider.page #news_wrapper #news .items {
	width: 20000em;/* REQUIRED */
	position: absolute;/* REQUIRED */
}
#slider.page #news_wrapper #news .items  .main_news {
	width: 940px;
	height: 300px;

	background: white;
	float: left;/* REQUIRED */
	margin: 0px 0px;/* odstępy między slajdami */
	position: relative; /* dodane bo łatwiej mi póŸniej rozmieszczać elementy wewnštrz */
}
#slider.page #news_wrapper #news .items .main_news .text {
	background: rgba(1, 1, 1, 0.6); 
	color: white;
	position: absolute; bottom: 0px;
	width: 100%;
}

#slider.page #news_wrapper #news .items .main_news .item {
	float:left;
	width: 940px;
	height: 300px;
	
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}






/* content ----------------------------------------------- */

#content {
	margin-top:40px;
	padding-bottom:50px;
	color:#2e0809;
	padding-top:1px;
	line-height:18px;
}

#content p {
	margin-top:0px;
}

#content h1 {
	font-weight:700;
	font-size:22px;
	color:#006289;
	margin-top:0px;
	font-family: 'Ubuntu', sans-serif;
}


#content_left {
	float:left;
	width:630px;
}

#content_box_left {
	background-color:#d2e4f3;
	float:left;
	width:250px;
	border:2px solid #fff;
	padding:25px;
	font-weight:700;
	margin-bottom:15px;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#content_box_left .content_box_text {
	margin-top:30px;
	margin-bottom:0px;
	width:250px;
}

#content_box_right {
	background-color:#d2e4f3;
	float:right;
	width:250px;
	border:2px solid #fff;
	padding:25px;
	font-weight:700;
	margin-bottom:15px;
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}
#content_box_right .content_box_text {
	margin-top:30px;
	margin-bottom:0px;
	width:250px;
}



#content_right {
	float:right;
	width:275px;
	background-image:url(../gfx/bg_content_right.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}

#content_right h1 a {
	font-weight:700;
	font-size:26px;
	color:#006289;
	margin-top:0px;
	font-family: 'Ubuntu', sans-serif;
}








/* footer ----------------------------------------------- */

#margin_footer {
	background-color:#fff;
}

#footer {
	min-width:1000px;
}

#footer_center {
	width: 940px;
	height:150px;
	margin: 0 auto;
	padding-top:1px;
	font-weight:400;
}

#footer_center  p{
	margin-top:0px;
}

#footer_center  a{
	color:#000;
}

#footer_center .left{
	margin-top:30px;
	font-size:14px;
	color:#000;
	float:left;
}

#footer_center .left .item{
	margin-right:40px;
	float:left;
}

#footer_center .right{
	margin-top:60px;
	margin-left:20px;
	font-size:14px;
	color:#000;
	float:right;
	text-align:right;
	font-size:11px;
	line-height:20px;
}






/* gallery ----------------------------------------------- */

#content_gallery {
	width:1000px;
	margin-left:-8px;
	margin-right:-20px;
}
.rell_image{
	width:221px;
	height:185px;
	overflow:hidden;
	float:left;
	margin-bottom:18px;
	margin-left:9px;
	margin-right:9px;
}

.rell_image .image{
	width:215px;
	height:135px;
	overflow:hidden;
	border:3px solid #c0c0c0;
	background-color:#c0c0c0;
}

.rell_image .image:hover{
	border:3px solid #006289;
	background-color:#006289;
}

.rell_image .image img{
	border:none;
}

.rell_image .text{
	margin-top:10px;
	text-align:center;
	max-height:15px;
	font-size:12px;
}

.rell_image .text h3{
	margin-top:5px;
	margin-bottom:10px;
	font-size:13px;
}

.rell_image .text a.more{
	color:#13711c;
	text-decoration:underline;
	display:block;
	padding-left:15px;
	background-image:url(../gfx/arrow_green.gif);
	background-repeat:no-repeat;
	background-position:0px 6px;
}


.rell_image2{
	width:221px;
	overflow:hidden;
	float:left;
	margin-bottom:18px;
	margin-left:9px;
	margin-right:9px;
}

.rell_image2 .image{
	width:215px;
	height:135px;
	overflow:hidden;
	border:3px solid #c0c0c0;
	background-color:#c0c0c0;
}

.rell_image2 .image:hover{
	border:3px solid #006289;
	background-color:#006289;
}

.rell_image2 .image img{
	border:none;
}





/* gallery ----------------------------------------------- */

#content_gallery2  {
	width:1000px;
	margin-left:-8px;
	margin-right:-20px;
}

#content_gallery2 .rell_image2{
	width:198px;
	overflow:hidden;
	float:left;
	margin-bottom:18px;
	margin-left:9px;
	margin-right:9px;
}

#content_gallery2 .rell_image2 .image{
	width:192px;
	height:120px;
	overflow:hidden;
	border:3px solid #c0c0c0;
	background-color:#c0c0c0;
}

#content_gallery2 .rell_image2 .image:hover{
	border:3px solid #006289;
	background-color:#006289;
}

#content_gallery2 .rell_image2 .image img{
	border:none;
}





/* NEWS ITEMS ----------------------------------------------- */

.news_item {
	
}

.info .right{
	float:right;
	margin-bottom:10px;
}
.info .left {
	float:left;
}

.info .left .fb-like {
	float:left;
	margin-right:15px;
}

.info .left .fb-share-button {
	float:left;
	margin-right:15px;
}

.info .left .likes {
	padding-top:2px;
	float:left;
	color:#006289;
}

.news_item .header {
	padding-bottom:0px;

}

.news_item .header .title, .news_item .header .title a {
	color:#006289;
	font-size:16px;
	font-weight:bold;
}

.news_item .header .title, .news_item .header .title a h3 {
	color:#006289;
	font-size:18px;
	font-weight:bold;
	font-family: 'Ubuntu', sans-serif;
	float:left;
	margin-bottom:0px;
	margin-right:5px;
}

.news_item .header .title, .news_item .header .title a span {
	color:#006289;
	font-size:14px;
	font-weight:normal;
	margin-bottom:0px;
	width:100%;
}

.news_item  h2 {
	margin-bottom:50px;
}
.news_item  .name {
	color:#006289;
}

.news_item .header .date {
	color:#006289;
	padding-top:3px;
	display:block;
	font-size:11px;
}

.news_item .text  {
	line-height:18px;
	text-align:justify;
	margin-top:10px;
}

.news_item .text .image_wrapper {
	float:left;
	margin-right:10px;
	background-color:#fff;
	border:1px solid #ccc;
	width:130px;
	height:85px;
	overflow:hidden;
}

.news_item .text .image {
	overflow:hidden;
	width:130px;
	height:85px;
}

#content_center .news_item .text .image img {
	border:none;
	margin:0px;
	padding:0px;
}

.news_item .more a{
	float:right;
	font-weight:bold;
	width:80px;
	text-align:right;
	color:#006289;
}

.news_item .text p {
	margin-top:0px;
}





/* Pagination ----------------------------------------------- */

div.pagination {
	padding: 0px;
	margin-bottom: 3px;
	text-align:left;
}

div.pagination a {
	padding: 3px 6px 3px 6px;
	font-size:11px;
	font-weight:bold;
	margin: 2px;
	border: 1px solid #ddd;
	text-decoration: none; /* no underline */
	color: #000;
	background-color:#ddd;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #fff;
	color: #fff;
	border: 1px solid #006289;
	background-color: #006289;
}

div.pagination span.current {
	padding: 3px 6px 3px 20px;
	font-size:11px;
	font-weight:bold;
	margin: 2px;
		border: 1px solid #006289;
		font-weight: bold;
		background-color: #006289;
		color: #fff;
    }
    div.pagination span.disabled {
			padding: 3px 6px 3px 6px;
			margin: 2px;
			font-size:11px;
			border: 1px solid #CCC;
			background-color: #CCC;
			color: #666;
			font-weight:bold;
		}





/* CONTACT ----------------------------------------------- */

#contact_left {
	padding-top:1px;
	padding-bottom:20px;
	margin-top:15px;
	font-family:Verdana, Geneva, sans-serif;
	line-height:15px;
	color:#636363;
}

#contact_text {
	padding-left:0px;
}

#contact_left h5 {
	margin:1px;
}

#contact_right {
	padding-top:15px;
	padding-bottom:30px;
	overflow:hidden;
	font-family:Verdana, Geneva, sans-serif;
	line-height:15px;
	color:#636363;
}

#contact_right table {
	background:none;
}

#contact_right table td{
	background:none;
	padding:3px;
}

#contact_right img{
	margin:10px;
}

#contact_right a:hover {
	color: #000;
	text-decoration:none;
}

#contact_right:hover {
	overflow:visible;
}

#contact_right p {
	margin-top:0px;
}


.form_input label {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin-top:0px;
	margin-right:17px;
	width:120px;
}

.form_input input {
	display:block;
	border:1px solid #b0babd;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:340px;
	margin-right:0px;
}

.form_input textarea {
	display:block;
	border:1px solid #b0babd;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:340px;
	min-width:340px;
	max-width:340px;
	height:100px;
}

.form_input2 input {
	display:block;
	border:1px solid #b0babd;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:270px;
	margin-bottom:10px;
}

.border_red input , .border_red textarea {
	border:1px solid red;
}


.form_submit input {
	padding:5px 22px 5px 11px;
	margin-top:10px;
	border:none;
	background-color:#4a6f97;
	color:#FFFFFF;
	float:right;
	font-size:12px;
	font-weight:bold;
}

.form_submit_mail input{
	background-color:#eee;
	display:block;
	color:#006289;
	width:100px;
	height:30px;
	border:none;
	float:left;
	font-weight:bold;
	margin-bottom:20px;
}

.form_submit_mail input:hover {
	cursor:pointer;
	color:#ee7f00;
}







/* classes ----------------------------------------------- */


.line_mail {
	background-image:url(../gfx/line.png);
	background-repeat:no-repeat;
	width:571px;
	height:9px;
	margin-top:-10px;
	margin-bottom:20px;
}

.clear {
	clear:both;
}

.space {
	height:25px;
	clear:both;
}

.red {
	color:red;
}

.line {
	background-color:#ccc;
	height:1px;
	margin-top:12px;
	margin-bottom:12px;
	clear:both;
}


#content_left .news_more {
	float:right;
	display:block;
	margin-top:30px;
	margin-bottom:0px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
	font-weight:bold;
	background:#006289;
	color:#fff;
	border-bottom:2px solid #014763;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}

.news_more {
	float:right;
	margin-bottom:-20px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	line-height:20px;
	font-weight:bold;
	background:#006289;
	color:#fff;
	border-bottom:2px solid #014763;
	text-shadow: -1px -1px 0px rgba(0, 0, 0, 1);
	
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	border-radius:7px;
}