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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;	
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
a {
	text-decoration: none;
	}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html {
	background-color: #ebebeb;
	}
/*
html {
	background: url(head_grad.png) repeat-x top #ebebeb;
	}
	
	
*/	
body {
	background: url(carbonSS.png) no-repeat center top;
	}


p, a, h1, h2, h3, h4, h5, h6, li, em {
	font-family: Calibri,Arial,Helvetica,Garuda,sans-serif;
	color: black
	}
/* format BACKUP
h1 {
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.5px;
	padding-left: 20px;
	color: white;
	}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	margin-bottom: 12px;
	}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	margin-bottom: 10px;
	}	

h4 {
	font-size: 10px;
	font-weight: bold;
	margin-bottom: 10px;
	}	
		
h5 {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	}

p {
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 15px;
}

*/

h1 {
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 0.1px;
	padding-left: 20px;
	color: white;
	}

h2 {
	font-size: 16px;
	font-weight: bold;
	color: #555555;
	margin-bottom: 12px;
	}

h3 {
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	margin-bottom: 10px;
	}	

h4 {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	}	
		
h5 {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	}
p {
	font-size: 13px;
	line-height: 16px;
	margin-bottom: 15px;
}

a {
	color: #777777;
	}	

a:hover {
	color: black;
	}	


		
.clear {
	clear: both;
	}
.separator {
	clear: both;
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 15px;
	padding-top: 10px;
	}

.left {
	float: left !important;
	margin-left: 0 !important;
	margin-right: 15px;
	}
.ostatni {
	margin-right: 0 !important;
	}

#wrapper {
	position: relative;
	width: 960px;
	margin:0 auto;
	}

/*********************** naglowek **********************/
#header {
	height: 136px;
	position: absolute;
	top: 0;
	}

#logo-stadtraum {
	position: absolute;
	left: 818px;
	top: 17px;
	}
#logo-systems {
	position: absolute;
	left: 0px;
	top: 17px;
	}	

#mainmenu {
	position: absolute;
	left: 0px;
	top: 76px;
	height: 45px;
	width: 960px;
	}
	
#mainmenu li{
	display: inline
	}

#mainmenu a{
	display: block;
	text-align: center;
	padding-top: 15px;
	font-size: 16px;
	float: left;
	height: 45px;
	}	

#mainmenu a:hover{
	color: #ffffff;
	}
/*	
#mainmenu li.mfirst a{
	background: url(menubar.png) 0 -45px no-repeat;
	width: 149px;
	}
#mainmenu li.mfirst a:hover{
	background: url(menubar.png) 0 0 no-repeat;
	}	
#mainmenu li a{
	background: url(menubar.png) -6px -45px no-repeat;
	width: 148px;
	}
#mainmenu li a:hover{
	background: url(menubar.png) -6px 0 no-repeat;
	}
#mainmenu li.mlast a{
	background: url(menubar.png) -11px -45px no-repeat;
	width: 149px;
	}
#mainmenu li.mlast a:hover{
	background: url(menubar.png) -11px 0 no-repeat;
	}		
*/
#mainmenu li a{
	background: url(menubar.png) 0px -45px no-repeat;
	width: 160px;
	transition: all .1s;
	}
#mainmenu li a:hover{
	background: url(menubar.png) 0px 0 no-repeat;
	}

/*********************** END naglowek **********************/
	



	
#content {
	padding-top: 136px;
	}		





	
#banner {
	height: 320px;
	width: 100%;
	background: url(banner-parkomat.jpg) no-repeat #ffffff;
	padding: 30px;
	border: 1px solid #a3a3a3;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0px 1px 0px #ffffff;
	margin-bottom: 14px;	
	}


#banner a:first-child
	{
	display: block;
	transition: all .1s;	
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	background: rgba(0, 128, 175, 0.8);
	width: 600px;
	height: 150px;
	padding:20px;
	margin-bottom:70px;
	}
#banner a:first-child:hover
	{		
	background: rgba(0, 128, 175, 1);	
	}	
#banner a:first-child *
	{
	padding:0 !important;
	color: #ffffff;
	}	
#banner h1
	{
	font-size: 30px;
	}	
	
#banneryt {
	float: left;
	width: 325px;
	}

#banneryt iframe{
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
	}
#slide {
	float: right;
	height: 226px;
	width: 635px;
	background: url(slide3.jpg) no-repeat right;
	position: relative;
	transition: all ease-in 0.2s;
	}
#slide:hover {
	opacity:0.8;
	transition: all ease 0.2s;
	}
	
#slide h1 {
	padding:0;
	font-size: 51px;
	font-weight: bold;
	letter-spacing: -2.5px;
	color: white;
	position: absolute;
	left: 33px;
	bottom: 33px;
	z-index: 1000;
	text-shadow: 0px 3px 2px rgba(0, 0, 0, .5);	
	}
#slide h2 {
	padding:0;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -0.7px;
	color: white;
	position: absolute;
	left: 33px;
	top: 33px;
	z-index: 1000;
	text-shadow: 0px 2px 1px rgba(0, 0, 0, .6);	
	}		
	


/***************** male boxy ******************/

#homenews {
	}	

#products {
	margin-left: 15px;
	}

#services {
	margin-left: 15px;
	}

.box {
	position: relative;
	height: 206px;
	width: 310px;
	float: left;
	background: url(box.png) no-repeat #ffffff;
}
.box a, .news a {
	font-size: inherit;
	font-weight: bold;
	color: #0080af;
	}
.box p a, .news p a {
	text-decoration: underline;
	}	
div.box > div:first-child {
	/* tło nagłówka małego boxu */
	background: url(head.png) -219px 0 no-repeat #ebebeb;
	height: 32px;
	width: 310px;
	padding-top: 7px;
	}
	
.bulleted {	
	display: inline-block;
	margin-bottom: 8px;
	}

.more {
	position: absolute;
	bottom: 20px;
	left: 20px;
	}
	
.more:before {
	content:"\003e";
	padding-right:7px;
	}

.boxtext {
	position: absolute;
	top: 45px;
	left: 20px;
	z-index: 2;
	}
.boxtext a.bulleted {
	margin-left: 0px
	}	
	
#homenews .boxtext {
	width: 270px;
	}

#products .boxtext {
	width: 160px;
	}
#products div:last-child {
	/*zdjęcie produktu w boxie*/
	position: absolute;
	top: 52px;
	left: 190px;
	width: 100px;
	height: 133px;
	background:url(products.jpg);	
	z-index: 1;
	}		

#services .boxtext {
	width: 130px;
	}
#services div:last-child {
	/*zdjęcie produktu w boxie*/
	position: absolute;
	top: 52px;
	left: 125px;
	width: 175px;
	height: 133px;
	background:url(products.jpg) -100px 0;
	z-index: 1;
	}			

/***************** END male boxy ******************/




/***************** menu lewe ******************/

#menu {
	/*lewe menu*/
	float: left;
	width: 219px;
	}
#menu div:first-child {
	background: url(head.png) 0 0 no-repeat #ebebeb;
	height: 32px;
	width: 219px;
	padding-top: 7px;
	/*tło naglówka lewego menu - short*/
	}
	
#menu ul {
	width: 219px;
	min-height: 190px;
	padding: 10px 20px;
	background: url(leftmenu_grad.png) repeat-y;
	}
#menu li {
	color: #86c8e0;
	font-size: 13px;
	line-height: 30px;
	border-bottom: 1px solid #888888
	}
#menu a {
	color: #ffffff;
	}
#menu a:hover {
	color: #86c8e0;
	}
#menu .sel {
	color: inherit;
	}	
				
#menubottom {
	width: 219px;
	height: 5px;
	background: url(leftmenu_bot.png);
	}	
	
/***************** END menu lewe ******************/	



#mainbox {
	/*duzy box*/
	float: right;
	width: 726px;
	background: #ffffff;
	}

#mainbox > div:first-child{
	/*tlo naglowka duzego boxu*/
	background: url(head.png) -529px 0 no-repeat #ebebeb;
	height: 32px;
	width: 726px;
	padding-top: 7px;	
	}
#mainboxbottom {
	width: 726px;
	height: 6px;
	background: url(mainbox_bot.png);
	}		
#maincontent {
	width: 726px;
	padding: 20px;	
	background: url(mainbox_grad.png);
	}
#maincontent > ul{
	list-style-image: url(point.png);
	margin-bottom: 15px;
	margin-left: 20px;
	}

#maincontent h2 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 18px;
}	

#maincontent p {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
}	
	
#maincontent > ul li{
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 10px;
	}		
	
#maincontent img{
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	}	
#maincontent.rpadnull {
	padding-right: 0;
	width: 706px;	
	}
#maincontent.rpadnull img{
	float: none;
	margin: 0;
	}			
.news {
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #a3a3a3;
	}
.news:last-child
	{
	border: none;
	padding:0;
	margin:0;
	}
	
.news h2, .news h3 {
	color: inherit;
		}	

		



.itembanner {
	background: url(itembanner_grad.png) repeat-y top #000000;
	height: 194px;
	width: 726px;
	}
.itembanner div {
	padding: 15px 0 0 20px; 
	float: left;
	width: 338px;
	}	
.itembanner img {
	float: right;
	}	
.itembanner p,
.itembanner h2 {
	color: #ffffff;
	}	

.button
	{
	display: inline-block;
	padding:10px 20px;
	margin-right:13px;
	background: red;
	font-size: 16px;
	font-weight: bold;
	background: #0080af;
	color: #ffffff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:20px;
	transition: all .2s;
	}
.button:hover
	{	
	background: #555555;
	color: #ffffff;
	box-shadow: 0px 2px 2px #999999;
	}	

	
/*********************** downloads ******************/
div.quadgroup {
	margin-bottom: 10px;
	}

div.quadgroup h2 {
	margin-bottom: 15px;
	}

	div.quadgroup > a {
		display: block;
		position: relative;
		height: 235px;
		width: 121px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		}

		div.quadgroup > a img{
			width: 121px;
			height: 170px;
			border: 1px solid #a3a3a3;
			border-radius: 5px;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			box-shadow: 0px 1px 2px #a3a3a3;					
			}
		div.quadgroup > a:hover img{			
			box-shadow: 0px 2px 5px #a3a3a3;
			opacity: 0.8;					
			}					
		
		div.quadgroup > a h3{
		text-align: center;
		padding-top: 12px;
			}
		div.quadgroup > a:hover h3{	
			color: black;
			}

/********************END downloads ******************/


/********************referencje*********************/

div.cities h2 {
	margin-bottom: 15px;
	}
div.cities h3 {
	margin-top: 110px;
	text-align: center;
	z-index: 10;
	}	

	div.cities > div {
		position: relative;
		height: 130px;
		width: 97px;
		float: left;
		margin-right: 20px;
		margin-bottom: 20px;
		}
			div.cities div.mask{
				position: absolute;
				z-index: 2;
				top: 0;
				left: 0;
				height: 107px;
				width: 97px;
				background: url(citystroke.png) no-repeat;			
				}
			div.cities > div > div {
				position: absolute;
				z-index: 1;
				top: 0;
				left: 0;
				height: 97px;
				width: 97px;
				}	
			#A1 {
				background: url(cities.jpg) 0 0 no-repeat;
				}
			#B1 {
				background: url(cities.jpg) -97px 0 no-repeat;
				}				
			#C1 {
				background: url(cities.jpg) -194px 0 no-repeat;
				}
			#D1 {
				background: url(cities.jpg) -291px 0 no-repeat;
				}
			#E1 {
				background: url(cities.jpg) -388px 0 no-repeat;
				}
			#F1 {
				background: url(cities.jpg) -485px 0 no-repeat;
				}
			#A2 {
				background: url(cities.jpg) 0 -97px no-repeat;
				}
			#B2 {
				background: url(cities.jpg) -97px -97px no-repeat;
				}				
			#C2 {
				background: url(cities.jpg) -194px -97px no-repeat;
				}
			#D2 {
				background: url(cities.jpg) -291px -97px no-repeat;
				}
			#E2 {
				background: url(cities.jpg) -388px -97px no-repeat;
				}
			#F2 {
				background: url(cities.jpg) -485px -97px no-repeat;
				}				
			#A3 {
				background: url(cities.jpg) 0 -194px no-repeat;
				}
			#B3 {
				background: url(cities.jpg) -97px -194px no-repeat;
				}				
			#C3 {
				background: url(cities.jpg) -194px -194px no-repeat;
				}
			#D3 {
				background: url(cities.jpg) -291px -194px no-repeat;
				}
			#E3 {
				background: url(cities.jpg) -388px -194px no-repeat;
				}
			#F3 {
				background: url(cities.jpg) -485px -194px no-repeat;
				}
			#A4 {
				background: url(cities.jpg) 0 -291px no-repeat;
				}
			#B4 {
				background: url(cities.jpg) -97px -291px no-repeat;
				}				
			#C4 {
				background: url(cities.jpg) -194px -291px no-repeat;
				}
			#D4 {
				background: url(cities.jpg) -291px -291px no-repeat;
				}
			#E4 {
				background: url(cities.jpg) -388px -291px no-repeat;
				}
			#F4 {
				background: url(cities.jpg) -485px -291px no-repeat;
				}
			#A5 {
				background: url(cities.jpg) 0 -388px no-repeat;
				}
			#B5 {
				background: url(cities.jpg) -97px -388px no-repeat;
				}				
			#C5 {
				background: url(cities.jpg) -194px -388px no-repeat;
				}
			#D5 {
				background: url(cities.jpg) -291px -388px no-repeat;
				}
			#E5 {
				background: url(cities.jpg) -388px -388px no-repeat;
				}
			#F5 {
				background: url(cities.jpg) -485px -388px no-repeat;
				}
			#A6 {
				background: url(cities.jpg) 0 -485px no-repeat;
				}
			#B6 {
				background: url(cities.jpg) -97px -485px no-repeat;
				}				
			#C6 {
				background: url(cities.jpg) -194px -485px no-repeat;
				}
			#D6 {
				background: url(cities.jpg) -291px -485px no-repeat;
				}
			#E6 {
				background: url(cities.jpg) -388px -485px no-repeat;
				}
			#F6 {
				background: url(cities.jpg) -485px -485px no-repeat;
				}
			#A7 {
				background: url(cities.jpg) 0 -582px no-repeat;
				}
			#B7 {
				background: url(cities.jpg) -97px -582px no-repeat;
				}				
			#C7 {
				background: url(cities.jpg) -194px -582px no-repeat;
				}
			#D7 {
				background: url(cities.jpg) -291px -582px no-repeat;
				}
			#E7 {
				background: url(cities.jpg) -388px -582px no-repeat;
				}
			#F7 {
				background: url(cities.jpg) -485px -582px no-repeat;
				}																				
			#chrzanow {
				background: url(cities.jpg) -291px -679px no-repeat;
				}
			#kalisz {
				background: url(cities.jpg) -388px -679px no-repeat;
				}
			#kozmin {
				background: url(cities.jpg) -194px -679px no-repeat;
				}
			#krotoszyn {
				background: url(cities.jpg) -388px -582px no-repeat;
				}																						
			#nowydwor {
				background: url(cities.jpg) 0px -679px no-repeat;
				}
			#suwalki {
				background: url(cities.jpg) -97px -679px no-repeat;
				}
			#wloclawek {
				background: url(cities.jpg) -485px -582px no-repeat;
				}												
				
																																								
/********************END referencje*****************/



/******************** SPECYFIKACJA TECHNICZNA ***********/
.spec {
	background: #fff4c5;
	}
	.divided {
		border-right: 1px dotted #ffd200;
		}
.tabspec {
	float: left;
	width: 342px;
	padding: 0 10px 0 10px;
	margin:15px 0 15px 0;
	}
	.listsep	{
	clear: both;
	height: 0px;
	border-top: 1px dotted #ffd200;
	border-bottom: 1px dotted #ffffff;
	margin-bottom: 10px;
	}
	.tabspec h3{
	color: #555555;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 15px;
	}
	.tabspec h4{
	display: block;
	font-size: 10px;
	font-weight: normal;
	float: left;
	margin-bottom: 10px;
	}
	.tabspec ul {
	float: right;
	width: 180px;
	list-style: outside url("li.png");
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 10px;	

	}
	.tabspec li {
	margin-bottom: 2px;
	}


/******************** END SPECYFIKACJA TECHNICZNA ***********/	




/*********************** stopka **********************/

#footer {
	background: url(foot_top.png) repeat-x top #f2f2f2;
	margin: 15px 0 15px 0;
	}
#footer ul.col {
	float: left;
	width: 215px;
	}

#footer ul.lastcol {
	float: left;
	width: 100px;
	}
	
#foot_menu a{
	font-size: 12px;
	color: black
	}

#foot_menu a:hover{
	font-size: 12px;
	color: #555555
	}	

#foot_menu, #foot_bottom h4{
	width: 960px;
	margin:0 auto;
	padding: 20px 0; 
	}

#foot_bottom {
	background: url(foot_bottom.png) repeat-x;
	height: 6px;
	}
	
#foot_bottom h4{
	font-weight: normal;
	}
#foot_bottom a.kv {
	text-align: left;
	font-size: 8px;
	float: right;
	margin-right: 50px;
	color: #e9e6ec;
	}
/*********************** END stopka **********************/