/* base style */
/* celowo rozbilem na pojedyncze klasy zeby bylo bardziej czytelne ale jak ktos chce niech sobie scala w calosc dla kilku klas :) */
* { padding: 0; margin: 0 }

BODY { /* glowne ustawienia dla <BODY> */
	background-color: #f8f6f6; 
	font: 14px Verdana, Arial, Sans-Serif; 
	line-height: 1.4em;
	color : #4c4d4f; 

}
.clear { /* ustala parametr dla <div> ? powoduje wyswietlanie kolejnej zawartosci pod spodem danego bloku */
	clear: both;
}
H1 {
	font-size: 13px;
	font-weight: bold;
	color: #4c4d4f;
}
H2 {
	font-size: 11px;
	font-weight: normal;
	color: #4c4d4f;
	letter-spacing: -1px;
}

#bodyMain { /* ustawia pozycje calosci strony (obszar wyswietlany i wycentrowany) */
	margin: 0px auto;
	width: 960px;
	height: 100%;
	display: block;
	text-align: center;
	background-color: #ffffff;
	padding: 10px;
}
#header { /* ustawia pozycje naglowka header (banner + menu + ew slogan) */
	position: relative;
	width: 100%;
	display: block;
	background-color: #e4e4e4;
	height: auto;
}
#setMenuG { /* ustawia pozycje menu glownego */
	position: relative;
	width: 100%;
	display: block;
	background-color: #ffffff;
	height: 24px;
	border-top: 0px solid #A52A2a;
	border-bottom: 0px solid #A52A2a;
	/* text-align: left; */
	margin-top: 0px;
	margin-bottom: 2px;
	background-image: url('../gfx/bg1.gif');
}
.menuGLi {
	display: inline;
	height: 24px;
	margin-top: 4px;
	padding-left: 5px;
	padding-right:  5px;
}
A.menuG {
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	padding: 3px;
	height: 24px;
}
A.menuG:link  {
	color : #ffffff;
}
#gfx1 {
	float:left;
	border: 0px;
	display: inline-block;
	margin-left: 84px;
}
#gfx2 {
	float:right;
	border: 0px;
	display: inline-block;
	margin-right: 2px;
}
#callToOrder, #onlineQuote {
	font-size:  10px;
	letter-spacing:  -1px;
}
#callToOrder {
	margin-left: 80px;
}
A.menuG:active  {
	color : #ffffff;
}

A.menuG:visited  {
	color : #ffffff;
}

A.menuG:hover  {
	color : #e4e4e4;
	text-decoration: none;
	background-image: url('../gfx/bg1.gif');
	height: 24px;
}


A.menuGH {
	font-size:12px;
	color : #b09b7e;
	text-decoration: none;
	padding:3px;
	font-weight: normal;
	background-image: url('../gfx/bg1.gif');
}
A.menuGH:link  {
	color : #e4e4e4;
}

A.menuGH:active  {
	color : #e4e4e4;
}

A.menuGH:visited  {
	color : #e4e4e4;
}

A.menuGH:hover  {
	color: Silver;
	text-decoration: none;
}
.dot {
	padding-right: 3px;
	padding-top: 5px;
	padding-left: 3px;
}
#content {
	position: relative;
	display: block;
	text-align: left;
	width: 100%;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #fff;
	height: auto;
}
#setMenuL { /* definiuje bloku bloku menu lewego */
	position: relative;
	display: block;
	width: 190px;
	float: left;
	height: 100%;
	background-color: #ffffff;
	min-height: 100%;
	/* border: 1px solid #000000; */
}
#menuL a, #menuL a:visited 
{
text-decoration:none;
text-align:left;
background-color:#f8f6f6;
color:#000;
display:block;
width:170px;
padding:0.3em;
margin:0.2em 0;
border-right:2px solid #fff;
font-size: 11px;
}
#menuL a:hover 
{
border-right:2px solid #f8f6f6;
color : #B40D0D;
background-color: #fff;
}
#menuLUL, #menuLPUl {
	list-style: none;
}
#setContent { /* definiuje ustawienia glownej zawartosci strony - texty - galerie - newsy itd */
	display: block;
	text-align: left;
	width: 760px;
	border: 0px solid #000000;
	float: right;
	padding-left: 5px;
}
#setContentMenuLHidden { /* ustawia parametry dla home jezeli menu lewe ma na niej byc ukryte */
	display: block;
	text-align: left;
	width: 100%;
	border: 1px solid #000000;
	/* float: right; */
	border-right-style: outset;
	border-top-style: inset;
	border-left-style: inset;
	border-bottom-style: outset;
}
#textContent {/* dufiniuje sposob wyswietlania glownej zawartosci wymianiej dynamicznie z bazy danych */
	padding-top: 15px;
}
#textContentMenuLHidden {
	padding: 0px;
}
/* ustawienia dla banera trzykolumnowego */
#tColOne {
	display: block;
	float: left;
	background-color: #ffffff;
	width: 214px;
	height: 82px;
	text-align: left;
}
#tColTwo {
	display: block;
	float: left;
	background-color: #ffffff;
	width: 526px;
	height: 82px;
	color: #4c4d4f;
}
#tColThree {
	display: block;
	float: left;
	background-color: #ffffff;
	width: 220px;
	height: 82px;
}
#dColOne {
	display: block;
	float: left;
	background-color: #ff00ff;
	width: 50%;
}
#dColTwo {
	display: block;
	float: left;
	background-color: #0000ff;
	width: 50%;
}
/* ustawienie wyswietlania dla newsow w pojedynczej kolumnie */
.newsOneCol, .textColOne {
	display: block;
	width: 100%;
}
.newsImageOneCol {
	width: 200px;
	height: 200px;
	border: 1px solid #ebebeb;
	padding: 5px;
	background-color: #ffffff;
	text-align: left;
	float: left;
}
.newsOneTextBlock {
	display: block;
	width: 100%;
}
.newsTitleOne H3{
	color: #4c4d4f;
}
.textImageOneCol {
	max-width: 720px;
}
.newsShortDescription P {
	padding: 5px;
}
/* obszar ustawien dla portfolio */
#portfolio {
	display: block;
	width: 100%;
	text-align: right;
}
.portfolioBlock {
	position: relative;
	display: block;
	float: left;
	text-align: center;
	height: auto;
	background-color: #ffffff;
	border: 0px solid #000000;
	margin: 5px;
}
/* ustawienie parametrow samego zdjecia w portfolio */
.setImegePortfolio {
	background-color: inherit;
	padding: 3px;
	border: 1px solid #e2e2e2;
	/*max-width: 354px;  szerokosc musi byc tak sama jak dla powyzszego ustawienia minus 2x padding */
	height: auto;
	min-height: 120px;
	
}
/* ustawienia dla tytulu zdjecia w portfolio */
.portfolioTitle {
	font-weight: bold;
	font-size: 95%;
	color: #75797a;
	padding-bottom: 5px;
}
/* ustawienie tekstu pod zdjeciem w portfolio */
.portfolioText, .portfolioLink {
	position: relative;
	margin: 0px auto;
	text-align: justify;
	width: auto; /* ustawienie na jakiej szerokosc pod zdjeciem ma sie wyswietklac tekst */
}
.portfolioText {
	letter-spacing: -1px;
	background-color: #f8f6f6;
	padding: 4px;
	line-height: 13px;
	height: auto;
	font-size: 12px;
}
A.portfolioLink {
	text-decoration: none;
	color: inherit;
}
A.portfolioLink:hover {
	text-decoration: underline;
}
/* definicja obszaru galerii */
#gallery {
	display: block;
	width: 100%;
}
.galleryBlock {
	position: relative;
	display: block;
	float: left;
	text-align: center;
	width: 240px; /* przy trzech grafikach ok 240 px - trzeba sprawdzac bo zalezy od bordera grafiki - przy 2 min 360px*/
	height: auto;
	background-color: #ffffff;
	border: 0px solid #000000;
	margin: 3px;
	min-height: 250px; /* ten parametr trzeba ustawic w zaleznosci ile jest linii w tytule zdjecia*/
}
/* ustawienie parametrow samego zdjecia w galerii */
.setImageGallery {
	background-color: #000000;
	padding: 3px;
	border: 0px solid inherit;
	max-width: 354px; /* szerokosc musi byc tak sama jak dla powyzszego ustawienia minus 2x padding */
}
/* ustawienia dla tytulu zdjecia w galerii */
.galleryTitle {
	font-weight: bold;
	font-size: 110%;
	color: #4c4d4f;
}

A.galleryLink {
	text-decoration: none;
	color: inherit;
}
#content960 {
	display: block;
	position: relative;	
	width: 100%;
	border: 0px solid #000000;
	margin: 0px auto;
	text-align: center;
	height: auto;
}
.aboutBlock {
	display: block;
	margin: 0px;
}
.aboutTextBlock {
	display: block;
	float: left;
	width: 340px;
	display: inline-block;
}
.aboutLeftImage, .aboutRightImage {
	float: left;
	width: 310px;
	display: inline-block;
}
.aboutLeftImageDisplay {
	background-color: #ebebeb;
	border:1px solid #000000;
	margin:2px;
	padding:2px;
	text-align: left;
	float: left;
}
.aboutRightImageDisplay {
	background-color: #ebebeb;
	border:1px solid #000000;
	margin:2px;
	padding:2px;
	text-align: right;
	float: right;
	width: 300px;
}
.aboutLeftText {
	display: block;
	font-size: 11px;
	text-align: left;
	padding-left: 3px;
	padding-right: 65px;
	height: 100px;
	vertical-align: top;
	padding-top: 3px;
}
.aboutRightText {
	display:  block;
	font-size: 11px;
	text-align: right;
	padding-left: 65px;
	padding-right: 3px;
	vertical-align: bottom;
	height: 100px;
	padding-top: 3px;
}
.spanJustify {
	text-align: justify;
	line-height: 13px;
}
#enquiryLinkH1 { color:#99bf0a;font-size:2em;background-color:white;margin-top:10px; }
/* 17-11-2009 */
#quickLink {
	width: 100%;
	height: auto;
	background-color: white;
	background-image: url('../gfx/roll.gif');
	background-repeat: repeat-y;
	text-align: left;
	min-height: 150px;
	
}
.linkColOne {
	display: inline-block;
	float: left;
	width: auto;
	padding:10px;
	border: 0px solid #000000;
}
A.qLink, A.qLink:active, A.qLink:visited {
	font-size: 90%;
	text-decoration: none;
	color: #4C4D4F;
}
A.qLink:hover {
	text-decoration: underline;
}