/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/* tags
----------------------------------------------------------------------------------------------------*/

img{
border:0px;
}

*{
font-family: 'Open Sans', arial, serif;
font-size:11px;
color:#5A5A5A;
}

h1 a,h1{
color:#007ECE;
font-size:16px;
margin:5px 20px;
font-weight:800;
text-decoration:none;
font-family: 'Open Sans', arial, serif;
text-transform:uppercase;
}

h2 a,h2{
color:#007ECE;
font-size:13px;
margin:5px 10px 5px 0px;
padding:0px;
font-weight:200;
text-decoration:none;
font-family: 'Open Sans', arial, serif;
line-height:1;
}

p{
margin:5px 0px;
}

a{
color:#007ECE;
text-decoration:none;
}

small {
font-size:11px;
}

strong{
font-family: 'Open Sans', arial, serif;
}

/* Containers
----------------------------------------------------------------------------------------------------*/

.container {
margin:0px;
display:block;
width:100%;
	overflow:hidden;
}

.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	overflow:hidden;
}

.lang {
height:27px;
}

.lang ul{
list-style:none;
float:right;
padding:0px;
margin:0px;
}

.lang ul li{
display:inline;
float:right;
padding:2px 5px;
border-bottom:2px solid #EFF0EB;
}

.lang ul li a{
color:#555555;
}

.lang ul li.set{
border-bottom:2px solid #0076C0;
}

.topmenu {
height:132px;
background:transparent url('../images/topmenu.png') repeat-x top left;
}



.topmenu img{
padding:20px 20px 0px 20px;
display:block;
float:left;
}

.topmenu ul{
list-style:none;
background:transparent url('../images/topmenu.png') repeat-x bottom left;
display:block;
float:right;
overflow:hidden;
width:680px;
margin:40px 0px 0px 0px;
padding:0px;
}

.topmenu ul li{
float:left;
}

.topmenu ul li a{
display:block;
border-bottom:6px solid #EFF0EB;
padding:10px 20px;
text-decoration:none;
color:#336B9E;
font-size:16px;
}

.topmenu ul li a:hover{
border-bottom:6px solid #CFCFCF;
}

.topmenu ul li a.set{
border-bottom:6px solid #0076C0;
font-weight:bold;
}

.topmenu ul li a.set:hover{
border-bottom:6px solid #004F7F;
}

.topmenu .container_4{
height:126px;
border-bottom:6px solid #0076C0;
}

.homepage {
height:308px;
background:#EFF0EB;
overflow:hidden;
}

div.container.homepage{
background:#EFF0EB;
overflow:hidden;
width:100%;
margin:0px auto;
display:block;
height:308px;
}

div.container_4.homepage{
height:308px;
background:#EFF0EB;
overflow:hidden;
width:980px;
margin:0px auto;
display:block;
}


div.container_4.homepage.head{
height:225px;
background:#EFF0EB;
overflow:hidden;
width:100%;
margin:0px auto;
display:block;
}

.homepage obejct{
z-index:2;
}

div.attention{
width:325px;
height:170px;
padding:0px 10px 0px 10px;
margin:0px 20px;
background:#ffffff;
border-top:6px solid #DFDFDF;
position:relative;
z-index:3;
top:-190px;
color:#8A8A8A;
font-size:11px;
}

div.attention img{
float:left;
padding:5px;
}

div.attention table td p{
padding:0px 5px;
margin:0px 5px;
}

.wide {
background:transparent url('../images/wide_line.png') repeat-x top center;
padding-top:15px;
}

.text {
padding:5px 20px;
}

.gallery {
padding:5px 20px;
}

.gallery img{
margin:5px;
float:left;
border:4px solid #E9F1F1;
}

.wide .grid_1{
border-top:6px solid #EFF0EB;
}

.wide .grid_1 img{
padding:10px 0px;
}

.grid_1 p{
height:64px;
overflow:hidden;
}

.bottom {
background:transparent url('../images/bottom.png') repeat-x top center;
padding-top:15px;
overflow:hidden;
height:100%;
}

.bottom ul{
float:right;
padding:10px 0px 0px;
margin:0px;
list-style:none;
}

.bottom ul li{
float:left;

}

.bottom ul li a{
text-decoration:none;
padding:5px 10px;
font-size:11px;
}

.bottom small{
float:left;
padding:10px 20px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_2,
.grid_3,
.grid_4 {
	display:inline;
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}

.grid_1{
	display:block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	height:100%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .grid_1 {
	width:225px;
	overflow:hidden;
}

.container_4 .grid_2 {
	width:460px;
	padding:5px 5px 5px 5px;
}


.grid_2 .grid_1{
margin:0px 5px 0px 0px;
}

.container_4 .grid_3 {
	width:725px;
}

.container_4 .grid_4 {
	width:970px;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .prefix_1 {
	padding-left:245px;
}

.container_4 .prefix_2 {
	padding-left:490px;
}

.container_4 .prefix_3 {
	padding-left:735px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_4 .suffix_1 {
	padding-right:245px;
}

.container_4 .suffix_2 {
	padding-right:490px;
}

.container_4 .suffix_3 {
	padding-right:735px;
}



/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}


.wide a.more{
margin:5px 0px 0px;
}

a.more{
font-size:11px;
background: transparent url('../images/more.png') no-repeat center left;
padding:1px 15px 3px 10px;
float:right
}

div.grid_1.gallery{
width:190px;
padding:0px;
margin:10px 25px;
}

.grid_1 ul {
list-style:none;
margin:-5px 0px 0px 0px;
padding:0px;
}

.grid_1 ul li{
display:block;
}

.grid_1 ul li a{
background:#0076C0;
color:#ffffff;
padding:5px 10px;
border-bottom:1px solid #EFF0EB;
display:block;
text-decoration:none;
}

.grid_1 ul li a:hover{
background:#004F7F;
color:#ffffff;
}


.grid_1 ul li a.set{
background:#00639F;
color:#ffffff;
font-weight:bold;
}

.grid_1 ul li a.set:hover{
background:#004F7F;
}

.grid_2 h1{
margin:5px 0px;
}

.title{
height:75px;
line-height:75px;
margin:5px;
}

a.grey{
color:#555555;
}

.grid_4.homepage{
margin:5px 0px;
padding:5px 10px;
width:950px;
height:220px;
}

div.container.homepage.head{
height:225px;
overflow:hidden;
}

div.container.homepage.head img{
margin:0px auto;
display:block;
}

div.container.homepage.head object{
margin:0px auto;
display:block;
}

.grid_4 p{
padding:5px 15px;
}

.grid_4 li{
padding:2px 0px;
}

.grid_1 .gallery{
float:left;
clear:left;
}

.grid_3{
float:right;
overflow:hidden;
}

#padding{
padding:5px 15px;
}

ul.pliki{
list-style:none;
padding:0px 20px;
}

ul.pliki li{
padding:5px;
}

ul.pliki li a{
color:#0076C0;
font-weight:bold;
}

ul.pliki li small{
font-size:10px;
padding:0px 5px;
}


.grid_1 h2{
height:30px;
}

.fc-error p{
line-height:11px;
font-size:10px;
color:red;
padding:5px 5px;
margin:-5px 0px 0px;
}

a.image-aktualnosci{
height:150px;
overflow:hidden;
display:block;
}