/* */
html, body, h1, h2, h3, h4, h5, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}

/* body default */
body {background: #fff; font: 0.625em/1.5em Arial, regular; color: #7a7a7a;}

/*hr {display: none; }*/
hr {
background-color:#E5E5E5;
color:#E5E5E5;
border-width:0;
height:1px;
}

img {display: block; border: 0;}

.container {width: 936px; margin: 0 auto;}


/* modules */
form {}
	form fieldset {border: 0;}

a {text-decoration: none; color: #7a7a7a;}	
	a:hover {}	

/* header */
#header {}
	#header .container {height: 101px; position: relative;}
	
	/* logo */
	#header h1 {width: 176px; height: 47px; position: absolute; top: 31px; left: 18px;}
		#header h1 a {width: 176px; height: 47px; display: block; position: relative;}
			#header h1 a span {width: 176px; height: 47px; background: url(../img/site/header.h1.a.span.png) no-repeat; display: block; position: absolute; top: 0; left: 0; cursor: pointer;}
			
	/* navigation menu */		
	#header .header-menu {list-style: none; padding: 0; margin: 0; position: absolute; top: 37px; right: 15px;}
		#header .header-menu li {float: left; padding: 0 1px; background: url(../img/menu/sep.png) 100% 50% no-repeat;}
			#header .header-menu li.last-child {border: 0; padding-right: 0;}
			#header .header-menu li a {line-height: 28px; display: block; float: left; position: relative;}
				#header .header-menu li a span {height: 28px; display: block; position: absolute; top: 0; left: 0; cursor: pointer;}
					#header .header-menu li a:hover {cursor: pointer;}
					#header .header-menu li a:hover span, #header .header-menu li a.active span {background-position: 0 100%;}


			#header .header-menu li .start {width: 76px;}	
				#header .header-menu li .start span {width: 76px; background: url(../img/menu/start.png) no-repeat;}	
				
			#header .header-menu li .about-us {width: 90px;}	
				#header .header-menu li .about-us span {width: 90px; background: url(../img/menu/about.us.png) no-repeat;}
				
			#header .header-menu li .offert {width: 78px;}	
				#header .header-menu li .offert span {width: 78px; background: url(../img/menu/offert.png) no-repeat;}
				
			#header .header-menu li .promotions {width: 88px;}	
				#header .header-menu li .promotions span {width: 88px; background: url(../img/menu/promotions.png) no-repeat;}
				
			#header .header-menu li .for-roofers {width: 110px;}	
				#header .header-menu li .for-roofers span {width: 110px; background: url(../img/menu/for.roofers.png) no-repeat;}
				
			#header .header-menu li .projects {width: 97px;}	
				#header .header-menu li .projects span {width: 97px; background: url(../img/menu/projects.png) no-repeat;}
				
			#header .header-menu li .contact {width: 82px;}	
				#header .header-menu li .contact span {width: 82px; background: url(../img/menu/contact.png) no-repeat;}	
				
/* about us */
#about-us {background: url(../img/site/bg.site.png) 0 4px repeat-x;}	
	#about-us .container {}	
	
/* content */
#content {}
	#content .container { width: 936px; margin: 0 auto;}
	
	/* default units */
	#content-main {width: 678px; margin-left: 20px; float: left; padding-top: 8px;}
	#content-sidebar {width: 229px; float: left; padding-top: 8px;}
	
	/* default main content */
	div.content-main {padding-top: 10px;}
		div.content-main .content-main-header {font-size: 2em; color: #112d74; font-weight: normal;}
		div.content-main .content-main-body {}
			div.content-main .content-main-body p {padding: 7px 0; line-height: 1.7em; font-size: 1.2em; color: #000; text-align: justify;}
	
	/* sidebar menu */
	div.content-sidebar-menu {width: 229px;}
		div.content-sidebar-menu h3 {display: none;}
		div.content-sidebar-menu ul {width: 229px; overflow: hidden; list-style: none; padding: 0; margin: 0; background: url(../img/site/sidebar.menu.png) repeat-y;}
			div.content-sidebar-menu ul li {width: 229px; float: left; clear: left;}
				div.content-sidebar-menu ul li.last-child a span {}
				div.content-sidebar-menu ul li a {display: block;}
					div.content-sidebar-menu ul li a span {display: block; color: #fff; font-size: 1.2em; padding: 8px 10px 8px 14px; border-bottom: 1px solid #ec804c;}
					div.content-sidebar-menu ul li a.first-menu-link span {background: url(../img/arrows/big.arrow.png) 6px 12px no-repeat; font-weight: bold;}
					div.content-sidebar-menu ul li a.first-menu-link:hover, div.content-sidebar-menu ul li a.active {background: #041c5a url(../img/site/sidebar.menu.a.hover.png) 0 100% repeat-x;}
						div.content-sidebar-menu ul li a.first-menu-link:hover span, div.content-sidebar-menu ul li a.active span {background: url(../img/arrows/big.arrow.hover.png) 6px 12px no-repeat;}
					div.content-sidebar-menu > ul > li.last-child a span {border: 0;}

				div.content-sidebar-menu .submenu {}
					div.content-sidebar-menu .submenu li {}
						div.content-sidebar-menu .submenu li a {}
							div.content-sidebar-menu .submenu li a span {background: url(../img/arrows/small.arrow.png) 22px 13px no-repeat; padding-left: 30px;}
							
							div.content-sidebar-menu .submenu li a span.poziom3 {background: url(../img/site/bg_menu2.jpg)repeat-y; padding-left: 40px;}
	
	
/* breadcrumbs */
div.breadcrumbs {width: 678px; overflow: hidden; border-bottom: 1px solid #e5e5e5; padding: 5px 0;}
	div.breadcrumbs h3 {float: left; font-weight: normal; font-size: 0.9em;}
	div.breadcrumbs ol {list-style: none; padding: 0; margin: 0; float: left;}
		div.breadcrumbs ol li {float: left;}
			div.breadcrumbs ol li a {float: left; display: block; font-size: 0.9em; background: url(../img/site/breadcrumbs.ol.li.a.png) right no-repeat; padding: 0 5px;}
				div.breadcrumbs ol li a:hover {text-decoration: underline;}
			div.breadcrumbs ol li.last-child a {background: 0; padding-right: 0;}
	
	
/* what we do */
#what-we-do {width: 679px; float: left;}
	#what-we-do h2 {display: none;}
	#what-we-do ul {list-style: none; padding: 0; margin: 0;}
		#what-we-do ul li {float: left; margin: 11px 0 0;}
			#what-we-do ul li.first-child {padding-right: 8px;}
			#what-we-do ul li.last-child {padding-left: 8px;}
			#what-we-do ul li h3 {position: relative; float: left;}
				#what-we-do ul li h3 a {display: block;}
					#what-we-do ul li h3 a span {display: block; position: absolute; top: 0; left: 0; cursor: pointer;}
	
		#what-we-do ul li .blachy-dachowkowe-i-trapezowe {width: 336px; height: 103px;}
			#what-we-do ul li .blachy-dachowkowe-i-trapezowe a {width: 336px; height: 103px;}
				#what-we-do ul li .blachy-dachowkowe-i-trapezowe a span {width: 336px; height: 103px; background: url(../img/what-we-do/blachy-dachowkowe-i-trapezowe.png) no-repeat;}
	
		#what-we-do ul li .systemy-rynnowe {width: 335px; height: 103px;}
			#what-we-do ul li .systemy-rynnowe a {width: 335px; height: 103px;}
				#what-we-do ul li .systemy-rynnowe a span {width: 335px; height: 103px; background: url(../img/what-we-do/systemy-rynnowe.png) no-repeat;}
	
		#what-we-do ul li .dachowki-cementowe-i-ceramiczne {width: 336px; height: 103px;}
			#what-we-do ul li .dachowki-cementowe-i-ceramiczne a {width: 336px; height: 103px;}
				#what-we-do ul li .dachowki-cementowe-i-ceramiczne a span {width: 336px; height: 103px; background: url(../img/what-we-do/dachowki-cementowe-i-ceramiczne.png) no-repeat;}
	
		#what-we-do ul li .dachowki-cementowe-i-ceramiczne {width: 336px; height: 109px;}
			#what-we-do ul li .dachowki-cementowe-i-ceramiczne a {width: 336px; height: 109px;}
				#what-we-do ul li .dachowki-cementowe-i-ceramiczne a span {width: 336px; height: 109px; background: url(../img/what-we-do/dachowki-cementowe-i-ceramiczne.png) no-repeat;}

		#what-we-do ul li .okna-dachowe-i-akcesoria {width: 335px; height: 109px;}
			#what-we-do ul li .okna-dachowe-i-akcesoria a {width: 335px; height: 109px;}
				#what-we-do ul li .okna-dachowe-i-akcesoria a span {width: 335px; height: 109px; background: url(../img/what-we-do/okna-dachowe-i-akcesoria.png) no-repeat;}

/* our offer */
#our-offer {width: 244px; float: right;}
	#our-offer h2 {display: none;}
	#our-offer ul {list-style: none; padding: 0; margin: 0;}
		#our-offer ul li {overflow: hidden;}
			#our-offer ul li div {padding: 20px 20px 20px 13px;}
			#our-offer ul li h3 {position: relative; overflow: hidden;}
				#our-offer ul li h3 span {display: block; position: absolute; top: 0; left: 0;}
			#our-offer ul li p {padding: 5px 0; font-size: 1.1em;}
				#our-offer ul li p a {width: 65px; height: 18px; display: block; position: relative; margin-top: 10px;}
					#our-offer ul li p a span {width: 65px; height: 18px; display: block; background: url(../img/site/read.more.png) no-repeat; position: absolute; top: 0; left: 0; cursor: pointer;}
		
		#our-offer ul .for-roofers {width: 244px; height: 111px; margin-top: 5px; background: url(../img/site/for.roofers.png) no-repeat;}
		#our-offer ul .for-roofers .for-roofers-content {padding-top: 30px;}
			#our-offer ul .for-roofers h3 {width: 74px; height: 11px;}
				#our-offer ul .for-roofers h3 span {width: 74px; height: 11px; background: url(../img/site/for.roofers.header.png) no-repeat;}
				
		#our-offer ul .promotion {width: 244px; height: 104px; margin-top: 15px; background: url(../img/site/promotion.png) no-repeat;}
			#our-offer ul .promotion h3 {width: 58px; height: 15px;}
				#our-offer ul .promotion h3 span {width: 58px; height: 15px; background: url(../img/site/promotion.header.png) no-repeat;}
			
/* partners */			
#partners {overflow: hidden;}
	#partners h3 {display: none;}
	#partners ul {width: 936px; overflow: hidden; list-style: none; padding: 17px 0; margin: 0;}
		#partners ul li {float: left; padding: 0 9px;}
		#partners ul li h4 {position: relative; height: 40px; overflow: hidden;}
			#partners ul li h4.active span {background-position: 0 100%;}
			#partners ul li h4 span {height: 40px; position: absolute; top: 0; left: 0; display: block;}
		
		
		#partners ul li .kroll {width: 72px;}
			#partners ul li .kroll span {width: 72px; background: url(../img/partners/kroll.png) 0 0 no-repeat;}
			
		#partners ul li .mud-mat {width: 107px;}
			#partners ul li .mud-mat span {width: 107px; background: url(../img/partners/mud.mat.png) 0 0 no-repeat;}
			
		#partners ul li .euronit {width: 31px;}
			#partners ul li .euronit span {width: 31px; background: url(../img/partners/euronit.png) 0 0 no-repeat;}
			
		#partners ul li .roben {width: 54px;}
			#partners ul li .roben span {width: 54px; background: url(../img/partners/roben.png) 0 0 no-repeat;}
			
		#partners ul li .bryza {width: 58px;}
			#partners ul li .bryza span {width: 58px; background: url(../img/partners/bryza.png) 0 0 no-repeat;}
			
		#partners ul li .galeco {width: 48px;}
			#partners ul li .galeco span {width: 48px; background: url(../img/partners/galeco.png) 0 0 no-repeat;}
			
		#partners ul li .pp {width: 28px;}
			#partners ul li .pp span {width: 28px; background: url(../img/partners/pp.png) 0 0 no-repeat;}
			
		#partners ul li .plast-dach {width: 25px;}
			#partners ul li .plast-dach span {width: 25px; background: url(../img/partners/plast.dach.png) 0 0 no-repeat;}
			
		#partners ul li .ivt {width: 45px;}
			#partners ul li .ivt span {width: 45px; background: url(../img/partners/ivt.png) 0 0 no-repeat;}
			
		#partners ul li .fakro {width: 90px;}
			#partners ul li .fakro span {width: 90px; background: url(../img/partners/fakro.png) 0 0 no-repeat;}
			
		#partners ul li .koramic {width: 103px;}
			#partners ul li .koramic span {width: 103px; background: url(../img/partners/koramic.png) 0 0 no-repeat;}
			
		#partners ul li .jungmeier {width: 107px;}
			#partners ul li .jungmeier span {width: 107px; background: url(../img/partners/jungmeier.png) 0 0 no-repeat;}
			
/* footer */
#footer {}
	#footer .container {border-top: 1px solid #e5e5e5;}
	
	/* footer default paragraph */
	#footer p {color: #b2b2b2; line-height: 40px; font-size: 1.1em; padding: 0 10px;}
		#footer p a {color: #b2b2b2;}
			#footer p a:hover {text-decoration: underline;}
	
	/* copyright */
	#footer .copyright {float: left;}
	
	/* realization */
	#footer .realization {float: right;}
		#footer .realization strong {font-weight: normal;}
		
	
form.addC {
margin-left:40px;
margin-top:0px;
}
form.addC p {
margin-bottom:0px;
margin-top:0;
}			
form.addC p .desc {
color:#000000;
display:block;
float:left;
font-family:Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:5px 5px 0 0;
text-align:right;
width:100px;
}
form.addC p input.input, form.addC p textarea.input, form.addC p select.input {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
border:1px solid #C7C7C7;
color:#7B675D;
font-family:Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px;
width:330px;
}
form.addC .alert {
color:#CC0000;
font-family:Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:0px;
margin-top:4px;
padding-left:105px;
}
ul#pagination { font-size: 11px; padding: 0; margin: 0; }
ul#pagination li { list-style-type: none; float: left; }
ul#pagination a { display: block; margin-right:5px; padding:4px 8px; background: #e76833; border: 1px solid #ec804c; color: #fff; }
ul#pagination a:hover { background: #162f6f; border: 1px solid #0e245a; color: #fff; }
ul#pagination li.active { background: #162f6f; border: 1px solid #0e245a; color: #fff; padding:4px 8px; margin-right:5px; font-weight: bold; }