@charset "utf-8";
/* 
info@pawelnowacki.info , http://www.teleit.pl 
*/


* {
	margin:0;
	padding:0;
	border:0 none;
	}
p, ul {
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	font-size:12px;
	line-height:140%;
	text-align:justify;
}
a {	color:#036; }
a:hover {color:#f00;}

#main ul { margin-left:20px; }
body {
	background-image:url(siteImg/bodyBackground.gif);
	background-position:0 0;
	background-repeat:repeat-x;
}
#container {
	width:876px;
	margin:0 auto;
}
#top { 
	width:876px;
	height:63px; /* 46 pasek + 5 tak o ;-) */
	display:block;
	position:relative;
	float:left;
}
h1#topLogo {
	position:absolute;
	top:0; right:0;
}
h1#topLogo a { text-decoration:none; }
h1#topLogo a span { display:none; }
div#topContact {
	position:absolute;
	top:4px;
	left:0;
	text-align:right;
}
div#topContact p {
	font-family:tahoma,verdana,arial,helvetica,sans-serif;
	font-size:12px;
	text-align:left;
}
div#topContact p strong, div#topContact p a {
	font-weight:bold;
	color:#036;
}
div#topContact p a:hover, div#topContact p strong:hover {
	 color:#f00;
}
div#header {
	width:900px;
	height:220px;
	margin:5px 0 20px 0;
	float:left;
}
div#menuDiv {
	width:876px;
	height:30px;
	float:left;
	margin:0 0 10px 0;
}
ul#menu, ul#menu li {
	list-style-type:none;
	float:left;
	margin:0;
	padding:0;
}
ul#menu li { text-align:center; margin:0; padding:0;}
ul#menu li a { display:block; text-align:center; width:120px; height:20px; padding:5px; color:#bbb; text-decoration:none; font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:13px; background-image:url(siteImg/menun.gif); background-repeat:no-repeat; }
ul#menu li.menuactive a.menuactive { color:#f00; background-image:url(siteImg/menuh.gif);  }
ul#menu li a:hover { color:#fff; background-image:url(siteImg/menuh.gif);}

div#mainLeft {
	width:502px;
	margin:0 37px 0 0;
	float:left;
}
div#mainRight { 
	width:337px;
	float:right;
}

div#showOutline {
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-top:1px solid #999;
	border-left:1px solid #999;
	width:500px;
	height:273px;
	padding:0px;
	float:left;
}
div#content {
	width:876px;
	float:left;
	height:auto;
}

	
div#footer {
	border:1px solid #036;
	background-color:#555;
	text-align:right;
	position:relative;
	padding:5px;
	float:right;
	width:100%;
	height:18px;
	margin:10px 0 0 0;
}
div#footer ul {
	width:auto;
	text-align:right;
	float:right;
	position:absolute;
	top:5px; right:10px;
	list-style-type:none;
}
div#footer ul li {float:left;}
div#footer ul li.last {  }
div#footer ul li a {  padding:0 5px; border-right:1px solid #aaa; font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:11px; color:#ddd; text-decoration:none; display:block;}
div#footer ul li.last a { border-right:0 none; }
div#footer ul li a:hover { color:#fff; background:#777;}

h2 {
	color:#ccc;
	border-bottom:1px solid #ccc; 
	font-family:arial,helvetica,tahoma,verdana,arial,helvetica,sans-serif; font-size:22px;
	background-color:#f7f9ff;
	text-align:left;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	text-transform:lowercase;
}

div#news { width:100%;  padding:0; float:left;}
div#main { width:100%;  margin:10px 0 0 0; padding:0; float:left; }
div#galleryBox { width:100%; margin:10px 0 0 0; padding:0; float:left;}


div.newsItem {
	width:294px;
	padding:5px 3px;
}
div.newsItem {
		font-family:tahoma,verdana,arial,helvetica,sans-serif; font-size:11px;
		color:#025;
}
div.newsItem p { font-size:11px; }
p span.newsData {
	float:left;
	border:1px solid #ccc;
	padding:2px;
	font-size:11px;
	color:#777;
	display:block;
	margin:0 3px 0 0; font-size:11px;
}
p span.newsTitle {
	font-weight:bold; font-size:11px;
}















/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
*/

.slideshow{display:block;position:relative;z-index:0; float:left;}
.slideshow-images{display:block;overflow:hidden;position:relative;}
.slideshow-images img{display:block;position:absolute;z-index:1;}
.slideshow-thumbnails{overflow:hidden;}
.slideshow-images{height:300px;width:400px;}
.slideshow-images-visible{opacity:1;}
.slideshow-images-prev{opacity:0;}
.slideshow-images-next{opacity:0;}
.slideshow-images img{float:left;left:0;top:0;}
.slideshow{margin:0 auto; }
.slideshow a img{border:0;}
.slideshow-captions{background:#000;bottom:0;color:#FFF;font:normal 11px/20px tahoma,Arial,sans-serif;left:0;overflow:hidden;position:absolute;text-indent:20px;width:100%;z-index:9000; }
.slideshow-captions-hidden{height:0;opacity:0;padding:0;}
.slideshow-captions-visible{height:22px;opacity:.7;}
.slideshow-controller{
	background:url(controller.png) no-repeat;
	height:42px;left:50%;
	margin:-21px 0 0 -119px;overflow:hidden;position:absolute;top:50%;width:238px;z-index:9000;
	z-index:0;
	
	}
.slideshow-controller *{margin:0;padding:0;}
.slideshow-controller-hidden{opacity:0;}
.slideshow-controller-visible{opacity:1;}
.slideshow-controller a{cursor:pointer;display:block;height:18px;overflow:hidden;position:absolute;top:12px;}
.slideshow-controller a.active{background-position:0 18px;}
.slideshow-controller li{list-style:none;}
.slideshow-controller li.first a{background-image:url(controller-first.gif);left:33px;width:19px;}
.slideshow-controller li.last a{background-image:url(controller-last.gif);left:186px;width:19px;}
.slideshow-controller li.next a{background-image:url(controller-next.gif);left:145px;width:28px;}
.slideshow-controller li.pause a{background-image:url(controller-pause.gif);left:109px;width:20px;}
.slideshow-controller li.play a{background-position:20px 0;}
.slideshow-controller li.play a.active{background-position:20px 18px;}
.slideshow-controller li.prev a{background-image:url(controller-prev.gif);left:65px;width:28px;}
.slideshow-loader{height:28px;right:0;position:absolute;top:0;width:28px;z-index:9001;}
.slideshow-loader-hidden{opacity:0;}
.slideshow-loader-visible{opacity:1;}
.slideshow-thumbnails{bottom:-65px;height:65px;left:0;position:absolute;width:100%;}
.slideshow-thumbnails *{margin:0;padding:0;}
.slideshow-thumbnails ul{height:65px;left:0;position:absolute;top:0;width:10000px;}
.slideshow-thumbnails li{float:left;list-style:none;margin:5px 5px 5px 0;position:relative;}
.slideshow-thumbnails a{display:block;float:left;padding:5px;position:relative;}
.slideshow-thumbnails a:hover{background-color:#FF9!important;opacity:1!important;}
.slideshow-thumbnails img{display:block;}
.slideshow-thumbnails-active{background-color:#9FF;opacity:1;}
.slideshow-thumbnails-inactive{background-color:#FFF;opacity:.5;}


#simpleForm label { font-family:arial,helvetica,verdana, Tahoma, Geneva, sans-serif; font-size:12px; width:200px; display:block; float:left; height:30px;}
#simpleForm label span { font-size:9px; color:#900; font-weight:bold; }
#simpleForm input { width:250px; border:1px solid #666; margin-left:45px; float:left;}
#simpleForm textarea { width:250px; height:100px; border:1px solid #666; margin-left:45px; float:left;}

#tinymce, .mceEditor { background-image:none; background-color:#fff; width:500px;}

#footer h1 { font-family:tahoma,verdana,sans-serif;font-size:11px;position:absolute;top:7px;left:10px;color:#999;font-weight:normal; }
#footer h1 a { font-color:#aaa; }
#footer h1 a { font-color:#ccc; }