/* Start of CMSMS style sheet 'style' */
body {
margin: 0px;
padding: 0px;
text-align: center;
font-family : Tahoma, sans-serif;
font-size:12px;
line-height:normal;
color:#666666;
background:#6D6D6D url(images/tlo.jpg) repeat-x;
}

hr {
color: #fff; 
background-color: #fff; 
border: 1px solid #ccc;
border-style: none none solid; 
}

h1 {
font-size:18px;
padding:0;
margin:10px 0 20px 0;
}

h2 {
font-size:16px;
padding:0;
margin:10px 0 20px 0;
}

h3 {
font-size:14px;
padding:0;
margin:10px 0 20px 0;
}

h4 {
font-size:12px;
padding:0;
margin:10px 0;
}

h5 {
font-size:10px;
padding:0;
margin:10px 0;
}

h6 {
font-size:8px;
padding:0;
margin:10px 0;
}

h1, h2, h3, h4, h5, h6 { color:#549CF0; }

img {
border:0;
}

p {
margin-bottom:10px;
}

ul {
padding:10px 30px;
}

li {
line-height:1.3em;
list-style-type:disc;
}

a {
color:#549CF0;
cursor:pointer;
text-decoration:none;
border:0;
}

a:hover {
text-decoration:underline;
}

/* ==============================================================
----------> WRAPPER  <----------
================================================================= */

.wrapper {
width:952px;
margin-left:172px;
border: 0px solid #000000;
}

#logo {
position:absolute;
width:1280px;
height:214px;
background:url(images/logo.jpg) no-repeat;
top:0;
left:0;
border: 0px solid #000000;
}

/* ==============================================================
----------> MENU <----------
================================================================= */

#menu {
float:right;
height:34px;
}

#menu ul {
padding:0;
margin:0;
position:relative;
list-style-type: none;
z-index:10;
top:5px;
height:34px;
right:0;
margin-left:20px;
}

#menu ul li {
display:block;
float:left;
font-size:12px;
line-height:34px;
height:34px;
}

#menu ul li span.menu_left,
#menu ul li span.menu_right,
#menu ul li.menuactive span.menu_left,
#menu ul li.menuactive span.menu_right {
display:block;
width:10px;
height:34px;
float:left;
}

#menu ul li span.menu_left {
background:url(images/menu_left.png) no-repeat;
}

#menu ul li span.menu_right {
background:url(images/menu_right.png) no-repeat;
}

#menu ul li.menuactive span.menu_left {
background:url(images/menu_a_left.png) no-repeat;
}

#menu ul li.menuactive span.menu_right {
background:url(images/menu_a_right.png) no-repeat;
}

#menu ul li a,
#menu ul li.menuactive a {
display:block;
height:34px;
padding:0;
color: #fff;
font-weight:bold;
text-decoration:none;
float:left;
}

#menu ul li a {
background:url(images/menu.png) repeat-x;
}

#menu ul li.menuactive a {
background:url(images/menu_a.png) repeat-x;
font-weight:bold;
}

#menu ul li a:hover {
color:#fff;
font-weight:bold;
}

#menu_dol {
position:relative;
width:630px;
margin:0 auto;
height:40px;
z-index:10;
}

#menu_dol ul {
position:relative;
padding:0;
margin:0;
list-style-type: none;
z-index:10;
height:12px;
top:30px;
left:0;
margin-left:0;
}

#menu_dol ul li {
display:block;
float:left;
padding:0 10px;
font-size:11px;
line-height:12px;
height:12px;
border-left:1px solid #BFBFBF;
}

#menu_dol ul li.menu0 {
border-left:0;
}

#menu_dol ul li a {
color: #BFBFBF;
text-decoration:none;
}

#menu_dol ul li a:hover {
text-decoration:underline;
}

/* CSS Menu Module */

#menuwrapper {
        width:100%;
        }

/* Set the width of the menu elements at second level. Leaving first level flexible. */

/* Unless you know what you do, do not touch this */ 

#primary-nav, #primary-nav2 { 
	list-style: none; 
	padding: 0px; 
	}
#primary-nav ul, #primary-nav2 ul {
             margin:0;
             position:absolute;
             width:140px; 
             height:auto;
             background:#F6F6F6;
             margin-top:5px;
             %margin-top:-90px; 
             %margin-left:-80px;
             display:block;
             left:auto;
             border:1px solid #E6E6E6;
	}
#primary-nav ul ul, #primary-nav2 ul ul { 
             position:absolute;
            width:auto; 
	left: auto; 
	top: auto;
              background:#F6F6F6;
	}

#primary-nav li li, #primary-nav2 li li {
            background:none;
            width:100%; 
            height:auto;
            text-align:left;
            border-left:0; 
            margin:0;
padding:0 5px;
	}

#primary-nav li li li, #primary-nav2 li li li {
             width:100%;
	}


#menu #menuwrapper #primary-nav li ul li span {display:none;}
#menu #menuwrapper #primary-nav li ul li a {padding:0; background:none;}
#primary-nav li li span {display:none;}
/* Styling the basic apperance of the menu elements */

#primary-nav a, #primary-nav2 a { 
	
background:none;

	}
#primary-nav li a, #primary-nav2 li a { 
background:none;	
}
#primary-nav li li a, #primary-nav2 li li a {
padding:0; 
background:none;
	}
	
#primary-nav li, #primary-nav li.menuparent, #primary-nav2 li, #primary-nav2 li.menuparent { 

	}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive, #primary-nav2 li.menuactive {
	}


/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */

#primary-nav ul li.menuparent, #primary-nav ul li.menuparent:hover, #primary-nav ul li.menuparenth, #primary-nav2 ul li.menuparent, #primary-nav2 ul li.menuparent:hover, #primary-nav2 ul li.menuparenth { 
	background-image: url(arrow.gif); 
	background-position: center right; 
	background-repeat: no-repeat; 
	}


/* Styling the apperance of menu items on hover */

#primary-nav li:hover, #primary-nav li.menuh, #primary-nav li.menuparenth, #primary-nav li.menuactiveh, #primary-nav2 li:hover, #primary-nav2 li.menuh, #primary-nav2 li.menuparenth, #primary-nav2 li.menuactiveh { 
text-decoration:none;
	}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul
#primary-nav li:hover ul ul, 
#primary-nav li:hover ul ul ul, 
#primary-nav li.menuparenth ul ul, 
#primary-nav li.menuparenth ul ul ul { 
	display: none; 
	}
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul,
#primary-nav ul ul li:hover ul, 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul, 
#primary-nav ul ul ul li.menuparenth ul { 
	display: block; 
	}



/* IE Hacks */

#primary-nav li li, #primary-nav2 li li { 
	float:left;
            clear:both;
	}
#primary-nav li li a, #primary-nav2 li li a { 
	height: 1%; 
	}


/* ==============================================================
----------> CONTENT <----------
================================================================= */

img#home {
position:relative;
margin-left:-402px;
margin-top:65px;
}

#search {
width:270px;
height:32px;
padding-top:15px;
margin-left:-10px;
}

#search label {
font-size:12px;
color:#B7B7B7;
font-weight:bold;
margin-left:10px;
}

#search input {
width:27px;
height:19px;
background:url(images/search.jpg) no-repeat;
border:0;
font-size:11px;
color:#8EAF47;
margin-top:-10px;
cursor:pointer;
}

#search input#cntnt01searchinput {
width:140px;
height:15px;
margin-top:0;
border:1px solid #BFBFBF;
font-size:12px;
color:#858786;
background:#fff;
cursor:text;
padding:2px 5px;
}

#header {
width:918px;
height:209px;
background:url(images/header.jpg) no-repeat;
border:0px solid #000000;
}

#content {
width:100%;
margin-top:214px;
text-align:center;
border: 0px solid #000000;
}

#content_top {
margin-top: 209px;
padding:10px 0px 0 0px;
background:#F3F3F3;
border: 1px solid #F3F3F3;
text-align: center;
}

#content_bottom {
padding:10px 0 0 0px;
background:#FFFFFF;
border: 1px solid #ffffff;
text-align:justify;
}

#content_left {
text-align:justify;
}

#content_left2 {
width:612px;
float:left;
margin-top:10px;
margin-left:15px;
text-align:justify;
}

#box1, #box2, #box3, #box4 {
margin:0;
padding:0;
}

#box1 {
width:455px;
float:left;
text-align: left;
padding:10px 20px 0 0;
border-right:1px dotted #ddd;
}

#box2 {
width:455px;
padding:10px 0 0 20px;
float:left;
text-align: left;
margin-left:-1px;
border-left:1px dotted #ddd;
}

#box3 {
width:618px;
float:left;
text-align: left;
padding-right:14px;
border-right:1px dotted #ddd;
}

#box4 {
width:304px;
float:left;
text-align: left;
padding-left:14px;
margin-left:-1px;
border-left:1px dotted #ddd;
}

#content_contact {
width:510px;
float:left;
text-align:justify;
margin-right:20px;
}

.clear {
clear:both;
}

#copy {
position:relative;
width:630px;
height:40px;
text-align:center;
color:#888;
font-size:8px;
padding-top:10px;
margin:0 auto;
margin-top:55px;
z-index:20;
border-top:1px solid #888;
}

#copy a {
color:#888;
}

#left {
width:776px;
margin: 0px auto;
text-align: justify;
}

#footer {
width:100%;
height:75px;
background:url(images/footer.jpg) repeat-x;
}

.form {
width: 230px;
height: 14px;
padding-top: 1px;
background: url(../grafika/form_tlo3.gif);
border: 1px solid #7A7A7A;
margin-top: 5px;
color:#7A7A7A;
}

.formularz {
float: left;
width: 100px;
text-align: right;
margin-right: 20px;
margin-top: 5px;
}

.mini {
font-size: 10px;
color:#fff;
}

.button2 {
width: 85px;
height: 22px;
font-size: 13px;
margin-left: 40px;
text-align:center;
background:none;
color: #7A7A7A;
cursor:pointer;
border:1px solid #7A7A7A;
}

#contact {
text-align:left;
width:360px;
float:left;
margin-top:10px;
z-index:50;
}

#contact label {
clear:left;
float:left;
}

.NewsSummary {border-bottom:1px solid #D4D6D5;}
.NewsSummaryPostdate {color:#FD9A01; margin-top:10px;}
.NewsSummarySummary {margin-top:10px;}
.NewsSummary a {float:right; color:#62615C;}
.NewsSummary h3 a {float:none;}
/* End of 'style' */