@charset "utf-8";
/* CSS Document */

img {border:0px;}
body {
	margin:0px;
	padding:0px;
	color:#EAEAEA;
	background-color:#000000;
	font-family: Tahoma, Arial, sans-serif;
	font-size:11px;
}
a:link, a:visited {
	color:#999999;
	text-decoration:underline;
}
a:hover {
	color:#FFFFFF;
	text-decoration:underline;

}
/* TLO STRONY*/
.wrapper {
	position:relative;
	height:100%;
	width:950px;
	margin: 0px auto 0px auto;
	padding-top: 15px;
	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	min-height: 700px;
	max-height: none;
	}
/* LOGO + GORNE MENU  */
.top { 
	position:relative; 
	width:834px; 
	height:86px; 
	margin: 0px auto 0 auto;
	background-image: url(../images/top.png);
}
.top img {
	position:relative;
	top:7px;
	left:10px;
	float: left;
}
/* TRESC*/
.content {
	position:relative;
	width:834px;
	height:346px;
	margin: 10px auto 5px auto;
	background-image: url(../images/content.png);
	z-index: 1;
}
.content p {
	position:relative;
	left:600px;
	width: 200px;
	font-size:13px;
	margin: 0px;
	top: -320px;
	z-index: 2;
	height: 70px;
	display: none;
}
.content-blank {
	position:relative;
	width:834px;
	margin: 10px auto 5px auto;
	background-image: url(../images/content-blank.png);
	height:346px;
}
.content-galeria {
	position:relative;
	width:834px;
	margin: 10px auto 5px auto;
	height:100%;
	
}
.content-news {
	width:750px;
	margin: 0px auto 0 auto;
	padding-top: 10px;
}
.content-koncowki {
	width:834px;
	margin: 0px auto 0 auto;
	position: relative;
	height: 230px;
}
.content-koncowki a img{
	border:4px solid #999;}
	.content-koncowki a:hover img{
	border:4px solid #FFF;}
.news-title {
	font-size: 12px;
	font-weight: bold;
	color: #999999;
	background: url(../images/dot.png) 0px 5px no-repeat;
	padding-left: 10px;
}
.content-news-text {
	border-bottom:2px dotted #333333;
	color:#CCCCCC;
	font-size:11px;
	height:100%;
	line-height:150%;
	margin-top:15px;
	padding-bottom:5px;
}
.content-news-text p {
	padding-left:10px;
	margin: 0;
}
.content-news-text img {
	padding:10px 10px 0px 0px;
	width: 150px;
	height: 100px;
}
.content-news-text a:link, .content-news-text a:visited {
	color:#999999;
	text-decoration:underline;
}
.content-news-text a:hover { color:#FFFFFF; text-decoration:underline;}
.content-kontakt {
	width:266px;
}
.content-kontakt-left {
	width:250px;
	padding-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
	}
.content-kontakt p {
	margin: 5px 0px 0px 20px;
}
.content-kontakt-right {
	float:left;
	padding-left:25px;
	padding-right:25px;
	padding-top:20px;
	width:450px;
}
#left {
	float:left;
	width:300px;
	padding:20px 0px 0px 20px;
}
#left p {
	padding:0px 0px 0px 10px;
}
#right {
	position:relative;
	float:left;
	width:470px;
	padding:20px 0px 0px 20px;
	height: 300px;
}
#podpis {
	position:relative;
	margin-top:20px;
	width:300px;
	float:right;
	text-align:left;
	}
#podpis img {
	position:relative;
	width:168px;
	height:46px;
}
#flashcontent {
	height:500px;
	margin: 5px auto 10px auto;
	}
#flashcontent-oferta {
	height:585px;
	margin: 5px auto 20px auto;
	}
#flashcontent-index {
	height:346px;
	width:834px;
	margin: 0px;
	}
.partnerzy {
	position:relative;
	top:20px;
	left: 15px;
	float: left;
	width: 175px;
	margin-right: 20px;
	overflow: auto;
	line-height: 120%;
	height: 300px;
	border-right: 1px solid #666;
	}
.partnerzy p {
	color:#D5D5D5;
	line-height: 120%;
	margin: 17px 0px 10px 0px;
}	
.partnerzy a:link, .partnerzy a:visited {
	color:#969696;
	text-decoration: none;
}
.partnerzy a:hover {
	color:#EAEAEA;
	text-decoration:underline;
	background-color:#575757; 
	}
.partnerzy_zaproszenie {
	position:relative;
	width:390px;
	float: left;
	margin-left: 20px;
	height: 100%;
	top: 30px;
}
.partnerzy_zaproszenie p {
	color:#D5D5D5;
	font-size:11px;
	line-height: 110%;
	margin: 0px;
}
.styl1 {
	font-size: 12px;
	font-weight: bold;
}
#automark {
	font-size:11px;
	color:#EAEAEA;
	line-height:120%;
	padding-bottom:15px;
}
.oferta {
	position:relative;
	width:834px;
	text-align:center;
	margin: 0px auto 0px auto;
	top: 5px;
	background: #999;
	height: 30px;
}

.pojedyncze {
	position:relative;
	float:left;
	width:187px;
	height:180px;
	margin: 20px 25px 5px 0px;
}
.podwojne {
	position:relative;
	float:left;
	width:187px;
	height:180px;
	margin: 20px 25px 5px 0px;
}
.dowspawania {
	position:relative;
	float:left;
	width:187px;
	height:180px;
	margin: 20px 25px 5px 0px;
}
.exclusive {
	position:relative;
	float:left;
	width:187px;
	height:180px;
	margin: 20px 0px 5px 0px;
}	
h2 {
	color:#EAEAEA;
	font-size:12px;
	background-color:#1C1C1C;
	margin: 0px auto 0 auto;
	padding: 5px 5px;
	}
h2 a:link, h2 a:visited {
	color:#FFFFFF;
	font-size:12px;
	background-color:#1C1C1C;
	margin: 0px auto 0 auto;
	padding: 5px 5px;
}
h2 a:hover {
	color:#D5D5D5;
	font-size:12px;
	background-color:#1C1C1C;
	margin: 0px auto 0 auto;
	padding: 5px 5px;
}
h1 {
	color:#C0C0C0;
	font-size:12px;
	background-color:#1C1C1C;
	padding: 5px 0px;
	text-align: center;
	margin: 0px;
	margin-top: 5px;
	}
h3 {
	margin:0px;
	padding:0px 0px 5px 0px;
	text-decoration: underline;
	font-size: 11px;
}
.logo-oferta { 
	clear:both;
	position:relative;
	margin: 0px auto 0 auto;
	}
.logo-oferta img{ 
	position:relative;
	top:20px;
	left:150px;
	}
/* SLIDER*/
.slider {
	width:835px;
	height:25px;
	margin: 10px auto 0 auto;
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	position: relative;
	border-bottom: solid 1px #666;
}

/* MODULY */

.module_container {
	margin: 0px auto 0 auto;
	width:834px;
	}
/* NEWSY */	
.newsy {
	width:266px;
	height:206px;
	margin-right:20px;
	float: left;
	overflow: hidden;
	background: url(../images/module.png);
	margin-top: 10px;
}

.news_text {
	position:relative;
	margin-top:15px;
	margin-left:15px;
	font-size:11px;
	color:#C0C0C0;
	width: 220px;
	background: url(../images/dot.png) 0 3px no-repeat;
	padding-left:10px;
	}
.news_text a:link, .news_text a:visited, .news_text a:active {
	position:relative;
	left:135px;
	background-color:#666666;
	color:#000000;
	font-weight:900;
	padding:2px 15px 2px 15px;
	text-decoration:none;
	top:7px;
}	
.news_text a:hover {
	position:relative;
	left:135px;
	background-color:#999999;
	color:#000000;
	font-weight:900;
	padding:2px 15px 2px 15px;
	text-decoration:none;
	top: 7px;
}	

/* KONTAKT */
.kontakt {
	float:left;
	width:266px;
	height:206px;
	background: url(../images/module.png);
	margin-top: 10px;
}
h5 {
	position:relative;
	color:#CCCCCC;
	font-size:12px;
	background-color:#666666;
	margin: 20px auto 0 auto;
	padding: 2px 2px;
	width:220px;
	text-align: center;
	}
.kontakt p {
	
	margin: 0px auto 0 auto;
	width:220px;
}
/* WSPÓŁPRACA */

.wspolpraca {
	margin: 10px auto 0 auto;
	width:240px;
}
.wspolpraca ul { width:250px;}
.wspolpraca li {
	line-height:19px;
	list-style:none;
	padding-left:10px;
	background:url(../images/dot.png) 0px 7px no-repeat;
	}
h4 {
	position:relative;
	color:#CCCCCC;
	font-size:12px;
	background-color:#666666;
	margin: 20px auto 0 auto;
	padding: 2px 2px;
	width:230px;
	text-align: center;
	}
	
/* POBIERZ KATALOG */
.katalog {
	width:266px;
	height:206px;
	float:right;
	background: url(../images/module.png);
	margin-top: 10px;
	margin-bottom: 10px;
}
.katalog p {
	width:240px;
	padding-left:12px;
	font-size:11px;
	line-height:15px;
}

.katalog img {
	position:relative;
	left:17px;
	border:0px;
	top: -5px;
}	

#form { margin: 0 auto; width: 95%;}
td.offcentre{width:16%;}
td.right{text-align:right;padding-right:.3em; width:24%;}
td.left{text-align:left; color:#CCC; }
td.left input{
	font-size:100%;
	height:15px;
	width:270px;
	background: #333333;
	color:#CCC;
}
td.left input.check{width:auto; margin-left:0px;}
td.left textarea{
	width:270px;
	height:100px;
	background: #333;
	color:#CCC;
}
td.left input#submit1 {
	color:#FFFFFF;
	height:22px;
	width:120px;
}
.bottom {
	width:270px; }


/* MENU DOLNE + PRAWA AUTORSKIE */
.footer {
	position:relative;
	width:834px;
	height:15px;
	padding-top:10px;
	font-size:11px;
	color:#666666;
	clear: both;
	border-top: solid 1px #666;
	padding-bottom: 10px;
}
.menu {
	position:relative;
	float:left;
	margin: 0px;
}
.menu a:link, .menu a:visited{
	color:#666666;
	text-decoration:none
	}
.menu a:hover {
	color:#CCCCCC;
	text-decoration:underline;
}
.rights {
	position:relative;
	float:right;
	margin: 0px;
}

#wyslano {
	margin: 0px auto 0 auto;
	width: 300px;
	}
#wyslano a:link, #wyslano a:visited {
	font-size:18px;
	color:#D5D5D5;
	}
#wyslano a:hover {
	font-size:18px;
	color:#D5D5D5;
	}
/**************************** MAIN MENU *************************/
#MainMenu 
{
	float:right;
	height:35px;
	margin:10px;
	border-style:solid;
	border-color:#c10609;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:3px;
	border-left-width:0;
	width: auto;
	top: 15px;
	position: relative;
	right: 0px;
	background: #212425;
}
#tab 
{
	margin:0px;
	top:0px;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0 1px 0 0 ;
	padding:0;
}
#tab a 
{
	background: url("../images/bright_114.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("../images/bleft_114.gif") no-repeat left top;
	padding:0 15px 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	line-height:35px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}


/**************************** LIGHTBOX *************************/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../lightbox/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../lightbox/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#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: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
