@charset "utf-8";
/* Stworzone przez Visualx.pl & Kronet.info
   Wszystkie prawa zastrzeżone
   Ostatnia modyfikacja 22-12-09
--------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
body {
	background: url(../img/bg.png);
	font-family: Arial, Tahoma, verdana;
	font-size: 12px;
	color: #505050;
}
a {
	color: #2c8ef1;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* HEADER
--------------*/

div#header {
	width: 100%;
	height: 288px;
	background: url(../img/bg-header.png) repeat-x 0 0;
	position: relative;
}
div#header div#header-box {
	background: url(../img/header.jpg) no-repeat 0 0;
	width: 1210px;
	height: 288px;
	margin: 0 auto;
}

/* MENU TOP
--------------*/

div#menu-top {
	position: absolute;
	top: 222px;
	height: 66px;
	margin: 0 0 0 200px;
}
	div#menu-top ul.menu, ul.menu li {
		list-style: none;
		margin: 0;
		padding: 0;
		display: block;
	}
	div#menu-top ul.menu li {
		float: left;
		margin: 0 5px 0 0;
	}
	div#menu-top ul.menu a.start {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-start.png) no-repeat top left;
	}
	div#menu-top ul.menu a.start:hover {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-start.png) no-repeat bottom left;
	}
	div#menu-top ul.menu a.galeria {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-galeria.png) no-repeat top left;
	}
	div#menu-top ul.menu a.galeria:hover {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-galeria.png) no-repeat bottom left;
	}div#menu-top ul.menu a.filmy {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-filmy.png) no-repeat top left;
	}
	div#menu-top ul.menu a.filmy:hover {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-filmy.png) no-repeat bottom left;
	}div#menu-top ul.menu a.omnie {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-omnie.png) no-repeat top left;
	}
	div#menu-top ul.menu a.omnie:hover {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-omnie.png) no-repeat bottom left;
	}
	div#menu-top ul.menu a.kontakt {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-kontakt.png) no-repeat top left;
	}
	div#menu-top ul.menu a.kontakt:hover {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-kontakt.png) no-repeat bottom left;
	}
	div#menu-top ul.menu a.komentarze {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-komentarze.png) no-repeat top left;
	}
	div#menu-top ul.menu a.komentarze:hover {
		display: block;
		width: 115px;
		height: 66px;
		background: url(../img/bt-komentarze.png) no-repeat bottom left;
	}

/* CONTENT
---------------*/

div#page {
	width: 1210px;
	margin: 0 auto;
	position: relative;
}
	div#page div#left {
		width: 150px;
		height: 430px;
		position: absolute;
		top: 0px;
		left: 0px;
		background: url(../img/left.jpg) no-repeat 0 0;
	}
	div#page div#right {
		width: 150px;
		height: 430px;
		float: right;
		position: absolute;
		top: 0px;
		right: 0px;
		background: url(../img/right.jpg) no-repeat 0 0;
	}
	div#page div#content {
		margin: 0 auto;
		width: 910px;
		min-height: 430px;
		height: auto !important;
		height: 430px;
		background: url(../img/content.png) repeat-y 0 0;
	}
	
/* NEWSY
-------------*/

div#newsy {
	float: left;
	width: 320px;
	margin: 10px 0 0 20px;
	display: inline;
}
	div#newsy div.newsy-header {
		width: 318px;
		height: 54px;
		background: url(../img/newsy-header.jpg) no-repeat 0 0;
	}
	div#newsy div.newsy-footer {
		width: 316px;
		height: 46px;
		background: url(../img/newsy-footer.jpg) no-repeat 0 0;
		margin: 1px 0 10px 0;
		display: block;
	}
	div#newsy div.newsy-box {
		width: 316px;
		background: url(../img/newsy-bg.jpg) no-repeat bottom left #1e1e1e;
		margin: 20px 0 0 0;
		overflow: auto;
	}
	div#newsy div.newsy-box div.news {
		width: 300px;
		margin: 0 auto 10px auto;
		border-bottom: 1px dotted #313131;
		padding: 0 0 10px 0;
	}
	div#newsy div.news div.data {
		width: 51px;
		height: 50px;
		background: url(../img/data-bg.png) no-repeat;
		float: left;
		display: inline;
		margin: 30px 0 0 10px;
	}
		div#newsy div.news div.data div.miesiac {
			font-size: 11px;
			color: #282828;
			font-weight: bold;
			text-align: center;
			margin: 3px 0 0 0;
		}
		div#newsy div.news div.data div.dzien {
			font-size: 14px;
			color: #ffffff;
			font-weight: bold;
			text-align: center;
			margin: 10px 0 0 0;
		}
	div#newsy div.news div.tytul {
		width: 220px;
		float: right;
		display: inline;
		margin: 20px 0 10px 0;
	}
	div#newsy div.news div.tytul a {
		font-weight: bold;
		font-size: 14px;
	}
	div#newsy div.news div.tekst {
		width: 220px;
		color: #7d7d7d;
		font-size: 12px;
		float: right;
		display: inline;
		margin: 0 0 0 0;
	}
	div#newsy div.news div.tekst a {
		color: #7d7d7d;
	}
	div#newsy div.news a:hover {
		color: #2c8ef1;
		text-decoration: underline;
	}
	div#newsy div.news div.wiecej {
		text-align: right;
	}
	

/* OSTATNIE PRACE
------------------*/

div#projects {
	float: right;
	width: 510px;
	display: inline;
	margin: 10px 20px 0 0;
}
	div#projects div.projects-header {
		width: 510px;
		height: 55px;
		background: url(../img/prace-header.jpg) no-repeat 0 0;
	}
	div#projects div.project {
		margin: 20px 0 0 0;
	}
	div#projects div.project img {
		border: 5px solid #1e1e1e;
	}
	
/* GALERIA 
--------------*/

div#galeria {
	width: 880px;
	margin: 0 auto;
	overflow: auto;
}
	div#galeria div.foto-box a {
		width: 190px;
		padding: 5px 5px 82px 5px;
		display: inline;
		float: left;
		margin: 10px;
		background: url(../img/foto-bottom.jpg) no-repeat bottom left #171717;
	}
	div#galeria div.foto-box a:hover {
		background: url(../img/foto-bottom-hover.jpg) no-repeat bottom left #202020;
	}
		div#galeria div.foto-box div.foto {
			margin: 0 auto;
			text-align: center;
		}
		div#galeria div.foto-box div.foto img {
			margin: 0 auto;
		}
		div#galeria div.foto-box div.foto div.powieksz {
			color: #ffffff;
			font-size: 10px;
		}
		
/* O MNIE
-------------*/

div#omnie {
	width: 880px;
}
	div#omnie img, div#kontakt img {
		float: left;
		display: inline;
		margin: 20px 0 0 20px;
	}
	div#omnie div.omnie-box, div#kontakt div.kontakt-box {
		width: 617px;
		background: url(../img/o-mnie.jpg) no-repeat bottom left #171717;
		padding: 10px;
		color: #808080;
		float: right;
		display: inline;
		line-height: 150%;
		margin: 30px 0 20px 0;
	}

/* KONTAKT
--------------*/

div#kontakt {
	width: 880px;
	color: #808080;
}
	div#kontakt div.kontakt-box div.tel {
		float: left;
		width: 195px;
		text-align: center;
	}
	div#kontakt div.kontakt-box div.tel div.kontakt-header {
		width: 195px;
		height: 61px;
		background: url(../img/kontakt-header.png) no-repeat;
		margin: 0 0 10px 0;
	}
	div#kontakt div.kontakt-box div.form {
		float: right;
		margin: 0 0 200px 0;
	}
	input.imie, input.email {
		width: 400px;
		background-color: #121212;
		border: 1px solid #383838;
		font-size: 14px;
		color: #808080;
		padding: 5px;
		margin: 0 0 10px 0;
	}
	input.submit {
		width: 90px;
		height: 30px;
		border: 0;
		padding: 0;
		outline: 0;
		background: url(../img/wyslij-submit.jpg) no-repeat;
	}
	textarea {
		width: 400px;
		height: 150px;
		background-color: #121212;
		border: 1px solid #383838;
		font-size: 14px;
		color: #808080;
		padding: 5px;
		margin: 0 0 10px 0;
		font-family: arial;
	}
	
/* FILMY
------------*/

div#filmy {
	width: 880px;
	overflow: auto;
	margin: 0 auto;
}
div#filmy div.film {
	width: 640px;
	height: 385px;
	background: url(../img/film-bg.jpg) no-repeat;
	margin: 0 auto;
	padding: 67px 99px 86px 97px;
}

/* KOMENTARZE
-----------------*/

div#komentarze {
	width: 880px;
	margin: 0 auto;
	overflow: auto;
}
	div#komentarze div.komentarze-header {
		margin: 10px 0 10px 0;
		width: 880px;
		height: 43px;
		background: url(../img/komentarze-header.jpg) no-repeat 0 0;
	}
	div#komentarze img {
		padding-bottom: 10px;
		border-bottom: 1px dotted #262626;
	}
	div#komentarze div.komentarze-form {
		margin: 0 0 20px 0;
	}
	div#komentarze div.komentarze-form  input.komentuj {
		width: 90px;
		height: 31px;
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
		background: url(../img/komentarze-submit.jpg) no-repeat 0 0;
	}
	div#komentarze div.komentarz {
		margin: 10px 0 10px 0;
		border-bottom: 1px dotted #212121;
		border-left: none;
		border-right: none;
	}
	div#komentarze div.komentarz div.komentarz-top {
		width: 434px;
		height: 106px;
		background: url(../img/komentarz-title.jpg) no-repeat 0 0;
		position: relative;
	}
	div#komentarze div.komentarz div.nick {
		color: #b8b8b8;
		font-weight: bold;
		position: absolute;
		top: 60px;
		left: 15px;
	}
	div#komentarze div.komentarz div.data {
		color: #b8b8b8;
		position: absolute;
		top: 60px;
		right: 15px;
	}
	div#komentarze div.komentarz div.tresc {
		padding: 10px;
	}
	
/* FOOTER
--------------*/

div#footer {
	width: 910px;
	height: 205px;
	background: url(../img/footer.jpg) no-repeat 0 0;
	margin: 0 auto;
}
div#footer div#footer-box {
	font-size: 12px;
	padding: 10px 0 0 5px;
}
div#footer div#footer-box div.wykonanie {
	float: right;
	text-align: right;
	display: inline;
}
.clear {
	clear: both;
}
/*
 * Required 
*/
.container { width:500px; height:255px; overflow:hidden; position:relative; cursor:pointer; }
.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
.slides li { position:absolute; top:0; width:500px; display:none; padding:0; margin:0; }
/*
 * Optional
*/
#loopedSlider,#newsSlider { margin:0 auto; width:510px; position:relative; clear:both; }
.slides li { padding-bottom:20px; }
ul.pagination { list-style:none; padding:0; margin:0; }
ul.pagination li  { float:left; }
ul.pagination li a { padding:2px 4px; }
ul.pagination li.active a { background:blue; color:white; }