/* Start of CMSMS style sheet 'cirrus_css' */
*{
padding: 0;
margin: 0;
}

html{
font-family: verdana, tahoma, arial, helvetica, sans-serif;
}

body{
background: #91c5f6;
}

.clear{
clear: both;
}

#kontener{
width: 1024px;
height: 100%;
margin: 0px auto 0px auto;
}

#kontener #naglowek{
height: 240px;
background: url('../uploads/images/site/naglowek.jpg') no-repeat;
}

#kontener #naglowek #searchbox{
width: 200px;
height: 30px;
position: relative;
display: block;
float: right;
line-height: 30px;
font-size: 18px;
padding-top: 40px;
border: none;
position: relative;
}

#kontener form #search_field{
width: 100px;
background: transparent none repeat scroll 0%;
color: #000000;
border: none;
margin-left: 10px;
margin-right: 6px;
}

#kontener form #search_submit{
width: 25px;
height: 25px;
border: none;
background: transparent none repeat scroll 0%;
position: relative;
z-index: 99;
}

#kontener #tresc{
height: 100%;
background: url('../uploads/images/site/tresc.jpg') repeat-y;
padding-bottom: 15%;
}



/* Style menu */
#kontener #tresc #menu1{
width: 250px;
height: 768px;
float: left;
position: relative;
z-index: 99;
}

#kontener #tresc #menu1 ul{
font-size: 13px;
list-style: none;
margin-left: 30px;
}

#kontener #tresc #menu1 ul li a{
font-style: italic;
text-decoration: none;
color: #FFFFFF;
line-height: 35px;
display: block;
padding-left: 20px;
}

#kontener #tresc #menu1 ul li a:hover{
color: #FFFFFF;
background: #16558e;
}

#kontener #tresc #menu1 ul li a.menuactive{
color: #FFFFFF;
background: #16558e;
}

#kontener #tresc #menu1 ul li ul{
width: 200px;
list-style: none;
list-style-position: inside;
font-size: 11px;
color: #e6e6e6;
background: none;
margin-top: 0px;
margin-bottom: 15px;
margin-left: 15px;
}

#kontener #tresc #menu1 ul li ul li a{
line-height: 25px;
color: #a6d2ff;
}

#kontener #tresc #menu1 ul li ul li a.menuactive{

background: none;
color: #ffffff;
text-decoration: underline;
}

#kontener #tresc #menu1 ul li ul li a:hover{
text-decoration: underline;
background: none;
color: #ffffff;
}
/* **************** */



#kontener #tekst{
width: 700px;
float: right;
padding: 0px 55px 0px 0px;
}

#kontener #tekst h1{
font-size: 28px;
text-align: right;
color: #86b7e5;
margin: 15px 0px 15px 0px;
}

#kontener #tekst h2{
font-size: 16px;
font-weight: bold;
color: #ffffff;
margin-bottom: 15px;
}

#kontener #tekst p{
font-size: 12px;
text-align: justify;
color: #FFFFFF;
line-height: 16px;
margin-bottom: 15px;
}

#kontener #tekst .breadcrumbs a, .breadcrumbs{
font-size: 9px;
font-style: italic;
color: #FFFFFF;
text-align: left;
}

#kontener #tekst #gadgets{
width: 700px;
margin: 0px auto 0px auto;
display: block;
clear: both;
position: relative;
z-index: 1;
}

#kontener #tekst #pogoda{
width: 300px;
display: block;
float: right;
}

#kontener #tekst #kalendarz{
float: left;
display: block;
}

#kontener #tekst #kalendarz table{
width: 350px;
font-size: 12px;
background: #FFFFFF url('../uploads/images/site/anchor.jpg') no-repeat;
margin-bottom: 50px;
}

#kontener #tekst #kalendarz table td{
width: 10px;
height: 36px;
}



/* Style dla NeoGallery */
#kontener .greyboximagediv{
width: 150px;
height: 100px;
border: 1px solid #004080;
margin: 10px 20px 10px 20px;
padding: 2%;
background: #88c5fd;
}

#kontener .greyboximagediv a img{
margin: 0px auto 0px auto;
padding-top: 5px;
}

#kontener .NeoGallery a{
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
text-align: center;
margin: 10px;
}

#kontener #tekst img {
border: 0;
outline: none;
}

#kontener #tekst ul{
font-size: 12px;
color: #ffffff;
list-style-position: inside;
}

	#kontener #tekst ul li{
	line-height: 16px;
	}

#kontener #tekst ol{
font-size: 12px;
color: #ffffff;
list-style-position: outside;
margin-left: 25px;
}

	#kontener #tekst ol li{
	line-height: 16px;
	}

/* Style dla aktualnosci */
.NewsSummaryPostdate, #NewsPostDetailDate{
font-size: 9px;
color: #000000;
clear: both;
}

.NewsSummaryLink a, #NewsPostDetailTitle{
font-size: 18px;
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

.NewsSummaryCategory, #NewsPostDetailCategory{
font-size: 9px;
}

.NewsPostDetailDate{
font-size: 9px;
}

.NewsSummaryAuthor, #NewsPostDetailAuthor{
font-size: 9px;
margin-bottom: 15px;
}

#NewsPostDetailPrintLink a{
width: 50px;
height: 26px;
font-size: 10px;
color: #ffffff;
text-decoration: none;
background: url('uploads/images/site/drukarka.jpg') left no-repeat;
display: block;
line-height: 25px;
padding-left: 25px;
}

#NewsPostDetailReturnLink a{
width: 50px;
height: 26px;
font-size: 10px;
color: #ffffff;
text-decoration: none;
background: url('uploads/images/site/wstecz.jpg') left no-repeat;
display: block;
line-height: 25px;
padding-left: 25px;
}

.NewsSummaryMorelink a{
width: 50px;
height: 26px;
font-size: 10px;
color: #ffffff;
text-decoration: none;
background: url('uploads/images/site/wiecej.jpg') left no-repeat;
display: block;
line-height: 25px;
padding-left: 25px;
margin-bottom: 50px;
}

#kontener #stopka{
font-size: 10px;
text-align: center; 
color: #11508c;
height: 121px;
background: url('../uploads/images/site/stopka.jpg')  no-repeat;
padding-top: 27px;
}

#kontener #stopka a{
font-weight: bold;
text-decoration: none;
color: #11508c;
}





/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */
/* The wrapper determines the width of the menu elements */
#menuwrapper {width: 100%;}

/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul {
list-style: none; 
margin: 0px; 
padding: 0px; 
width: 100%; 
margin-left: -1px;
}

#primary-nav ul {
position: absolute; 
top: 0; 
left: 100%; 
display: none;
}

#primary-nav li {
margin-bottom: -1px; 
position: relative; 
background: none; 
padding-left: 0;
}

#primary-nav li.menuparent ul li a {
font-size: 10px!important; 
color: #ffffff!important; 
background-color: #16558E!important; 
border: 1px solid #666666!important; 
display: block!important; 
margin-top: -1px;
}

#primary-nav li.menuparent ul li a:hover {
color: #ff0000!important;  
background-color: #cccccc!important;
}

/* Styling the basic apperance of the menu elements */
#primary-nav a {
display: block; 
margin: 0; 
padding: 5px 10px; 
color: #006699; 
text-decoration: none; 
background: transparent; 
min-height:1em; 

/* Fixes IE7 whitespace bug*/}
#primary-nav li, #primary-nav li.menuparent {
background-color: transparent; 
margin: 0 0px 0 1px!important;
padding: 0!important; 
width: 100%; 
min-height: 1em; 
/* Fixes IE7 bug*/}

/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive {
background-color: #cccccc!important;
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, #primary-nav li.menuparent:hover, #primary-nav li.menuparenth {
background-color: none; 
background-image: url('../uploads/images/site/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 {
background-color: #16558e!important; 
cursor: hand; 
margin: 0;
}

#primary-nav li.menuparent a.menuactive {
background: #16558E!important;
}

#primary-nav li.menuparent a.menuactive li.menuparent a.menuactive {
background: none!important; 
background-image: 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 {
margin-left: -3px!important; 
display: none;
background-color: none; 
background-image: url('../uploads/images/site/arrow.gif'); 
background-position: center right; 
background-repeat: no-repeat;
}

#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 {
display: block; 
margin-left: -50px;
}

#primary-nav li.menuparent ul li.menuactive a.menuactive {
background-color: none; 
background-image: none!important;
}

/* IE Hack, will cause the css to not validate */
#primary-nav li, #primary-nav li.menuparenth { 
_float: left;
_height: 1%;  
background-color: none;
}

#primary-nav li a { 
_height: 1%;
}

#primary-nav li.menuparenth ul li a {
font-size: 10px!important; 
color: #2A81D1!important; 
background-color: #2A81D1!important; 
border: 1px solid #666666!important; 
display: block!important; 
margin-top: -1px;
}

#primary-nav li.menuparenth ul li a:hover {
color: #ff0000!important;  
background-color: #2A81D1!important;
}

#primary-nav li.menuparent a.menuactive {
background: #2A81D1 url('../uploads/images/site/arrow.gif') no-repeat center right!important;
}

#primary-nav li.menuparenth ul li a {
font-size: 10px!important; 
color: #666666!important; 
background-color: #e7e9ee!important; 
border: 1px solid #666666!important; 
display: block!important; 
margin-top: -1px;
}

#primary-nav li.menuparenth ul li a:hover {
color: #ff0000!important;  
background-color: #16558E!important;
}

#primary-nav li.menuparent a.menuactive {
background: #16558E url('../uploads/images/site/arrow.gif') no-repeat center right!important;
}

/* section header */
#primary-nav li.sectionheader {
border: none; 
margin: 0!important; 
padding: 0!important;
}

#primary-nav li.sectionheader:hover {
color: #ff0000; 
border: none;
}

#primary-nav li.menuparenth ul li.menuactive a.menuactive {
background-color: #16558E!important; 
background-image: none!important;
}

/* separator */
#primary-nav li hr.separator {
display:block; 
height: 0.5em; 
color: #abb0b6; 
background-color: #abb0b6; 
width: 100%; 
border:0; 
margin:0; 
padding:0; 
border-top: 1px solid #006699; 
border-right: 1px solid #006699;
}
dfn {
position: absolute; 
left: -1000px; 
top: -1000px; 
width: 0; 
height: 0; 
overflow: hidden; 
display: inline;
}

#menuwrapper {
width: 208px; 
margin: 0 0 0 3px!important; 
padding: 0!important; 
text-align: left;

}

/* End of 'cirrus_css' */

