/* saved */ /* Start of CMSMS style sheet 'Podstawowy' */
/* style reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}
table {border-collapse:collapse;}
fieldset, img {border:0;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
a {text-decoration: none;}

/* global styles */
body
{
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	background-color: #c6c6c6;
	text-align: center;
	margin-top: 36px;
	margin-bottom: 50px;
}

#top, #footer { width: 768px; margin: auto; font-family: "Myriad Pro", Sans-serif; }

#top { height: 217px; }

  /* linie w 'top' */
    .topline_part1, .line_part2, .topline_part3, .middleline_part1, .midddleline_part3 
		{ float:left; display: inline; height: 5px; font-size: 1px;}
		         .topline_part1 { width: 236px; background-color: #5f5f5f; }
						 .line_part2 { width: 505px; background-color: #4c4c4c; }
						 .topline_part3 { width: 27px; background-color: #5f5f5f; }
						 .middleline_part1 { width: 236px; background: transparent url("uploads/images/middleline1.gif") no-repeat scroll left top;}
						 .midddleline_part3 { width: 27px; background: transparent url("uploads/images/middleline3.gif") no-repeat scroll left top;}
		.bottomline_part1, .bottomline_part2, .bottomline_part3
		{ float:left; display: inline; height: 10px; font-size: 1px; }
		         .bottomline_part1 { width: 236px; background: transparent url("uploads/images/bottomline1.gif") no-repeat;}
						 .bottomline_part2 { width: 505px; background-color: #878787; }
						 .bottomline_part3 { width: 27px;  background-color: #E3E3E3; }
	/* linie w 'top'	*/				 
						 
						 
		#logo, #menu 
				{ background-color: #5f5f5f; float: left; text-transform: uppercase; color:#BABABA;}				 
		    #logo a, #menu a { color: #ffffff; }
		#logo { width: 236px; text-align: center; height: 35px; padding-top: 18px;}
		    #logo h1 { font-weight: normal; font-size: 15px; }
		#menu { width: 532px; text-align: left; height: 30px; padding-top: 23px; } 
						#menu a:hover { color: #C74343; }
						#menu li { 
						            display: inline; 
												background: transparent url("uploads/images/line_menu.gif") no-repeat scroll right center; 
												padding-right: 0px;
												padding-left: 0px; 
										 }
								#menu li.first { padding-left: 0px; }
								#menu li.last { padding-right: 0px; background: #5f5f5f; }
								#menu li.firsth { padding-left: 0px; }
								#menu li.lasth { padding-right:0px; background:#5f5f5f; }
		#top_sub { 
		             width: 236px; 
								 height: 144px;  
								 float: left; 
						 }
		#top_main { 
		             width: 532px; 
								 height: 86px; 
								 padding-top: 58px;
								 background: #ffffff url("uploads/images/top_main.jpg") no-repeat scroll left top; 
								 text-transform: uppercase;
								 text-align: left;
								 float: right;
							}
		       #top_main h2 { font-size: 18px; color: #666666; font-weight: bold; }
					     #top_main h2 strong { color: #C74343; font-size: 16px; display: block; margin-bottom: -5px;}

/* content */
							 
#content
{
	padding: 30px 27px 0px;
	background-color: #636363;
	overflow: auto;
	margin: auto;
	width: 714px
}

#content ul , ol {margin-bottom:10px;}
#content li, ul , ol{ margin-left: 10px;}
#content a { color: #000033;}
#content a:hover { text-decoration:underline; }
#content p {padding-bottom: 10px;}
#content h2 { 
   display: block; 
   border-bottom: 1px solid #D1D1D1; 
   padding-bottom: 9px; 
   margin-bottom: 11px; 
   font-size: 14px; 
   font-family: "Myriad pro", Sans-Serif; text-transform: uppercase; 
   clear: left;
}

    #contentSub /* mniej ważne-z lewej */
		         { 
						   min-height: 227px;
						   float: left;
							 width: 139px;
							 background: transparent url("uploads/images/contentsub_backgr.gif") repeat-x;
							 color: #ffffff;
							 border: 4px solid #636363;
							 padding: 23px 36px 0px 26px;
							 text-align: left;
						 }
				#contentSub li { display: block; padding-top: 25px; }
				#contentSub li.first { padding-top: 0px; }		
						   #contentSub li h2 { display: block; border-bottom: 1px solid #A8A8A8; padding-bottom: 11px; margin-bottom: 9px; font-size: 10px; font-family: "Myriad pro", Sans-Serif; text-transform: uppercase;}
							        #contentSub li h2 strong { display: block; margin-bottom: -3px; font-size: 13px;}
											
											
		#contentMain /* main */
		         {
						   float: right;
						   background: #ffffff url("uploads/images/content_backgronud_top.gif") no-repeat scroll left top;
							 width: 505px;
							 overflow: hidden;
							 border-top: 4px solid #d3d3d3;
							 border-bottom: 4px solid #d3d3d3;
						 }
					#contentMain #inMain /* żeby tło było tez na dole */
					   {
							 background: transparent url("uploads/images/content_backgronud_bottom.gif") no-repeat scroll left bottom;
							 width: 459px;
							 min-height: 306px;
							 padding: 27px 26px 30px 20px;
							 text-align: left;
							 color: #666666;
						 }
					#contentMain h2 { display: block; color: #C74343; border-bottom: 1px solid #D1D1D1; padding-bottom: 9px; margin-bottom: 11px; font-size: 13px; font-family: "Myriad pro", Sans-Serif; text-transform: uppercase; clear: left;}
					#contentMain p { padding-bottom: 10px; }
					#contentMain strong { display: block; }
					      #contentMain .imgSubpage { 
								                    float: left; 
																		background: transparent url("uploads/images/image_subpage.gif") no-repeat scroll left top; 
																		margin: 4px 3px 0px 0px;
																		width: 177px; height: 135px; 
																		padding: 4px; 
																		display: inline; 
																		}
					          #contentMain .imgSubpage img { border: 3px solid #ffffff; }
										
							 /* górna częśc podzielona na 3 w index.html*/
							 #table { width: 100%; clear: both; display: block; }
								#table li { width: 145px; float: left; background: transparent url("uploads/images/index_line.gif") no-repeat scroll right top; padding-right: 6px; padding-left: 6px; display: inline; }
								     #table li.first { padding-left: 0px; }
								     #table li.last { padding-right: 0px; background: none; }
								         #table li h2 { color: #666666; border-bottom: 1px solid #D1D1D1; padding-bottom: 9px; margin-bottom: 11px; font-size: 10px; font-family: "Myriad pro", Sans-Serif; text-transform: uppercase; }
												       #table li h2 strong { color: #C74343; font-size: 13px; }
												 #table li div { background: transparent url("uploads/images/image_index.gif") no-repeat scroll left top;  margin-top: 4px; margin-bottom: 4px; width: 144px; height: 110px; padding: 0px; }
								               #table li div img { border: 3px solid #ffffff; }
							/* --------------------------------- */
				 
/* footer */	
#footer
{
  height: 67px;
  width: 741px;
  padding-right: 27px;
	background-color: #636363;
}
  #footer #inFooter
	   {
		   background: #636363 url("uploads/images/footer_background.gif") repeat-x scroll bottom;
			 width: 505px;
			 height: 47px;
			 float: right;
			 padding-top: 20px;
			 text-transform: uppercase;
			 color: #ffffff;
			 font-size: 9px;
			 text-align: center;
		 }
		 #footer #inFooter a { color: #ffffff; }  


/*======================================================================*/
img[align="middle"], img[align="center"] {	float: none !important;	clear: both;	display: block;	margin: 20px auto !important;}
img.middle, img.center {	float: none !important;	clear: both;	display: block;	margin: 20px auto !important;}
img[align="left"]{	float: left !important;	margin: 0 5px 5px  0 !important;}
img.left{	float: left !important;	margin: 0 5px 5px 0 !important;}
img[align="right"]{	float: right !important; margin: 0 0 5px 5px !important;}
img.right{	float: right !important; margin: 0 0 5px 5px !important;}
.mceContentBody {overflow: auto;}

/* End of 'Podstawowy' */

/* Start of CMSMS style sheet 'Module: News' */
div#news {
  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; /* padding for the news article summary */
    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/*
#NewsPostDetailHorizRule {}
#NewsPostDetailTitle {}
#NewsPostDetailPrintLink { }
#NewsPostDetailReturnLink {}*/

/* End of 'Module: News' */

/* Start of CMSMS style sheet 'Menu Poziome by Vincent' */
/* Horizontal menu for the CMS CSS Menu Module */
/* by Alexander Endresen */

#menu_vert {
   margin-left: 1px;
   margin-right: 1px;
}

/* The wrapper clears the floating elements of the menu */

/* Fix for Opera 8 */
.clearb { clear: both; }
#menuwrapper { 
   /* Fix for Opera 8 */ 
   /* overflow: hidden; */
   background-color:  #5f5f5f;
   border-bottom: none; /*solid 1px #CCCC00;*/
   border-top: none;
   border-left: none;
   border-right: none;
   
   /*width: 100%;*/
   /*text-align: left; */
   height: 15px;
   /*padding-top: 0px;*/
}

/* Set the width of the menu elements at second level. Leaving first level flexible. */
#primary-nav li li { 
   width: 100px;
}

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

#primary-nav ul { 
   position: absolute; 
   top: auto; 
   display: none; 
}

#primary-nav ul ul { 
   margin-top: -19px;
   top: 2px;
   margin-left: 106px;
   left: 100%; 
}

#primary-nav li { 
   margin-left: 0px;
   float: left;
}

#primary-nav li li { 
   margin-left: -5px;
   float: none; 
   position: relative; 
}

/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   display: block; 
   margin: 1px; 
   padding: 0px 7px; 
   text-decoration: none; 
   color: #BABABA;
   
   background-color: #5f5f5f;
   /*float: left; */ /*dodanie tego powoduje w mozilli podwyrzszenie sie menu */
   /*text-transform:  uppercase; */ /*jescze nie wiem co oznacza  */
}

/*#primary-nav li a { 
   border-right: 1px solid #C0C0C0;
   border-left: 1px solid #C0C0C0;
}*/

#primary-nav li li a { 
   /*border: 1px solid #C0C0C0;*/
   margin-top: 4px;
   margin-bottom: 4px;
   margin-left: 4px; 
   margin-right: 4px;
}	

#primary-nav li, #primary-nav li.menuparent { 
   background-color: #5f5f5f;  /* to jest tło dla menu rozwijanego po za opszarem tekstu */
}

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

#primary-nav li.menuactive { 
   /*background-color: #C7C7C7; */
}

/* 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 { 
/* arrow for menuparents */
   /* background:  url(images/cms/arrow.gif) no-repeat right center !important;  */
   /* background-position: center right; */
   /* background-repeat: no-repeat; */
   background-color: #5f5f5f; /* tło dla elementu z menu ktury ma podelementy */
}

/* 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: #5f5f5f;  /* to jest tło menu rozwijanego podczas najazdu na menu */
}

#primary-nav li li.menuparent:hover { 
  padding: 0px 5px; 
}

#primary-nav li li:hover { 
  padding: 0px 5px; 
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#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 { 
   display: none; 
}

/*
add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#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; 
}


/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
   background-color: #5f5f5f;
   
   border-bottom: none; /*solid 1px #CCCC00;*/
   border-top: solid 1px #BABABA;
   border-left: solid 3px #BABABA;
   border-right: none; 
}

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

#primary-nav li {
  position:relative;
}

#primary-nav li ul {
  position:absolute; 
  top:100%; 
  left: 0px;
}
/* End of 'Menu Poziome by Vincent' */

