body{
	margin:0;
	padding:0;

	font: normal 85% Calibri, "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; 
	color:#fff;
	}
a {
	color:#020202;
	text-decoration:none;
	font-weight:bold;
	}
a:hover {
	color:#020202;
	text-decoration:none;
	font-weight:bold;
	}
	
#wrapper {
	background: #87509F url("img/bg.jpg") top left repeat-x;
	}
	
	
#container {
	width: 780px;
	margin:0 auto;


	}
#header {
	
	background:transparent;
	}
#header img, #footer img{
	display:block;
	border:none;
	}	
a img {border:none;}	
	
#navigation {
	
	}
#navigation  ul{	
	margin:0 0 0 3px;
	padding:0;
	

	}
#navigation  li{
			float:left;
			list-style-type: none;	
			margin:0;
			border-left:1px solid #ccc;
	}
	
#navigation  li a{
		
		display:block;
		padding: 8px 15px 9px;
		color:#fff;
		text-decoration:none;
		outline:none;
		font: normal 18px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
		border-right:1px solid #ccc;
		
	}	
	
#navigation a:active, #navigation a:focus{text-decoration:none;}


#navigation li a:hover, #navigation li a.active {display:block; background: #36203f url(img/navh.jpg) left bottom repeat-x;  color:#fff;  }
	
#mygallery { height:160px; display:block; margin:auto;}
#mygallery h2 a {color:#36203f;}
#mygallery  p a { font-weight:normal;}

#main { 	
		margin:10px 10px 10px 5px;
		padding:20px 0;
		}	
#main  p{ 	
		line-height:140%;
		text-align:justify;
		}			
.boxbig{
		background:#582C6C;
		padding:10px 20px;
		}
 .prawa  {
		background:transparent;
		margin-top:10px;
		padding:0 20px;
		}		
.prawa p {text-align:center; margin:0 auto; width:400px; font-size:90%;}

.boxleft	{
		background:#582C6C;
		margin:10px 0;
		padding:10px 20px;
		float: left; 
		width: 335px; 
		}
.boxright	{
		background:#582C6C;
		margin:10px 0;
		padding:10px 20px;
		float: right; 
		width: 335px; 
		}

#footer { 
		border-top: 2px solid #36203F;
		background:#fff;
		
		color:#36203f;
		}	
#footer  #logosy {
		margin: 15px auto 0;
		width:780px;
		height:210px;
		background: transparent url(img/foot.jpg) 6px no-repeat;
		}		
#footer #logosy p { 
		
	margin:0 auto;
	padding:0;
		}		
#footer  #logosy a.ngo { 
		float:right;
		margin:145px 10px 35px 0;	

		}
  		
/*
#footer img {margin:0 auto; width:600px;}

		#footer img {float: left; margin-right:20px }
*/
#footer #logosy p.center { 
		text-align:center;
		padding:5px;
		}		

#footer #logosy p a, #footer #logosy p a:hover , #footer #logosy p a:visited {
		text-decoration:none;
		color:#36203f;
		font-weight:normal;
		}		
.clear { clear: both; height: 0px; width: 100%; }



.panel img { float: left; margin-right: 20px;}
.panel img.btnmore { float: none; margin-top:5px;}
.panel h2 { margin-top: 5px; font-size: 18px; font-weight: normal; }
.panel h2 strong { font-weight: normal; color: #BAD1D9; }
.panel p { margin:0; width:560px;}


/* karuzela style */
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 780px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 100px;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin:10px 100px 10px;  /*margin around each panel*/
width: 780px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.pdf  {background: url(img/pdf.gif) left top no-repeat;  padding:5px 0 5px 30px;}