/*** The Essential Code ***/

	body {
		margin: 0;
		padding: 0;
		font: 12px/160% Tahoma, Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
		color: #555;
		background: #E1F1FF url(../img/bg/center.gif) left 100px repeat-x;
		}
	
	#left{
		position: absolute;
		left:0;
		top:100px;
		width: 180px;
		padding: 0  5px;
		}

	#container {
   		margin-left: 199px;
   		margin-right:199px;
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 201px;
   		margin-right:201px;
		padding:0;
		}
	html>body #container {
   		margin-left: 201px;
   		margin-right:201px;
		}

	#right {
		position: absolute;
		right:0;
		top:100px;
		width: 130px; 
		padding: 0 5px; 
		}
		
		/*** Equal-height Columns ***/

	#container {
			overflow: hidden;
			background: #E1F1FF;
		}

	#container .column {
			padding: 0 0 0 5px;
			
		}
		
/* Footer */	
	* html body {
			overflow: hidden;
		}
	
	html, body {height: 100%;}
	#container {
		    
		    min-height: 100%;
			height: 100%;
			voice-family: "\"}\"";
			voice-family: inherit;
			height: auto;
		}	
	html>body #container {
			height: auto;
		}	
	#footer {
			 clear: both; 
			 width:100%;
		}


		
	* html #footer-wrapper {
			float: left;
			position: relative;
			width: 100%;	
		}

		#left, #center, #right {
			background: #E1F1FF url(../img/bg/center.gif) repeat-x;	
		}

		

		#container .column {
			padding-top: 1em;
			text-align: justify;
			
		}
/* Typografia */
h1, h2 , h3 {color: #000; letter-spacing:1px;}
h1 {
	font:  bold 18px/1.2em Tahoma;
}
h2 {
	font:  bold 16px/1.2em Tahoma;
}
h3, #right h2 {
	font:  bold 14px/1em Tahoma;
} 

#right h3{text-align:center; font-size:90%; }
#right p {margin:-1em 0; padding:0}
#right img { margin: 0 auto; display:block; width:100px; border:5px solid #C4E3FF;}


#left h3{ background: #83ACCA url("../img/tabright5.gif") repeat-x right -42px; text-align:center; text-transform:lowercase; color:#fff; padding:5px; margin:2px 0; width:100%;}

.textblock {background: #fff; border:2px solid #C4E3FF; padding:.5em;}
.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#f90;display:block; width:80%;letter-spacing: 1px; background: transparent url("../img/icons.gif") 0 -200px no-repeat; padding-left:20px; font-style:italic;}
.text-right {text-align:right;}

a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("../img/icons.gif")  0 0  no-repeat; padding-left:21px}
a.morelink:hover {background: transparent url("../img/icons.gif") 0 -50px no-repeat;}
.morelink span {position:absolute;left:-9999px;width:900px}

/* LISTS */
ul {margin: .3em 0 1.5em 0;list-style-type:none}
ul.related {margin-top: -1em}
#center ol {margin: .5em .5em 1.5em}
#center ol li {display:list-item; margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal; }

/* #center li {display:block; width:80%; line-height: 1.4em; padding-left: 25px; background:  url("../img/icons.gif")  1px -338px no-repeat;} */
#center li {display:block; width:80%; line-height: 1.4em; padding:2px 0 2px 20px; background:  url(../img/ulli.gif) 0 0 no-repeat;}
#center .plink {display:block; background:#eee;}
li.doc {background-position: 3px -500px}
ul.nomarker li {background:none;padding-left:0}

.linklist {list-style: none;}
.linklist li { border-bottom: 1px solid #ccc; margin: 1.5em 1.5em 1.5em 0;}
.linklist li a span { position: absolute; left: 40px; color: #134992; }


.nl_summaryPost {border-bottom:2px solid #FF9600; margin: .5em 0; padding:0 .5em; font: 12px/160% Tahoma, Verdana, Arial, 'Bitstream Vera Sans', sans-serif;}

dl {margin: 0 0 1em 0}
dt {font-weight:bold;margin-top: 1.3em}
dl dl {margin: 0 0 1.5em 30px}

.featurebox {padding: 15px 20px 20px;border-top: 2px solid #555;margin: 0 0 1.5em;background: #C4E672 url("../img/featurebox_bg.gif")  100% 100%}
.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #ff9600;color:#ff9600}
.featurebox p {border:none;margin: 0 0 1em;color:#000}
.featurebox a {font-weight:bold}
	
img {border:none} 
img.float-l {float:left; border:3px solid #C4E3FF; margin:0 .5em .5em 0;}
img.float-r {float:right; border:3px solid #C4E3FF; margin:0 0 .5em .5em;}
img.float-c { border:3px solid #C4E3FF; margin:0 .5em .5em 0; margin: 0 auto; display:block;}
hr {margin: 2px 0 0; background:#C4E3FF;height:1px;color:#C4E3FF;border:none;clear:both}

.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #C4E3FF;float:right;width:100px;padding:5px;background:#fff}
.thumbnail img {border: 1px solid #808080}

/* TABLES */
table.galleria {background:#E1F1FF;border-collapse: collapse;border:0;}
table.galleria td {border: 0; padding:0; margin:0; vertical-align:top; }
table.galleria td img {margin:0 auto; width:100px;text-align:center; margin: 1em 1.5em;}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border-left: 1px solid #C4E3FF;
	border-top: 1px solid #C4E3FF; 
	color: #333;
	background:#fff;
	margin: 0 auto;
}

table caption {
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 10px auto 0;
	padding: 5px;
	background: #C4E672 url(../img/icons.gif) repeat-x 0 -255px;
	border: 1px solid #C4E3FF;
	color: #666;
}

table a {
	text-decoration: none;
	border-bottom: 1px dotted #f60;
	color: #f60;
	font-weight: bold;
}

table a:hover {
	text-decoration: none;
	color: #fff;
	background: #f60;
}

table tr th a {
	color: #369;
	border-bottom: 1px dotted #C4E3FF;
}

table tr th a:hover {
	color: #fff;
	background: #C4E3FF;
}

table thead tr th {
	text-transform: uppercase;
	background: #FF9600  url(../img/icons.gif) repeat-x 0 -300px;
	color: #fff;
}

table tfoot tr th, table tfoot tr td {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
}

table tfoot tr th {
	width: 20%;
}

table tfoot tr td {
	width: 80%;
}

/* table td, table th {
	border-right: 1px solid #C4E3FF;
	border-bottom: 1px solid #C4E3FF;
	padding: 5px;
	line-height: 1.8em;
	font-size: 0.8em;
	vertical-align: top;
	width: 20%;
}  */
 td, th {  border: 1px solid #fff; 
		border-right: 1px solid #C4E3FF;
		border-bottom: 1px solid #C4E3FF; 
		padding: .5em; 
		text-align:center;}
 
 
 
table tr.odd th, table tr.odd td {
	background: #efefef;
}

/* TABLES - calendar */

.calendar {width:130px;font-size:80%}
.calendar tr td {padding:.25em; margin:0;}
.calendar td {text-align:center;border: 1px solid #ddd}
.calendar th {text-align:center}
.calendar thead th {padding: 2px 1px}
.calendar tbody th {padding: 1px}
.calendar tbody th.sub {padding: 1px}

/* LOGO */
#logo {
	position:absolute;
	top:10px;
	left:100px;
	}

/* WYSZUKIWARKA */
#szukaj {
	position:absolute;
	top:10px;
	right:20px;
	}
#szukaj form.FSF_form input {
	background-color: #F8F8F8;
	border: 1px solid #868686;
	font-size: 1.25em;
	margin-top: 2px;
	width: 150px;
	padding: 0 2px;
}
#szukaj form.FSF_form img {

	left: -2px;
	margin-top: -5px;
	position: relative;
	top: 0.5em;
}
#szukaj form.FSF_form img{
	left: -5px;
	margin-top: 0px;
	position: relative;
	top: 0.5em;
}
#szukaj form.FSF_form input:focus{
	background: #FFFFFF;
}
/* FORMULARZE */
#center form {
	width: 80%;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
#center fieldset {border: none;}
#center legend {display: none;}
#center form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}
#center form label, #center form p {
	display: block;
	clear: both;
	
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}
#center input.hidden {display: none;border: none; background-color: #fff;}
#center form input, #center form textarea, #center form select {display: block;	margin-top: 3px; border: 1px solid #C4E3FF; background:#fff; padding:2px;}
#center input.button, #center input.vote {background:#000; color:#fff; font-weight:bold; border: 1px solid #C4E3FF; padding: 2px 5px;}
#center .float_right_text_left input {border:none; background: transparent;}
/*- Manu gora  */



    #topnavigation {
      position:absolute;
	  top:65px;
	  left:16%; 
	
      width:720px; 
	  
	 font: bold 12px/1.5em Tahoma;
	 text-transform:uppercase;
      line-height:normal;

      }
    #topnavigation ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #topnavigation li {
      display:inline;
      margin:0;
      padding:0;
      }
    #topnavigation a {
      float:left;
      background:url("../img/tableft5.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #topnavigation a span {
      float:left;
      display:block;
      background:url("../img/tabright5.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
       color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #topnavigation a span {float:none;}
    /* End IE5-Mac hack */
    #topnavigation a:hover span {
    color:#FFF;
      }
    #topnavigation a:hover {
      background-position:0% -42px;
      }
    #topnavigation a:hover span {
      background-position:100% -42px;
      }

      #topnavigation .current a {
              background-position:0% -42px;
      }
      #topnavigation .current a span {
              background-position:100% -42px;
      }
/* MENU LEWE */
.navlist
{
padding-left: 0;
margin-left: 0;
width: 180px;
}

.navlist li
{
list-style: none;
margin:  0;
padding: 0.1em;
border-top: 1px solid gray;
}

.navlist li a { padding-left:.5em; display:block; text-decoration: none;  color:#555; }

.navlist  li.current {  padding-left:.5em; font-weight:bold; }

.navlist li ul {margin-left:0; padding-left:.5em; }
.navlist  li li.current {background:#000; background-image:none; color:#fff;}
.navlist  li li.current a {color:#fff; }

 
/* FOOTER */
#footer {color:#fff;}
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff; text-decoration:underline;}
#footer ul {
width: 720px;
 
text-align: center;
margin: 1em auto 0;

}
.footerlist li
{
font-weight:bold;
display: inline;
text-align:center;
list-style-type: none;
padding-right: 20px;
}
.footerlist ul {background:none;}
.footerlist li a { padding-left:20px;}

#footer p {text-align:center;}
/* STRONA GŁÓWNA */
#row1 {	float: left; width: 45%; padding-right: 15px; border-right: 1px solid #C4E3FF;}
#row2 {	float: left; width: 45%; padding-left: 15px; }
#row3 {	float: left; width: 45%; padding-right: 15px; border-right: 1px solid #C4E3FF; }
#row4 {	float: left; width: 45%; padding-left: 15px; }
#row5 {width: 100%; }

#rozrywka {margin:0 auto; width:95%;} 
#row5 img.float-l { margin: .5em 1.5em;}
#row5 a:hover  img.float-l { margin: .5em 1.5em; border-color:#C4E672;}


#row1 h2, #row2 h2, #row3 h2, #row4 h2 {font: bold 16px/1.2em Arial; text-align:center; background:  #C4E3FF url("..1/img/bg/header.jpg") 0 -65px repeat-x; border-bottom:1px solid #C4E672; color:#555; padding:.25em;} 



 ul.topMenubar  {list-style-type: none; width:100%; margin:0; padding:0;} 

#center ul.topMenubar  {width:100%;} 
#center ul.topMenubar  li {background: transparent url(../img/ulli.gif) left 50% no-repeat;}
#center ul.topMenubar li a:hover {background:#ffc url(../img/ulli.gif) left 50% no-repeat; color:#000;}
#center ul.topMenubar  li, #left ul.topMenubar  li {
        border-bottom: 1px dotted #808080;
        border-width: 1px 0;
        margin:0;
		padding:0;
		
}

 ul.topMenubar li a { 
        display: block;
        padding: 2px 10px 2px 20px;
        text-decoration: none;
		letter-spacing:1px;
		color: #555;
}

 * html  ul.topMenubar li a {  /* make hover effect work in IE */
	width: 100%;
}
#left ul.topMenubar li a { padding: 2px 5px;letter-spacing:0;}
#left ul.topMenubar  li {background: none;}
#left ul.topMenubar li a:hover {background:#ffc none; color:#000;}
/* MAPA SERWISU */
ul.mapa-serwisu {
	border: 5px solid #C4E3FF;
	width: 80%;
	padding:1em;
	margin: 0 auto;
	background: #fff;
	font: 12px/160% Tahoma, Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
}
#center ul.mapa-serwisu  li {background: transparent url("../img/maps.gif") 0 0 no-repeat;}
ul.mapa-serwisu  li { width:100%; background: none; margin: .25em;  }
ul.mapa-serwisu li a {display:block; width:100%;  text-decoration:none; color:#FF9600; }
ul.mapa-serwisu li a:hover {display:block; width:100%;  text-decoration:none; color:#C4E672; }
ul.mapa-serwisu  li ul, ul.mapa-serwisu  li ul li  { margin:0; pading:0;  }
/* SCIEZKA */
#center #breadcrumb {margin-top:-5px;font-size:93%;text-align:right;}
#center #breadcrumb a:link, #content #breadcrumb a:visited {text-decoration:none}
#center #breadcrumb a:hover, #content #breadcrumb a:active {text-decoration:underline}
/* RIBBON */
#ribbon {width: 92px; height: 92px; position:absolute; left: 0; top: 0; }
#ribbon img {display: block; border: 0;}
/* FEEDS */
 ul#feed {
list-style:none;
margin:15px auto;
padding:0;
}

ul#feed li {
text-align:center;
}

ul#feed li a {
background:url("../img/feed.png") no-repeat left 50%;
padding-left:25px;
border-style:none;
}

/* KKNET */
#kknet {
	display: block;
	width:40px;
	margin: -4em auto 0 ;
	position:absolute;
	right:5px;
}	
ul.nl {
	padding-left:1em;
	list-style-type: square;
	font-weight:normal;
	}
	
.linkbr {float:left;  margin:0 auto; padding:0; width:75%;}
hr.clear {clear: both; height: 0; line-height: 0; visibility:hidden;}



.curlycontainer{
border:2px solid #C4E3FF;
background:#fff url(../img/bg/curl.gif)  bottom left no-repeat;
margin-bottom: 1em;
}

.curlycontainer .innerdiv{
background: transparent url(../img/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
clear:both;
} 
.curlycontainer p {padding-right:.5em;}


.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
margin-bottom:1em;
width: 95%; /* container width*/
background-color: #C4E3FF;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid #83ACCA;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
#center .shadowcontainer ul li {background:none;}