@charset "utf-8";
/* CSS Document */

/*reset*/
td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,center,i,u,b,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}td,th,tr,thead,tfoot,tbody,caption,table,legend,label,form,fieldset,li,ul,ol,dd,dt,dl,center,i,u,b,var,tt,sup,sub,strong,strike,small,samp,s,q,kbd,ins,img,font,em,dfn,del,code,cite,big,address,acronym,abbr,a,pre,blockquote,p,h6,h5,h4,h3,h2,h1,iframe,object,applet,span,div,body,html,:focus{outline:0}body{line-height:1}ul,ol{list-style:none}q,blockquote{quotes:none}q:after,q:before,blockquote:after,blockquote:before{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/*/reset*/

body {
	padding:0 0 25px 0;
	background:url(../images/body.png) repeat-x center top #08090d;
	font-family: Calibri, Georcia, Verdana, Arial, Helvetica, sans-serif;
	border-top:6px solid #74b9e2;
	font-size:14px;
	}

/* szerokości i położenie */
#header, #footer, #copyright {
	width:900px;
	margin:auto;
	}

#all {
	background:#ebebeb;
	width:100%;
	margin-bottom:5px;
	border-top:10px solid #08090d;
	border-bottom:1px solid #fff;
	padding:0
	}
	#header {
		position:relative;
		overflow:hidden;
		height:275px;
		}
	#logo {
		float:left;
		width:330px;
		height:370px;
		padding:15px;
		color:#fff;
		}
		#logo img {
			display:block;
			margin:auto;
			margin-bottom:15px;
			}
	#menu {
		float:right;
		}
		#menu ul {
			list-style-type:none;
			margin-left:10px;
			margin-bottom:0;
			}
		#menu li {
			display:inline;
			height:99px;
			float:left
			}
		#menu a {
			color:#74aee0;
			font-weight:bold;
			display:block;
			height:10px;
			padding:35px 10px;
			font-size:15px;
			text-align:center;
			text-decoration:none;
			widsth:100%;
			}
			#menu a:hover, a.otwarta {
				text-decoration:underline;
				background:url(../images/menu.png) repeat-x;
				color:#fff !important
				}

#contenttwo {z-index:0; position:relative; zoom:1}				
/* z menu */
#menu ul li {position:relative; margin-bottom:10px; height:auto !important; z-index: 100;}
#menu ul li ul {position:absolute; top:80px; left:-10px; width:150px; background:#333; border:solid #284064; border-width:2px 0 0 2px; z-index:100; zoom:1}
#menu ul li ul li { padding-right:10px; display:block; clear:both;}
#menu ul li ul li a {padding:0; float:left;padding:4px 5px 10px; text-align:left; font-weight:normal;}
#menu ul li ul li a:hover {background:none; adding:0;color:#333;}
				

/* podmenu js oddzielne 
	#menujs {
		position:absolute;
		right:0;
		top:82px;
		width:389px;
		}
		#menujs ul {
			width:50%;
			float:right;
			text-align:center;
			}
			#menujs li {
				}
				#menujs a {
					color:#fff;
					padding:0 5px;
					}*/
			
	#top {
		float:right;
		width:540px;
		overflow:hidden
		}
					
	#content {
		overflow:hidden;
		padding:15px;
		background:#fff;
		margin:auto;
		width:870px;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
		}

#footer, #copyright {
	text-align:right;
	font-size:12px;
	}
	
	#copyright {
		color:#aaa;
		}
	#copyright a {
		color:#ccc;
		}


/*realizacje */
#gallerylist {width:100%}
#gallerylist .img div div div {float:left; margin:10px 0}
#gallerylist .img div div div a {float:left;}
#gallerylist .img div div div a img {height:70px; margin-right:10px; border:3px solid #efefef}
#gallerylist .img div div div h5 {width:300px; float:left; text-align:left}
.ggroupname h3 {
	padding:3px;
	border:1px dotted #ccc;
	background:#f0f0f0;
	}
	.ggroupname h3 a {
		font-size:13px;
		}
.ggroupname td h3:first-letter {
	text-transform:uppercase;
	}

#gallerylist tr.img td {
	text-align:center;
	}
#gallerylist tr.ttl td {
	text-align:center;
	padding:15px
	}
		
/* referencje */
#referencje {
	width:850px;
	padding:0 10px;
	overflow:hidden;
	}
	.gallery_referencje_item {
		float:left;
		border-left:1px solid #777;
		margin:15px
		}
		.gallery_referencje_item img {
			border:1px solid #ccc;
			border-left:1px solid #ccc;
			}
#content .menu {
	text-align:center;
	background:#ddd;
	padding:2px 0;
	border:1px solid #aaa;
	margin-left:0;
	font-size:18px;
	}
	#content .menu li {
		display:inline;
		}
	#content .menu a {
		padding:3px 6px;
		color:#000;
		text-decoration:none;
		}
	#content .menu a.otwarta {
		border:1px solid #666;
		margin:0 6px
		}
	#content .menu a:hover {
		text-decoration:underline;
		}

/* treści */
#index {position: relative; width: 900px; overflow:hidden; margin:-15px}
.kolumna {width: 295px; float: left; height:446px; padding-bottom:15px;}
.kolumna div {width: 225px;}
.kolumna.texts {background: url(/images/index_news_bg.png) repeat-y top left;}
.kolumna.texts div {width: 225px; height: 173px; padding: 15px 10px 0 60px; float: left;}
.kolumna.texts div.new {background: url(/images/index_news.png) no-repeat -48px top;}
.kolumna.texts div.kon {background: url(/images/index_kontakt.png) no-repeat -48px top; position:relative;}
.kolumna.oferta {width: 240px; height: 446px; padding: 15px 10px 0 60px; float: left; background: url(/images/index_oferta.png) no-repeat -48px top; position:relative;}
.kolumna.oferta p {text-align:left;}
.kolumna.images {background:#bdbdbd; margin-left:0;}
.kolumna.images div {padding:32px 10px 8px 60px; text-align:center;}
.kolumna.images div.rea {background: url(/images/index_realizacje.png) no-repeat -48px top; position:relative; padding:3px 20px 25px 52px}
.kolumna.images div.rea img {width:240px; height:170px;}
.kolumna.images div.ref {background: url(/images/index_referencje.png) no-repeat -48px top; position:relative; padding:34px 10px 34px 64px}
.kolumna.images div.ref img {width:189px; height:125px;}

.headlink {display: block; width: 47px; height: 100%; position: absolute; top: 1px; left: 0;}
.kon .headlink:hover {background: url(/images/index_kontakt.png) no-repeat 0px -1px;}
.oferta .headlink:hover {background: url(/images/index_oferta.png) no-repeat 0 -1px;}
.rea .headlink:hover {background: url(/images/index_realizacje.png) no-repeat 0 -1px;}
.ref .headlink:hover {background: url(/images/index_referencje.png) no-repeat 0 -1px;}


.kadra {margin-bottom:15px;}
.kadra td {padding:3px 0;}
.kadra td.label {width:250px;}
.kadra td.description {width:500px;}
.kadra td.description ul {margin-left:30px; list-style-type:disc}

.halfbox {width:410px; float:left; margin:0 20px 10px 5px; text-align:justify; overflow:hidden;}
#formularz {clear:both;}
#formularz ul {margin:0 !important;}
#formularz input.pole {margin:1px 0; width:400px;}
#formularz textarea {width:400px; height:275px; margin:1px 0 2px}

/* typografia */
h1, h2, h3, h5, h6, ul, ol {
	margin-bottom:10px;
	}
	p {margin:5px 0 10px; text-align:justify;}
	h2 {font-size:1.5em;}
	h3 {font-size:1.2em;border-bottom:1px solid #6C9FCE;color:#6C9FCE; margin-bottom:0}
	h4 {font-size:.9em; color:#999; margin-bottom:5px;}
	h5 {font-size:.8em; color:#aaa}
	h6 {font-size:.8em; color:#ccc}
	
	#content ul {
		margin-left:30px;
		list-style-type:disc;
		}
	#content ol {
		margin-left:30px;
		list-style-type:decimal;
		}