@charset "UTF-8";

/* Podstawowe tagi
====================*/

body
{
	background-color: #008550;
	color: #2D2D2D;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:65%;
}

a img
{
	border: 0 none;
}

a:link, a:visited
{
	text-decoration:underline;
}

a:hover, a:active
{
	text-decoration:none;
}

#content a
{
	color:#00854F;
	font-weight:bold;
}

h2
{
	border-bottom:#ECECEC 1px solid;
	color:#00854F;
	font-size:24px;
	font-weight:normal;
	height:35px;
	margin-bottom:11px;
}

h3
{
	color:#00854F;
	font-size:14px;
	font-weight:bold;
}

.opera em
{
	font-size:1.1em;
}

p.helvetica
{
	padding: 10px 20px 0;
}

/* główne (powtarzalne) klasy
===============================*/

.inv
{
	display: none;
}

.container
{
	clear: both;
	margin: 0 auto;
	position:relative;
	width:963px;
}

.clear
{
	clear:both;
}

.menu
{
	list-style: none;
}

.menu li
{
	float: left;
}

.menu a:link, .menu a:visited
{
	color:#FFFFFF;
	text-decoration: none;
}

.menu a:hover, .menu a:active
{
	text-decoration: underline;
}

.col
{
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	background-position: -327px 0;
	float:left;
	min-height:229px;
	padding:10px;
	width:301px;
}

.sub .col
{
	background-image:none;
	width:250px;
}

.col.first
{
	background-image:none;
}

.sub .col.first
{
	padding:10px 0;
	width: 673px;
}

.ie6 .col
{
	height:229px;
}

.col ul
{
	list-style:none;
}

#content .col li, #content .col .thumbscontainer dd li
{
	background-image:url(img/backgrounds.gif);
	background-position:-359px -556px;
	background-repeat:no-repeat;
	float:none;
	margin-bottom:8px;
	padding-left:25px;
	width: auto;
}

.ie #content .col .thumbscontainer dd li
{
	margin-bottom:0;
}

.box
{
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	background-position: 0 -307px;
	height:160px;
	margin-left:14px;
	margin-top:20px;
	padding:5px;
	position:relative;
	width:231px;
}

#content .box h3, #p2 #content .box h3, #p4 #content .box h3
{
	font-size:1.7em;
	padding-left:0;
}

.box p
{
	color: #CACACA;
	font-size:1.2em;
	line-height:150%;
	text-align:right;
}

.box p.norplc
{
	bottom:20px;
	position:absolute;
	right:10px;
}

.box .strong
{
	color:#A5CF4C;
	font-size:1.2em;
	font-weight:bold;
}

.box p.file
{
	font-size:1.1em;
	line-height:115%;
	padding-right:35px;
	padding-top:13px;
	position:static;
}

#content .box a
{
	font-size:1.1em;
	font-weight:bold;
	margin-top:3px;
	position:relative;
	z-index:1;
}

.bkg
{
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	bottom:20px;
	height:55px;
	width:54px;
	left:10px;
	position:absolute;
	z-index:0;
}

#wycena .bkg
{
	background-position:-290px -430px;
}

.en #materialy
{
	background-image:url(img/backgrounds_en.gif);
	background-position:0 -589px;
	height:108px;
}

 .en #portfolio
{
	background-image:url(img/backgrounds_en.gif);
	background-position:0 -727px;
	height:123px;
}

#materialy .bkg
{
	background-position:-290px -362px;
}

#portfolio .bkg
{
	background-position:-293px -491px;
}

#materialy .images
{
	bottom:25px;
	position:absolute;
	right:0;
}

#materialy .images img
{
	display:block;
	margin:8px 10px;
}



.content_block
{
	color:#00854F;
	float:left;
	padding-right:30px;
}

#content ul
{
	padding-left:12px;
}

#content li
{
	line-height:120%;
}

#p2 #content h3, #p4 #content h3, #p22 #content h3, #p33 #content h3
{
	margin:0;
	padding-left:71px;
}

#p4 #content h3, #p22 #content h3, #p33 #content h3
{
	padding-left:75px;
}

img.ico
{
	clear:left;
	margin-bottom:30px;
	margin-top:-23px;
}

/* layout
===========*/

#head
{
	background-color: #00854F;
	border-bottom: #A5CF4C 8px solid;
	color: #FFFFFF;
	height: 113px;
}

#top
{
	background-color: #A5CF4C;
	background-image:url(img/top_main.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	height:284px;
}

#mid
{
	background-color:#FFFFFF;
}

#top.sub
{
	background-image:url(img/top_sub.jpg);
}

.ie6 #top.sub
{
	background-image:url(img/top_sub_ie.jpg);
}

#content
{
	font-size: 1.1em;
}

#foot
{
	background-color:#008550;
	border-top: #A5CE4A 8px solid;
	clear:both;
	height: 64px;
}

/* pojedyncze elementy
========================*/

h1
{
	padding: 35px 0 0 6px;
}

#littleMenu
{
	font-size:1.1em;
	left:706px;
	position: absolute;
	top: 9px;
	z-index:5;
}

.en #littleMenu
{
	left:712px;
}

#littleMenu li
{
	margin-right:8px;
	word-spacing:7px;
}

#littleMenu li a
{
	word-spacing:normal;
}

#ajaxSearch_form
{
	position:absolute;
	left:756px;
	top:40px;
}

#ajaxSearch_input
{
	background-color:#FFFFFF;
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border: 0 none;
	font-size:0.9em;
	height:15px;
	padding: 5px 7px 3px;
	width:147px;
}

.ie8 #ajaxSearch_input
{

}

#ajaxSearch_submit
{
	background-color: transparent;
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	background-position: -162px 2px;
	border: 0 none;
	height:22px;
	width:19px;
}

.ie8 #ajaxSearch_submit
{
	float:right;
	margin-top:1px;
}

.ajaxSearch_highlight
{
	font-weight:bold;
}

#mainMenu
{
	position:absolute;
	right:0;
	top:88px;
}

#mainMenu a:link, #mainMenu a:visited
{
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 137px;
}

.en #mainMenu a:link, .en #mainMenu a:visited
{
	background-image:url(img/backgrounds_en.gif);
}

a#Produkt:link,a#Produkt:visited
{
	background-position: 0 -24px;
}

a#Produkt:hover,a#Produkt:active,a#Produkt.active
{
	background-position: -150px -24px;
}

a#Korzy\015b ci:link,a#Korzy\015b ci:visited
{
	background-position: 0 -54px;
}

a#Korzy\015b ci:hover,a#Korzy\015b ci:active,a#Korzy\015b ci.active
{
	background-position: -150px -54px;
}

a#Portfolio:link,a#Portfolio:visited
{
	background-position: 0 -84px;
}

a#Portfolio:hover,a#Portfolio:active,a#Portfolio.active
{
	background-position: -150px -84px;
}

a#Jak_dzia\0142 amy:link,a#Jak_dzia\0142 amy:visited
{
	background-position: 0 -114px;
}

a#Jak_dzia\0142 amy:hover,a#Jak_dzia\0142 amy:active,a#Jak_dzia\0142 amy.active
{
	background-position: -150px -114px;
}

a#Kontakt:link,a#Kontakt:visited
{
	background-position: 0 -144px;
}

a#Kontakt:hover,a#Kontakt:active,a#Kontakt.active
{
	background-position: -150px -144px;
}

#mainMenu li a#Zapytaj_o_cene:link,a#Zapytaj_o_cene:visited
{
	background-position: 0 -174px;
	margin-right:23px;
	width:148px;
}

#mainMenu li a#Zapytaj_o_cene:hover,a#Zapytaj_o_cene:active,a#Zapytaj_o_cene.active
{
	background-position: -165px -174px;
}

#top .container
{
	padding-top:10px;
}

#showBox
{
	position:relative;
}

#showBox.smaller
{
	background-image:url(img/showBox_smaller.png);
	height:187px;
	width:454px;
}

#showBox.smaller p
{
	padding: 26px 0 0 36px;
}

#showBox.smaller #showBoxMenu
{
	bottom:7px;
	position:absolute;
	right:0;
}

#showBox.smaller #showBoxMenu a
{
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	display:block;
	width:140px;
	height:23px;
}

.en #showBox.smaller #showBoxMenu a
{
	background-image:url(img/backgrounds_en.gif);
}

#folio_photo
{
	border:2px solid #E9F4DB;
	float:left;
	height:200px;
	margin:10px;
	width:300px;
}

#folio_desc
{
	float:left;
	height:200px;
	margin:10px;
	width:594px;
}

a#Zobacz-portfolio:link,a#Zobacz-portfolio:visited
{
	background-position: 0 -236px;
}

a#Zobacz-portfolio:hover,a#Zobacz-portfolio:active
{
	background-position: -150px -236px;
}

a#Zapytaj-o-cene:link,a#Zapytaj-o-cene:visited
{
	background-position: 0 -206px;
}

a#Zapytaj-o-cene:hover,a#Zapytaj-o-cene:active
{
	background-position: -150px -206px;
}

#showBox.larger
{
	background-image:url(img/showBox_larger.png);
	height:236px;
	margin-top:10px;
	width:938px;
}

#footMenu
{
	color: #AAd6C5;
	padding-top:27px;
}

#footMenu li
{
	margin-right:8px;
	word-spacing:7px;
}

#footMenu a
{
	color: #AAd6C5;
	word-spacing:normal;
}

#foot p
{
	color: #FFFFFF;
	margin-top:-11px;
	text-align:right;
}

#foot p img
{
	vertical-align:middle;
}

/* IE fixes
============*/

.ie #ajaxSearch_submit
{
	background-position: -162px -1px;
}

.ie6 #mainMenu
{
	margin-right:5px;
}

/* Scroll
==========*/

#scroll
{
	padding:3px;
}

div.scrollable
{
	height:236px;
	overflow:hidden;
	position:relative;	
	width: 938px;
	z-index:1;
}

div.scrollable div.items {
	width:20000em;
	position:absolute;
	clear:both;
}

div.scrollable div.items div {
	float:left;
	position:relative;
	width:938px;
}
div.scrollable div.items div.active
		{
	display: block;
}

div#naviWrapper
{
	left:100%;
	margin-top:-36px;
	position:absolute;
	z-index:999;
}

.ie6 div#naviWrapper
{
	bottom:23px;
	left:auto;
	right:25px;
}

.navi {
	margin-right: 8px;
}

div.navi a
{
	background-image:url(img/backgrounds.gif);
	background-position: -227px 0;
	color: #00854F;
	display: block;
	float: left;
	font-size: 1.2em;
	font-weight:bold;
	height:19px;
	padding-top:4px;
	text-align:center;
	text-decoration: none;
	width:38px;
}

div.navi a:hover, div.navi a:active, div.navi a.active
	{
	background-position: -277px 0;
	color:#FFFFFF;
	font-size:1.3em;
	padding:3px 0 1px 0;
	}

/* Zapytaj o cene
===================*/

#zapytaj_o_cene
{
	margin-top:5px;
}

#zapytaj_o_cene p
{
	margin:10px 0;
}

#zapytaj_o_cene fieldset
{
	position:relative;
}

#zapytaj_o_cene fieldset#first
{
	border-bottom: 1px solid #ECECEC;
	margin-bottom:5px;
	padding-bottom:5px;
}

#zapytaj_o_cene label
{
	color:#00854F;
	cursor:pointer;
	display:block;
	float:left;
	padding:6px 20px 0 0;
	text-align:right;
	width:200px;
}

#zapytaj_o_cene input.text, #zapytaj_o_cene textarea, #zapytaj_o_cene input.file, #zapytaj_o_cene select
{
	border: #E5E5E5 2px solid;
	border-width:3px 1px 1px 2px;
	height:15px;
	width: 407px;
	padding:5px;
}

#zapytaj_o_cene select
{
	height:auto;
	width:420px;
}

#zapytaj_o_cene input#file
{
	border:#f00 1px solid;
}

#zapytaj_o_cene input.file
{
	width:378px;
}

#zapytaj_o_cene textarea
{
	font-family:Tahoma, Verdana, Arial, sans-serif;
	height: 89px;
}

.buttons_container input
{
	background-color:transparent;
	background-image:url(img/backgrounds.gif);
	background-position:-1px -479px;
	background-repeat:no-repeat;
	border:medium none;
	float:right;
	height:28px;
	margin-right:32px;
	width:96px;
}

.en .buttons_container input
{
	background-image:url(img/backgrounds_en.gif);
}

#falseFile
{
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	background-position:-1px -508px;
	cursor:pointer;
	margin:-29px 34px 0 0;
	position:absolute;
	right:0;
	height:28px;
	width:28px;
}

.ie #falseFile
{
	margin: 2px 33px 0 0;
}

.ie8 #falseFile
{
	margin:-29px 34px 0 0;
}

#zapytaj_o_cene
{
	font-weight:bold;
}

#zapytaj_o_cene strong
{
	color: #CA0001;
	font-size:1.2em;
}

#zapytaj_o_cene .nobold
{
	font-weight:normal;
}

/* sIFR
=========*/

/* These are standard sIFR styles... do not modify */

.col .sIFR-flash
{
	/*margin:0 -12px -9px 0;*/
}

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

#p2 h3.sIFR-replaced , #p4 h3.sIFR-replaced
{
	margin:0 0 -5px;
	padding-left:74px;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

.col .h3
{
	font-size:18px;
	letter-spacing:-0.02em;
}

.light-green
{
	color: #A5CF4C;
	font-size:1.1em;
}

.light-green .sIFR-flash
{
	margin: 0 0 -5px 0;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

#showBox.smaller p
{
	font-size: 14px;
	/*font-weight:bold;*/
	color: #000000;
	line-height: 160%;
	text-align: left;
}

#showBox.smaller p em, #showBox.smaller p em
	{
	color: #00854F;
	font-size:18px;
	font-style:normal;
	}

.bigger
{
	font-size:1.2em;
}

/* Portfolio & Lightbox
=============*/

.thumbscontainer
{
	margin-left:-10px;
}

.thumbscontainer h3 {
	height: 20px;
	}

.thumbscontainer ul
{
	list-style:none;
}

#content .col .thumbscontainer li
{
	background-image:none;
	float:left;
	list-style:none;
	margin:0 10px 40px 0;
	padding:0;
	text-align:left;
	width:320px;
}

.thumbscontainer li dl
{
	height:240px;
}

.thumbscontainer li dt, .thumbscontainer li dd
{
	color:#585858;
	padding:5px 10px;
}

.thumbscontainer li dt
{
	padding-bottom:0;
}

.thumbscontainer li dd
{
	padding-top:2px;
}

.thumbscontainer li dd ul
{
	padding-top:10px;
}

.thumbscontainer li dt
{
	font-weight:bold;
}

.thumbscontainer li dd.opis
{
	height:170px;
	overflow:hidden;
	text-align:justify;
}

.thumbscontainer li p
{
	border-bottom:#E5E5E5 1px solid;
	bottom:0;
	height:28px;
	margin: 5px 10px;
	padding-top:5px;
}

#content .thumbscontainer li p a
{
	background-image:url(img/backgrounds.gif);
	background-repeat: no-repeat;
	/*color:#8E8E8E;*/
	display:block;
	/*font-weight:normal;*/
	height:21px;
	float:left;
	padding:2px 0 0 28px;
	width:122px;
}

.thumbscontainer img
{
	background-image:url(img/portfolio_img.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height:150px;
	padding:6px 10px 19px 9px;
	width:300px;
}

a.odwiedz_strone
{
	background-position:0 -269px;
}

#content .thumbscontainer li p a.wi\0119 cej_o_projekcie
{
	background-position:-161px -269px;
	width:105px;
}

#lightbox-image
{
	background-image:url(img/portfolio_screen.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	height:371px;
	padding: 13px;
	width:868px;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#jquery-lightbox em
{
	color:#555555;
	font-variant:small-caps;
	font-style:normal;
}

#lightbox-container-image-box
{
	width: 908px !important;
}

.ie6 #lightbox-container-image-box
{
	width: 912px !important;
}

#lightbox-container-image { margin: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	margin-top:10px;
	position: relative;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a
{
	outline: none;
	position:absolute;
	top:0;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	/*zoom: 1;*/
	display: block;
}

#lightbox-nav-btnPrev {
	height: 30px;
	left: 0;
	z-index:11;
	width:110px;
}
#lightbox-nav-btnNext {
	height: 30px;
	left:240px;
	width:110px;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	position:relative;
	width: 888px !important;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	float: left;
	text-align: left;
	width:99%;
}
#lightbox-image-details-caption { font-weight: normal; }
#lightbox-image-details-caption dt
{
	background-image:url(img/backgrounds.gif);
	background-repeat:no-repeat;
	clear:both;
	float:left;
	font-weight:bold;
	height:30px;
	padding-top:8px;
	text-align:right;
	width:100px;
}

#lightbox-image-details-caption dd
{
	color: #303030;
	font-size:1.1em;
	margin-left:150px;
	padding-top:8px;
}

#lightbox-image-details-caption dd a
{
	color: #00854F;
	font-weight:bold;
}

#lightbox-image-details-caption dd p
{
	padding-top:16px;
	text-align:justify;
}

#lightbox-image-details-caption dt#Klient
{
	background-position:-288px -269px;
}

#lightbox-image-details-caption dt#Opis
{
	background-position:-288px -310px;
}

lightbox-image-details-caption dd
{
	float:left;
}

#lightbox-image-details-currentNumber {
	display:block;
	font-size:1.5em;
	font-weight:bold;
	margin:0 0 10px 120px;
	padding-bottom:1em;
	padding-top:10px;
	position:relative;
}
#lightbox-secNav-btnClose {
	bottom:10px;
	width: 103px;
	position:absolute;
	right:10px;
}