/* CSS file for the ardo.pl website */
/* (c) by Piotr S. Parzysz | http://pepperfection.com/ */

* {
	margin: 0;
	padding: 0;
}

body, html {
	width: 100%;
	height: 100%;
	color: #676767;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background: #e7e7e8;
}

.cb {
	clear: both;
}

.access {
	display: none;
}

h1 {
	position: absolute;
	top: 17px;
	left: 0;
	display: block;
	width: 351px;
	height: 45px;

}

h1 a {
	display: block;
	width: 351px;
	height: 45px;
	text-indent: -999em;
	background: url(gfx/logo.gif) no-repeat;
}

#tagline {
	display: none;
}

#contactDetails {
	display: none;
}

#topWrapper {
	width: 100%;
	height: 369px;
	position: relative;
	background: url(gfx/bgtown.gif) center bottom repeat-x;
}

#top {
	width: 980px;
	height: 369px;
	margin: 0 auto;
	position: relative;
}

#topMenu {
	display: block;
	width: 424px;
	height: 31px;
	position: absolute;
	top: 26px;
	left: 552px;
	background: url(gfx/menu.gif);
	list-style: none;
}

#topMenu li {
	display: block;
	height: 31px;
	float: left;
}

#topMenu li a {
	display: block;
	height: 31px;
	overflow: hidden;
	text-indent: -999em;
}

#topMenu li#tm0 { width: 48px; }
#topMenu li#tm0 a { width: 48px; background: url(gfx/menu.gif) 0 0 no-repeat; }
#topMenu li#tm0 a:hover { width: 48px; background: url(gfx/menu.gif) 0 -31px no-repeat; }

#topMenu li#tm1 { width: 81px; }
#topMenu li#tm1 a { width: 81px; background: url(gfx/menu.gif) -48px 0 no-repeat; }
#topMenu li#tm1 a:hover { width: 81px; background: url(gfx/menu.gif) -48px -31px no-repeat; }

#topMenu li#tm2 { width: 98px; }
#topMenu li#tm2 a { width: 98px; background: url(gfx/menu.gif) -129px 0 no-repeat; }
#topMenu li#tm2 a:hover { width: 98px; background: url(gfx/menu.gif) -129px -31px no-repeat; }

#topMenu li#tm3 { width: 133px; }
#topMenu li#tm3 a { width: 133px; background: url(gfx/menu.gif) -228px 0 no-repeat; }
#topMenu li#tm3 a:hover { width: 133px; background: url(gfx/menu.gif) -228px -31px no-repeat; }

#topMenu li#tm4 { width: 138px; }
#topMenu li#tm4 a { width: 138px; background: url(gfx/menu.gif) -354px 0 no-repeat; }
#topMenu li#tm4 a:hover { width: 138px; background: url(gfx/menu.gif) -354px -31px no-repeat; }

#topMenu li#tm5 { width: 64px; }
#topMenu li#tm5 a { width: 64px; background: url(gfx/menu.gif) -498px 0 no-repeat; }
#topMenu li#tm5 a:hover { width: 64px; background: url(gfx/menu.gif) -498px -31px no-repeat; }

#topText {
	position: absolute;
	top: 145px;
	left: 19px;
	width: 437px;
	height: 126px;
	background: url(gfx/txttop.gif) no-repeat;	
}

#topText h3, #topText p {
	text-indent: -999em;
}

#trees {
	position: absolute;
	top: 96px;
	left: 588px;
	width: 392px;
	height: 273px;
	background: url(gfx/trees.jpg) no-repeat;
}

#contentWrapper {
	width: 100%;
	background: url(gfx/bg2.gif) top center repeat-x;
}

#barMenu {
	margin: 0 auto;
	display: block;
	height: 150px;
	width: 980px;
	list-style: none;
	background: url(gfx/barMenuRight.jpg) 943px 0 no-repeat; }
}

#barMenu li {
	display: block;
	width: 980px;
	height: 50px;
}

#barMenu li a {
	display: block;
	width: 935px;
	height: 32px;
	text-align: right;
	color: #fff;
	text-decoration: none;
	font-size: 13px;
	padding: 18px 45px 0 0;
}


#barMenu li a:hover {
	display: block;
	width: 935px;
	height: 32px;
	text-align: right;
	color: #000;
	text-decoration: none;
	font-size: 13px;
	padding: 18px 45px 0 0;
}

#barMenu li a strong {
	display: none;
}

#barMenu li#bm1 a { background: url(gfx/barmenu.jpg) 0 0 no-repeat; }
#barMenu li#bm1 a:hover { background: url(gfx/barmenu.jpg) 0 -200px no-repeat; }

#barMenu li#bm2 a { background: url(gfx/barmenu.jpg) 0 -50px no-repeat; }
#barMenu li#bm2 a:hover { background: url(gfx/barmenu.jpg) 0 -250px no-repeat; }

#barMenu li#bm3 a { background: url(gfx/barmenu.jpg) 0 -100px no-repeat; }
#barMenu li#bm3 a:hover { background: url(gfx/barmenu.jpg) 0 -300px no-repeat; }

#barMenu li#bm4 a { background: url(gfx/barmenu.jpg) 0 -150px no-repeat; }
#barMenu li#bm4 a:hover { background: url(gfx/barmenu.jpg) 0 -350px no-repeat; }

#content {
	width: 960px;
	margin: 0 auto;
	padding: 22px 0 20px 0;
}



#content p {
	font-size: 13px;
	padding: 0 10px 15px 10px;
	line-height: 133%;
}

#pfolioContent ul {
	font-size: 13px;
	padding: 0 10px 15px 25px;
	line-height: 133%;
}

#nrWrapper {
	padding: 10px 0 0 0;
	width: 980px;

	list-style: none;
	display: block;
}

#nrWrapper li {
	float: left;
	display: block;

}

#nrWrapper li h4 {
	display: block;
	height: 232px;
}

#nrWrapper li h4 a {
	float: left;
	display: block;
	height: 232px;
	text-decoration: none;
	text-indent: -999em;
	border: none;
	background: transparent;
}

#nrWrapper li h4 a:hover {
	background: transparent;
	border: none;
}

#nr1 { width: 325px; background: url(gfx/nr_1.jpg) no-repeat; }
#nr1 h4 a { width: 325px; }

#nr2 {	width: 330px; background: url(gfx/nr_2.jpg) no-repeat; }
#nr2 h4 a { width: 330px; }

#nr3 { width: 325px; background: url(gfx/nr_3.jpg) no-repeat; }
#nr3 h4 a { width: 325px; }


#nrWrapper li h5 {
	font-size: 16px;
	font-weight: bold;
	display: block;
}

#nrWrapper li h5 a {
	color: #78bb00;
	text-decoration: none;
	display: block;
	padding: 10px 30px 0 30px;
	border: none;	
}

#nrWrapper li h5 a:hover {
	color: #69a300;
	text-decoration: underline;
	background: transparent;
	border: none;
}

#nrWrapper li p {
	display: block;
	padding: 10px 30px 0 30px;

}

#nrWrapper li p.zobacz {
	display: block;
	width: 57px;
	height: 20px;
	line-height: 100%;
}

#content p.zobacz2 {
	display: block;
	width: 57px;
	height: 20px;
}

#nrWrapper li p.zobacz a {
	display: block;
	width: 49px;
	height: 16px;
	padding: 2px 4px 2px 4px;
	background: url(gfx/zobaczbg.gif) 0 0 no-repeat;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	border: none;
}

#nrWrapper li p.zobacz a:hover {
	display: block;
	width: 49px;
	height: 16px;
	padding: 2px 4px 2px 4px;
	background: url(gfx/zobaczbg.gif) 0 -20px no-repeat;
	font-size: 12px;
	color: #69a300;
	text-decoration: none;
	border: none;	
}

#leftWrapper {
	float: left;
	width: 450px;
	padding: 10px 30px 0 0;
}

#rightWrapper {
	float: left;
	width: 480px;
	padding: 0 0 0 0;
}

#rightImg {
	margin: 0 0 0 10px;
	width: 470px;
	height: 430px;
}

body.body-co-robimy #rightImg {
	background: url(gfx/corobimy_img.jpg) no-repeat;
}

body.body-dzialania #rightImg {
	background: url(gfx/jakdzialamy_img.jpg) no-repeat;
}

form {
	float: left;
	width: 480px;
	height: 523px;
	background: url(gfx/formbg.jpg) top left no-repeat;
	position: relative;
	padding: 0;
}

fieldset {

	border: none;
}

label {
	display: none;
}

textarea {
	width: 388px;
	padding: 7px;
	background: transparent;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.9em;
	border: none;
	height: 118px;
	position: absolute;
	left: 39px;
	top: 316px;
}

input {
	background: transparent;
	font-size: 13px;
	width: 388px;
	padding: 7px;
	height: 16px;
	border: none;
	position: absolute;
	left: 39px;
}

input#sendername {
	top: 106px;
}

input#senderemail {
	top: 176px;
}

input#senderphone {
	top: 246px;
}

input.button {
	top: 468px;

	padding: 3px 5px 3px 5px;
	width: 100px;
	height: 28px;
	background: #78bb00;
	color: #fff;
	border-top: 2px #9ee71b solid;
	border-right: 2px #609500 solid;
	border-bottom: 2px #609500 solid;
	border-left: 2px #9ee71b solid;
}

legend {
	display: none;
}

#formthx {
	float: left;
	width: 480px;
	height: 141px;
	background: url(gfx/formthx.jpg) top left no-repeat;
}

#content .error {
	display: block;
	float: left;
	width: 400px;
	height: 50px;
	background: url(gfx/error.jpg) top left no-repeat;
	color: #fff;
	padding: 60px 40px 10px 40px;
}

#formthx h3,
.error h3 {
	display: none;
}

#formthx p {
	color: #fff;
	padding: 70px 10px 20px 40px;
}

#content a {
	color: #609500;
	text-decoration: none;
	border-bottom: 1px #fff solid;
}

#content a:hover {
	color: #fff;
	background: #609500;
	border-bottom: 1px #fff solid;
	text-decoration: none;
}

#content h4.poc {
	font-size: 18px;
	color: #3d3d3d;
	padding: 0 0 0 10px;
}

#content strong {
	color: #3d3d3d;
}

#content p.az {
	padding: 5px 0 8px 10px;
}

#content p.zobacz2 {
	display: block;
	width: 57px;
	height: 20px;
	margin: 0 0 10px 0;
}

#content p.zobacz2 a {
	display: block;
	width: 49px;
	height: 16px;
	padding: 2px 4px 2px 4px;
	background: url(gfx/zobaczbg.gif) 0 0 no-repeat;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	border: none;
}

#content p.zobacz2 a:hover {
	display: block;
	width: 49px;
	height: 16px;
	padding: 2px 4px 2px 4px;
	background: url(gfx/zobaczbg.gif) 0 -20px no-repeat;
	font-size: 12px;
	color: #69a300;
	text-decoration: none;
	border: none;	
}

#portfolioCategoryMenu {
	margin: 30px 10px 0 10px;
	display: block;
	width: 697px;
	height: 35px;

	list-style: none;
}

#portfolioCategoryMenu li {
	display: block;
	height: 35px;
	float: left;
}

#portfolioCategoryMenu li a {
	display: block;
	height: 35px;
	overflow: hidden;
	text-indent: -999em;
}

#portfolioCategoryMenu li#pcm1 { width: 212px; }
#portfolioCategoryMenu li#pcm1 a { width: 212px; background: url(gfx/portfolioCategoryMenu.jpg) 0 -35px no-repeat; }
#portfolioCategoryMenu li#pcm1 a:hover { width: 212px; background: url(gfx/portfolioCategoryMenu.jpg) 0 0 no-repeat; }

#portfolioCategoryMenu li#pcm2 { width: 200px; }
#portfolioCategoryMenu li#pcm2 a { width: 200px; background: url(gfx/portfolioCategoryMenu.jpg) -212px 0 no-repeat; }
#portfolioCategoryMenu li#pcm2 a:hover { width: 200px; background: url(gfx/portfolioCategoryMenu.jpg) -212px -35px no-repeat; }

#portfolioCategoryMenu li#pcm3 { width: 94px; }
#portfolioCategoryMenu li#pcm3 a { width: 94px; background: url(gfx/portfolioCategoryMenu.jpg) -412px 0 no-repeat; }
#portfolioCategoryMenu li#pcm3 a:hover { width: 94px; background: url(gfx/portfolioCategoryMenu.jpg) -412px -70px no-repeat; }

#portfolioCategoryMenu li#pcm4 { width: 191px; }
#portfolioCategoryMenu li#pcm4 a { width: 191px; background: url(gfx/portfolioCategoryMenu.jpg) -506px 0 no-repeat; }
#portfolioCategoryMenu li#pcm4 a:hover { width: 191px; background: url(gfx/portfolioCategoryMenu.jpg) -506px -105px no-repeat; }


.body-portfolio #portfolioCategoryMenu li#pcm1 a,
.body-portfolio #portfolioCategoryMenu li#pcm1 a:hover,
.body-pociag-viessmann #portfolioCategoryMenu li#pcm1 a,
.body-pociag-viessmann #portfolioCategoryMenu li#pcm1 a:hover,
.body-sztaplar-show #portfolioCategoryMenu li#pcm1 a,
.body-sztaplar-show #portfolioCategoryMenu li#pcm1 a:hover,
.body-konferencja-pojazdow-specjalizowanych-vw #portfolioCategoryMenu li#pcm1 a,
.body-konferencja-pojazdow-specjalizowanych-vw #portfolioCategoryMenu li#pcm1 a:hover,
.body-sympozjum #portfolioCategoryMenu li#pcm1 a,
.body-sympozjum #portfolioCategoryMenu li#pcm1 a:hover,
.body-mistrzostwa-polski-instalatorow #portfolioCategoryMenu li#pcm1 a,
.body-mistrzostwa-polski-instalatorow #portfolioCategoryMenu li#pcm1 a:hover { 
	background: url(gfx/portfolioCategoryMenu.jpg) 0 0 no-repeat; 
}

.body-akcje-prosprzedazowe #portfolioCategoryMenu li#pcm2 a,
.body-akcje-prosprzedazowe #portfolioCategoryMenu li#pcm2 a:hover,
.body-promocje-grundfos #portfolioCategoryMenu li#pcm2 a,
.body-promocje-grundfos #portfolioCategoryMenu li#pcm2 a:hover,
.body-klub-koramic #portfolioCategoryMenu li#pcm2 a,
.body-klub-koramic #portfolioCategoryMenu li#pcm2 a:hover,
.body-torggler-chemia-budowlana #portfolioCategoryMenu li#pcm2 a,
.body-torggler-chemia-budowlana #portfolioCategoryMenu li#pcm2 a:hover,
.body-orlen-gaz #portfolioCategoryMenu li#pcm2 a,
.body-orlen-gaz #portfolioCategoryMenu li#pcm2 a:hover,
.body-pilkington-f1 #portfolioCategoryMenu li#pcm2 a,
.body-pilkington-f1 #portfolioCategoryMenu li#pcm2 a:hover { 
	background: url(gfx/portfolioCategoryMenu.jpg) -212px -35px no-repeat;
}

.body-kreacja #portfolioCategoryMenu li#pcm3 a,
.body-kreacja #portfolioCategoryMenu li#pcm3 a:hover,
.body-kreacja-lhoist #portfolioCategoryMenu li#pcm3 a,
.body-kreacja-lhoist #portfolioCategoryMenu li#pcm3 a:hover,
.body-kreacja-polam-suwalki #portfolioCategoryMenu li#pcm3 a,
.body-kreacja-polam-suwalki #portfolioCategoryMenu li#pcm3 a:hover,
.body-kreacja-aluplast #portfolioCategoryMenu li#pcm3 a,
.body-kreacja-aluplast #portfolioCategoryMenu li#pcm3 a:hover,
.body-kreacja-kingspan #portfolioCategoryMenu li#pcm3 a,
.body-kreacja-kingspan #portfolioCategoryMenu li#pcm3 a:hover,
.body-kreacja-rexam #portfolioCategoryMenu li#pcm3 a,
.body-kreacja-rexam #portfolioCategoryMenu li#pcm3 a:hover { 
	background: url(gfx/portfolioCategoryMenu.jpg) -412px -70px no-repeat; 
}

.body-najnowsze-realizacje #portfolioCategoryMenu li#pcm4 a,
.body-najnowsze-realizacje #portfolioCategoryMenu li#pcm4 a:hover,
.body-dachy-plaskie-i-tarasy #portfolioCategoryMenu li#pcm4 a,
.body-dachy-plaskie-i-tarasy #portfolioCategoryMenu li#pcm4 a:hover,
.body-marketing-budowlany-od-kuchni #portfolioCategoryMenu li#pcm4 a,
.body-marketing-budowlany-od-kuchni #portfolioCategoryMenu li#pcm4 a:hover,
.body-grundfos-black-pumps #portfolioCategoryMenu li#pcm4 a,
.body-grundfos-black-pumps #portfolioCategoryMenu li#pcm4 a:hover,
.body-honeywell #portfolioCategoryMenu li#pcm4 a,
.body-honeywell #portfolioCategoryMenu li#pcm4 a:hover,
.body-kingspan #portfolioCategoryMenu li#pcm4 a,
.body-kingspan #portfolioCategoryMenu li#pcm4 a:hover,
.body-volkswagen-samochody-uzytkowe #portfolioCategoryMenu li#pcm4 a,
.body-volkswagen-samochody-uzytkowe #portfolioCategoryMenu li#pcm4 a:hover,
.body-grundfos-alpha2 #portfolioCategoryMenu li#pcm4 a,
.body-grundfos-alpha2 #portfolioCategoryMenu li#pcm4 a:hover
{ 
	background: url(gfx/portfolioCategoryMenu.jpg) -506px -105px no-repeat; 
}

#content h2 {
	display: block;
	width: 434px;
	height: 57px;
	text-indent: -999em;
	margin: 0 0 15px 0;
}


.body-portfolio #content h2,
.body-akcje-prosprzedazowe #content h2,
.body-kreacja #content h2,
.body-najnowsze-realizacje #content h2,
.body-dachy-plaskie-i-tarasy #content h2,
.body-marketing-budowlany-od-kuchni #content h2,
.body-pociag-viessmann #content h2,
.body-sztaplar-show #content h2,
.body-sympozjum #content h2,
.body-mistrzostwa-polski-instalatorow #content h2,
.body-konferencja-pojazdow-specjalizowanych-vw #content h2,
.body-klub-koramic #content h2,
.body-promocje-grundfos #content h2,
.body-torggler-chemia-budowlana #content h2,
.body-orlen-gaz #content h2,
.body-grundfos-alpha2 #content h2,
.body-pilkington-f1 #content h2,
.body-kreacja-lhoist #content h2,
.body-grundfos-black-pumps #content h2,
.body-kreacja-polam-suwalki #content h2,
.body-kreacja-aluplast #content h2,
.body-kreacja-kingspan #content h2,
.body-honeywell #content h2,
.body-volkswagen-samochody-uzytkowe #content h2,
.body-kingspan #content h2,
.body-kreacja-rexam #content h2
 {
	width: 395px;
	margin: 0 0 15px 0;
	background: url(gfx/title_efekty.gif) no-repeat;
}


#content h2 {
	width: 434px;
	background: url(gfx/title_najnowszerealizacje.gif) no-repeat;
	margin: 0 auto;
}

.body-co-robimy #content h2 {
	margin: 0 0 15px 0;
	width: 208px;
	background: url(gfx/title_corobimy.gif) no-repeat;
}

.body-dzialania #content h2 {
	margin: 0 0 15px 0;
	width: 263px;
	background: url(gfx/title_jakdzialamy.gif) no-repeat;
}

.body-nagrody #content h2 {
	margin: 0 0 15px 0;
	width: 420px;
	background: url(gfx/title_nagrody.gif) no-repeat;
}

.body-kontakt #content h2 {
	margin: 0 0 15px 0;
	width: 175px;
	background: url(gfx/title_kontakt.gif) no-repeat;
}

#pfolioLeft {
	width: 300px;
	min-height: 246px;
	float: left;
	padding: 20px 0 0 20px;
}

#pfolioSubMenu {
	list-style: none;
	display: block;
	width: 300px;
}

#pfolioSubMenu li {
	display: block;
	width: 300px;
	margin: 0 0 1px 0;
}

#pfolioSubMenu li a {
	display: block;
	width: 280px;
	padding: 7px;
	color: #fff;
	background: #b2b3b5;
	text-decoration: none;
	font-size: 13px;

}

#pfolioSubMenu li a:hover {
	display: block;
	width: 280px;
	padding: 7px;
	color: #fff;
	background: #82ca00;
	text-decoration: none;
	font-size: 13px;

}

#pfolioContent {
	width: 600px;
	min-height: 246px;
	float: left;
	padding: 20px;
}

#pfolioContent h3 {
	font-size: 28px;
	color: #78bb00;
	padding: 0 0 10px 0;
}

#pfolioBg {
	width: 960px;
	min-height: 246px;
	background: url(gfx/pfolio_bg.jpg) top no-repeat;
}

#bottom {
	margin: 0 auto;
	width: 960px;
	height: 45px;
	background: url(gfx/bottombg.gif) top repeat-x;
	padding: 20px 0 0 0;
}

#bottom p {
	font-size: 12px;
	color: #a3a9a5;
	text-align: center;
}

#bottom a {
	color: #95b55d;
	text-decoration: none;
}

#bottom a:hover {
	color: #95b55d;
	text-decoration: underline;
}

#screenshots {
	padding: 0 0 0 10px;
}

#screenshots a, #screenshots a:hover {
	border: none;
	background: transparent;
}

.thumbnail {
	float: left;
	margin: 0 22px 22px 0;
}

.thumbnail a img {
	border: 1px #fff solid;
}

.thumbnail a:hover img {
	border: 1px #717171 solid;
}


#lightbox{

	position: absolute;

	top: 40px;

	left: 0;

	width: 100%;

	z-index: 100;

	text-align: center;

	line-height: 0;

	}



#lightbox a img{ border: none; }



#outerImageContainer{

	position: relative;

	background-color: #fff;

	width: 250px;

	height: 250px;

	margin: 0 auto;

	}



#imageContainer{

	padding: 10px;

	}



#loading{

	position: absolute;

	top: 40%;

	left: 0%;

	height: 25%;

	width: 100%;

	text-align: center;

	line-height: 0;

	}

#hoverNav{

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	z-index: 10;

	}

#imageContainer>#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}



#prevLink, #nextLink{

	width: 49%;

	height: 100%;

	background: transparent url(./images/blank.gif) no-repeat; /* Trick IE into showing hover */

	display: block;

	}

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(./images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(./images/nextlabel.gif) right 15% no-repeat; }





#imageDataContainer{

	font: 10px Verdana, Helvetica, sans-serif;

	background-color: #fff;

	margin: 0 auto;

	line-height: 1.4em;

	}



#imageData{

	padding:0 10px;

	}

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	

#imageData #caption{ font-weight: bold;	}

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			

#imageData #bottomNavClose{ width: 84px; float: right;  padding-bottom: 0.7em;	}	

		

#overlay{

	position: absolute;

	top: 0;

	left: 0;

	z-index: 90;

	width: 100%;

	height: 500px;

	background-color: #000;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

	}

	



.clearfix:after {

	content: "."; 

	display: block; 

	height: 0; 

	clear: both; 

	visibility: hidden;

	}



* html>body .clearfix {

	display: inline-block; 

	width: 100%;

	}



* html .clearfix {

	/* Hides from IE-mac \*/

	height: 1%;

	/* End hide from IE-mac */

	}