@charset "utf-8";

/*------------------------------------------------------------------ 
# [Podstawowy arkusz stylów] 
#  
# Projekt:    www.markiewicz.pl
# Wersja:    0.1 
# Modyfikowany:    23/05/09
# Stworzony przez:    Agencja Reklamowa 4PIXEL - www.4pixel.pl  
# -------------------------------------------------------------------*/

p { line-height: 1.4em; }

a { color: #fff; text-decoration: underline; }
a:hover { color: #f4f4f4; text-decoration: none; }
a img { border: 0; }

h2 { font-size:15px; }

h2 a, h1 a:hover { text-decoration: none; }

h3 a { font-size: 18px; color: #ffd9a9; text-decoration: none; }

h4 { font-size: 11px; font-weight: bold; }
h5 { font-size: 14px; font-weight: bold; color: #e1292b; }
h6 { font-size:14px; font-weight: bold; margin-bottom:6px; margin-top:0; }

html, body {

font-family: Tahoma, Geneva, sans-serif;
font-size: 11px;
color: #fff;
margin: 0; padding: 0;
background: url(images/pixel_04.jpg) repeat;
	
	
}

.right { float: right; }
.left { float: left; }

div.wrapper {

width:911px;
margin: 0 auto;
overflow: hidden;


}

div.clear {

clear: both;

}

h1 a { display: block; width:300px; height:135px; position: relative; top:-25px; text-indent:-9999px;}

div#header {

height: 169px;
background: url(images/pixel_01.jpg) no-repeat top center;

}

div#header ul { float: left; position: relative; top:-5px; margin-left:340px; width:170px; height:35px; display:inline;  }
div#header ul li { display: inline; }
div#header form { float: left;margin-left:50px; margin-top:6px; width: 245px; display:inline; }
div#header form input { width: 175px; height:18px; border: 1px solid #f4b507; background: #e65e02; font-family: Tahoma; font-size:11px; color: #fff; }
div#header .img { width: 50px; height: 20px; border: 0px; background:none; position: relative; top:5px; margin-left: 10px; }



div#subHeader {
	
height: 252px;
background: url(images/pixel_02.jpg) no-repeat top center;
	
}

div#subHeader ul {

float:right;
position: absolute;
top: 125px;
margin-left:360px;
z-index: 602;
background: url(images/pixels_03.png) no-repeat;
width:545px;
height: 27px;
overflow: hidden;
}

div#subHeader span {

position: absolute;
text-indent: -9999px;

}

div#subHeader ul a, div#subHeader ul li  {
	
height: 27px;
display: block;


}

div#subHeader a {
position: relative;
left:-40px;
}

div#subHeader li {

float: left;

}

div#subHeader ul li#nav-01 {
width: 108px;	
}
div#subHeader ul li#nav-02 {
width: 77px;	
}
div#subHeader ul li#nav-03 {
width: 126px;	
}
div#subHeader ul li#nav-04 {
width: 151px;	
}
div#subHeader ul li#nav-05 {
width: 82px;	
}


div#subHeader ul li#nav-01 a:hover {
background: url(images/pixelss_03.png) 0 -27px no-repeat;
}
div#subHeader ul li#nav-02 a:hover {
background: url(images/pixels_03.png) -108px -27px no-repeat;
}	
div#subHeader ul li#nav-03 a:hover {
background: url(images/pixelss_03.png) -185px -27px no-repeat;
}
div#subHeader ul li#nav-04 a:hover {
background: url(images/pixels_03.png) -311px -27px no-repeat;
}
div#subHeader ul li#nav-05 a:hover {
background: url(images/pixelss_03.png) -462px -27px no-repeat;
}


div#subHeader span a {

display: block;
position: relative;
top:25px;
margin-left:400px;
width:270px;
height:250px;

}

div#titleBar {

height: 100px;
background: url(images/pixel_03.jpg) no-repeat top center;

}

div#titleBar h2 {
	
font-size:25px;
font-weight: normal;
margin-top: 35px;
text-indent:30px;
background: url(images/pixel_07.png) no-repeat top left;
height: 22px;
}

div#titleBar span a { 

display: block;
position: relative;
top:-70px;
margin-left:750px;
width:150px;
height:60px;
text-indent: -9999px;
}


div#container {

min-height:400px;
width:950px;
margin: 0 auto;
clear: both;
overflow: hidden;

}

div#content {
	
width:620px;
float: left;


}

div#contentWrapper {
	
width:600px;
text-align: justify;
	
}

/* PRAWA STRONA */

div#sidebar {
	
width:320px;
min-height:320px;
float: left;
background: url(images/pixel_06.jpg) no-repeat top;
margin-left:1px;
}

/* SKLEP */

.shopOffer { width: 225px; height:70px; margin-left:15px; }
.shopOffer p { text-align: justify; margin: 0; padding: 0; }
.shopOffer h4 {  margin: 0; padding: 0; }

/* NEWSLETTER */

.newsletter { width:250px; margin-left:20px; margin-top:85px; }
.newsletter p { text-align: left; color: #000; }
.newsletter h5 { margin: 0; padding: 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

.newsletter form { margin-top:20px; }
.newsletter label { font-size:11px; font-weight:bold; color: #6c727f; margin-left:4px; }
.newsletter input { margin-top:2px; width: 175px; height: 25px; background: url(images/pixel_11.png) no-repeat top; border: 0; padding-left: 5px; }
.newsletter .add { width: 22px; height:21px; background: none; border: 0; position: relative; top:3px; }
.newsletter .del { width: 22px; height:21px; border: 0; position: relative; top:-5px; margin-left:8px; background:url(images/pixel_usun.gif); cursor:pointer;vertical-align:middle; }

/* STOPKA */

div#footer {

height:270px;
background: url(images/pixel_10.jpg) no-repeat top center;
}

div#footer ul { 

margin-top:50px;
margin-left: 130px;


}

div#footer ul li { display: inline; }
div#footer ul a { color: #ffe5aa; text-decoration:none; }
div#footer ul a:hover { text-decoration: underline; }

div#footer p { margin-left:180px; color: #ffe5aa; }

div#footer span { float: right; margin-top: 35px; margin-right:70px; }

/* STRONA, ELEMENTY */

/** AKTUALNOŚCI **/

.newsBox h3 { font-size: 18px; color: #ffd9a9; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }
.newsBox img { float: left; display: block; margin-right:5px;margin-bottom:5px; border:1px solid #ffd9a9; padding: 2px; background:#f58901;  }
.newsBox span { float: left; position: relative; top:-15px; }

.newsArchiveBox li { list-style-type: square; line-height: 1.5em; font-size:12px; }

p.archiveLink { font-size: 12px; font-weight: bold; text-align: center; padding-top:2px;padding-bottom:2px; border-top: 2px dotted #F90; border-bottom: 2px dotted #F90; margin-top:25px;  }
p.archiveLink a { text-decoration: none; }
p.archiveLink a:hover { text-decoration: underline; }

.borderImage {border:1px solid #ffd9a9; padding: 2px; background:#f58901; margin-right: 5px; margin-top:5px; }

/* KONTAKT */

.contactSide { width:300px; float: left; }
.mapInContact { width:600px; padding:5px; border:1px solid #ffd9a9;overflow:hidden;margin-top:20px; }

/* STRONY STATYCZNE */

.infopages h3 { font-size: 18px; color: #ffd9a9; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

/* WYSZUKIWANIE */

.searchSentence { text-decoration: underline; background: #c30; float: none;}

/* POPUP */

table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
br.both{
clear:both;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:668;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:500px;
width:1000px;
background:#E96F00;
border:2px solid #E96F00;
z-index:669;
padding:2px;
font-size:13px;
margin-top:5px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#E96F00;
text-decoration: none;
font-weight: bolder;
display:block;
cursor: pointer;
}

/* MENU PO PRAWEJ */

ul#features { margin-top:40px; position:relative; right:15px; text-align: center; }

ul#features li { display: inline; }

li.toLeft { position:relative; left: -20px; }

/* Inne */

.marginLeft20 { margin-left:20px; }

/*GALERIA*/

ul#galleryThumbs { width:100%; text-align: center; margin: 0 auto; }
	
	ul#galleryThumbs, ul#galleryThumbs li{
		margin:0 auto;
		padding:0;
		list-style:none;
	}
	
	ul#galleryThumbs li{
		float:left;
		margin:12px;
		border:1px solid #ccc;	
		padding:2px;
	}
	ul#galleryThumbs li:hover{
		float:left;
		margin:12px;
		border:1px solid #666;	
		padding:2px;
	}
	ul#galleryThumbs img{
		display:block;
		float:left;
		width:135px;
		/*width:180px;
		height:165px;*/
	}
	

#email
		{
			margin-top: -3px;
			margin-left: 80px;
			position: absolute;
			width: 16px;
			height: 16px;
		}