html	{
	margin: 0; padding: 0;
	font-family: "Halvetica", "Trebuchet MS", "Arial";
	font-size: 16px;
	}

body 	{ 
	background-color: #333;
	background: url("./images/bg.gif");
	margin: 0 auto;
	padding: 0;
	} 

img 	{
	margin: 0 auto; padding: 0;
	border: none;
	}

h1	{
	font-size: 24px;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 10px rgba(255, 153, 0, 1);
	}

h2	{
	font-size: 20px;
	text-align: center;
	font-style: italic;	
	color: #fff;
	text-shadow: 0 0 10px rgba(255, 153, 0, 1);
	}	
	
a	{
	color: #f90;
	text-decoration: none;
	}
a:hover	{
	color: #fb0;
	text-shadow: 0 0 10px rgba(255, 153, 0, 1);
	}

a.info {
	color: #fff;
	font-weight: bold;
	text-shadow: 0 0 5px rgba(255, 153, 0, 1);
	cursor:pointer;
	}
a.image-link {
	display: block;
	width: 326px;
	height: 105px;
	background: url("/images/wiecej.png") no-repeat;
	}
a.image-link:hover {
	background: url("/images/wiecej.png") no-repeat 0px -106px;
	}
a.image-link-powrot {
	display: block;
	width: 326px;
	height: 105px;
	background: url("/images/powrot.png") no-repeat;
	cursor: pointer;
	}
a.image-link-powrot:hover {
	background: url("/images/powrot.png") no-repeat 0px -106px;
	}	
p	{
	line-height: 1.25;	
	}

p.indent {
	text-indent: 30px;
	}
	
ul 	{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 1.25;
	}
ul li	{
	background-image: url('./images/tick.png');
	background-repeat: no-repeat;
	background-position: 10px 15px;
	padding-left: 40px;
	padding-top: 15px;
	text-align: left;
	}
	
#centerit	{
	margin: 0px auto;
	width: 1000px;
	position: relative;
	}
	
#top	{
	margin-top: 0px;
	width: 100%;
	height: 150px;
	border: 1px solid #f90;
	border-top-style: none;
	border-left-style: none;
	border-right-style: none;
	background-color: #333;
	background: url("./images/headerbg.png");
	background-image:linear-gradient(center top , #333333, #151515);
	background-image: -webkit-linear-gradient(top,#333333,#151515);
    background-image: -moz-linear-gradient(center top , #333333, #151515);
    background-image: -o-linear-gradient(center top , #333333, #151515);
    background-image: -ms-linear-gradient(center top , #333333, #151515);
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	z-index:2;
	}
#header	{
	width: 1000px;
	height: 150px;
	}
#logo-holder {
	width: 536px;
	height: 210px;
	position: relative;
	left: -70px;
	float: left;
	z-index: 3;
	}
#menu-holder {
	width: 510px;
	position: absolute;
	right: 0px;
	top: 0px;
	float: right;
	}

#tabs-holder {
	height: 40px;
	width: 545px;
	position: absolute;
	right: -1px;
	top: 170px;
	z-index: 2;
	border: none;
	}

#maincontent {
	background-color: rgba(0,0,0,0.5);
	width: 970px;
	min-height: 500px;
	padding-top: 30px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 10px;
	color: #ddd;
	margin-top: 20px;	
	border: 1px solid #f90;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	text-align: justify;
	}

#footer	{
	background-color: rgba(0,0,0,0.3);
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	width: 1000px;
	min-height: 50px;
	border: 1px solid #111;
	border-radius: 10px 10px 10px 10px;
	color: #666;
	text-align: center;
	font-size: 14px;
	}
#footer-sitemap {
	width: 810px;
	text-align: center;
	position: relative;
	}
.sitemap-cell {
	width: 200px;
	float: left;
	border: 1px solid #444;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	}
.sitemap-cell-last {
	width: 200px;
	float: left;
	border: 1px solid #444;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	}
#footer-sitemap a {
	color: #888;
	}
#footer-sitemap a:hover {
	color: #bbb;
	}
#footer-sitemap ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	line-height: 0.5;
	font-size: 13px;
	}
#footer-sitemap ul li {
	background-image: none;
	text-align: left;
	}
.collumn-content-holder {	
	}
.content-left {
	width: 460px;
	float: left;
	padding: 10px;
	}
.content-right {
	width: 460px;
	float: right;
	padding: 10px;
	}
.intro-left {
	width: 251px;
	height: 80px;
	float: right;
	}
.intro-right {
	width: 695px;
	height: 80px;
	float: right;
	}
.clear-it { 
	clear: both; 
	}
.unroll-content {
	width: 480px;
	float: left;
	text-align: justify;
	overflow: hidden;
	}
.fancy-button {
  	margin: 0 auto;
  	width: 160px;
  	height: 150px;
 	background-color: transparent;
 	color: #fff;
  	font-size: 16px;
  	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  	border: 1px solid #444;
	border-top-style: none;
	border-bottom-style: none;
  	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	cursor: pointer;
	}

.fancy-button:hover {
    background-color: #f90;
	background-image:linear-gradient(center top , #ff9900, #C47500);
	background-image: -webkit-linear-gradient(top,#ff9900,#C47500);
    background-image: -moz-linear-gradient(center top , #ff9900, #C47500);
    background-image: -o-linear-gradient(center top , #ff9900, #C47500);
    background-image: -ms-linear-gradient(center top , #ff9900, #C47500);
	color: #000;
	border: 1px solid #333;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
  }
 

.tab-button {
  	width: 180px;
  	height: 40px;
	margin-top: 1px;
	margin-right: 0px;
	margin-left: 0px;
 	background-color: rgba(0,0,0,0.2);
	background-image:linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
	background-image: -webkit-linear-gradient(top,rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -moz-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -o-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -ms-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
 	color: #ccc;
  	font-size: 16px;
  	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
	border-radius: 0px 10px 0px 0px;
	border: 1px solid #333;
  	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	cursor: pointer;
	float: right;
	}
	
.tab-button:hover {
	background-color: #f90;
	background-image:linear-gradient(center top , #ff9900, #C47500);
	background-image: -webkit-linear-gradient(top,#ff9900,#C47500);
    background-image: -moz-linear-gradient(center top , #ff9900, #C47500);
    background-image: -o-linear-gradient(center top , #ff9900, #C47500);
    background-image: -ms-linear-gradient(center top , #ff9900, #C47500);
	color: #000;
	border: 1px solid #333;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	}

.tab-button-active {
	width: 180px;
  	height: 40px;
	margin-top: 1px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 16px;
	background-color: rgba(0,0,0,0);
	/*background-image:linear-gradient(center top, rgba(0,0,0,0.5), rgba(51,51,51,0.5));
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.5),rgba(51,51,51,0.5));
    background-image: -moz-linear-gradient(center top , rgba(0,0,0,0.5), rgba(51,51,51,0));
    background-image: -o-linear-gradient(center top , rgba(0,0,0,0.5), rgba(51,51,51,0.5));
    background-image: -ms-linear-gradient(center top , rgba(0,0,0,0.5), rgba(51,51,51,0.5));*/
	color: #fff;
	text-shadow: 0 0 5px rgba(255, 153, 0, 1);
	border: 1px solid #333;
	border-radius: 0px 10px 0px 0px;
	border-bottom-style: none;
  	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	cursor: pointer;
	float: right;
	}
.tab-button-active:hover {
	background-color: #f90;
	background-image:linear-gradient(center top , #ff9900, #C47500);
	background-image: -webkit-linear-gradient(top,#ff9900,#C47500);
    background-image: -moz-linear-gradient(center top , #ff9900, #C47500);
    background-image: -o-linear-gradient(center top , #ff9900, #C47500);
    background-image: -ms-linear-gradient(center top , #ff9900, #C47500);
	color: #000;
	border: 1px solid #333;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	}	
.image-glow {
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	border: 1px solid #f90;
	}
.highlight {
	text-decoration: none;
	color: #fff;
	text-shadow: 0 0 5px rgba(255, 153, 0, 1);
	}

.subtext {
	font-size: 12px;
	}

/* Facebook window */
  
#sidePanel{
	font-family: "Verdana", "Trebuchet MS", "Arial";
    width:245px;
    position:fixed;
    right:-202px;
    top:30%;
	z-index: 12;
    
}
#panelHandle{
    background-image: -webkit-linear-gradient(top,#333,#222);
    background-image: -moz-linear-gradient(center top , #333333, #222222);
    background-image: -o-linear-gradient(center top , #333333, #222222);
    background-image: -ms-linear-gradient(center top , #333333, #222222);
    background-image:linear-gradient(center top , #333333, #222222);
	border:1px solid #f90;
	border-right: none;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
    height:150px;
    width:40px;
    border-radius:5px 0 0 5px;
    float:right;
    cursor:pointer;
	color: #f90;
}
#panelContent{
    float:right;
    border:1px solid #f90;
	border-right: none;
	border-radius: 0px 0px 0px 5px;
    width:200px;
    height:300px;
    background-color:#333;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
}

#panelHandle p {
	
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    color: #f90;
	text-shadow: 0 0 10px rgba(255, 153, 0, 1);
    font-size: 24px;
    font-weight: bold;
	text-indent: 0px;
    left: -4px;
    margin: 0;
    padding: 0;
    position: relative;
    top: 100px;
}

/*Slideshow*/


#slideshow {
    position:relative;
    height:374px;
	margin-bottom: 20px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:-15px;
    z-index:8;
	border: 1px solid #f90;
	border-left-style: none;
	border-right-style: none;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}

#Invisible { 
	background: #222; 
	color: #fff; 
	}

	
	
/*Interactive slideshow content*/	
	
#control-holder {
	width: 1000px;
	height: 372px;
	position: absolute;
	left:1px;
	top: 380px;
	z-index: 11;
	}
.control-point 	{
	width: 30px;
	height: 30px;
	border: 1px solid #f90;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 1);
	}
#point-alarm	{
	position: absolute;
	left: 547px;
	top: 202px;
	}
#point-cam	{
	position: absolute;
	left: 677px;
	top: 122px;
	}
#point-roller	{
	position: absolute;
	left: 455px;
	top: 215px;
	}
#point-lamp	{
	position: absolute;
	left: 337px;
	top: 162px;
	}
#point-roofwindow	{
	position: absolute;
	left: 220px;;
	top: 25px;
	}
#point-rtv	{
	position: absolute;
	left: 27px;
	top: 307px;
	}
#point-coffee	{
	position: absolute;
	left: 812px;
	top: 212px;
	}
#point-heating	{
	position: absolute;
	left: 600px;
	top: 330px;
	}
#point-walllamp	{
	position: absolute;
	left: 26px;
	top: 137px;
	}
.infobox {
	display: none;
	padding: 10px;
	position: fixed;
	font-size: 13px;
	background-color: rgba(0,0,0,0.8);
	border: 1px solid #f90;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	z-index: 12;
	}
.offer-link {
	width: 30px;
	height: 30px;
	}
/*OFERTA*/

.offer-button {
	width: 350px;
	height: 160px;
	background-color: rgba(0,0,0,0.2);
	background-image:linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
	background-image: -webkit-linear-gradient(top,rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -moz-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -o-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -ms-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
 	color: #fff;
  	font-size: 16px;
  	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  	border: 1px solid #444;
	border-radius: 5px 5px 5px 5px;
  	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	cursor: pointer;
	}

.offer-button:hover {
    background-color: #f90;
	background-image:linear-gradient(center top , #ff9900, #C47500);
	background-image: -webkit-linear-gradient(top,#ff9900,#C47500);
    background-image: -moz-linear-gradient(center top , #ff9900, #C47500);
    background-image: -o-linear-gradient(center top , #ff9900, #C47500);
    background-image: -ms-linear-gradient(center top , #ff9900, #C47500);
	color: #000;
	border: 1px solid #333;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
  }
 
 .offer-button-inactive {
	width: 350px;
	height: 160px;
	background-color: rgba(0,0,0,0.2);
	background-image:linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
	background-image: -webkit-linear-gradient(top,rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -moz-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -o-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -ms-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
 	color: #fff;
  	font-size: 16px;
  	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  	border: 1px solid #444;
	border-radius: 5px 5px 5px 5px;
  	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	cursor: pointer;
	opacity: 0.2;
	}
 
p.offer {
	margin: -7px;
	}
	
/*Contact form*/
#form-holder {
	width: 700px;
	}
.form-left {
	width: 300px;
	text-align: right;
	float: right;
	}
.form-right {
	width: 350px;
	text-align: left;
	float: right;
	}
.input-field {
	width: 300px;
	height: 20px;
	padding: 10px;
	background-color: #111;
	border: 1px solid #444;
	border-radius: 5px 5px 5px 5px;
	color: #fff;
	font-size: 16px;
	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
	}
.input-field:focus {
	border: 1px solid #f90;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	}
.message-field {
	width: 300px;
	height: 130px;
	padding: 10px;
	background-color: #111;
	border: 1px solid #444;
	border-radius: 5px 5px 5px 5px;
	color: #fff;
	font-size: 16px;
	resize: none;
	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
	font-family: "Verdana", "Trebuchet MS", "Arial";
	font-size: 16px;
	}
.message-field :focus {
	border: 1px solid #f90;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	}

.submitbutton {
	width: 150px;
	height: 80px;
	background-color: rgba(0,0,0,0.2);
	background-image:linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
	background-image: -webkit-linear-gradient(top,rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -moz-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -o-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
    background-image: -ms-linear-gradient(center top , rgba(51,51,51,0.5), rgba(0,0,0,0.5));
 	color: #fff;
  	font-size: 16px;
  	text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
  	border: 1px solid #444;
	border-radius: 5px 5px 5px 5px;
  	transition-duration: 0.4s;
  	-webkit-transition-duration: 0.4s;
  	cursor: pointer;
	}
.submitbutton:hover {
	background-color: #f90;
	background-image:linear-gradient(center top , #ff9900, #C47500);
	background-image: -webkit-linear-gradient(top,#ff9900,#C47500);
    background-image: -moz-linear-gradient(center top , #ff9900, #C47500);
    background-image: -o-linear-gradient(center top , #ff9900, #C47500);
    background-image: -ms-linear-gradient(center top , #ff9900, #C47500);
	color: #000;
	border: 1px solid #333;
	box-shadow: 0 0 5px rgba(255, 153, 0, 1);
	}
p.formlabel	{
	margin: 10px;
	}
#email-error {	
	height: 20px;
	width: 220px;
	position: absolute;
	right: 50px;
	top: 430px;
	float: right;
	padding: 10px;
	border: 1px solid #f00;
	border-radius: 5px 5px 5px 5px;
	background-color: #111;
	box-shadow: 0 0 5px rgba(255, 0, 0, 1);
	color: #f00;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
	}
#firstname-error {	
	height: 20px;
	width: 220px;
	position: absolute;
	right: 50px;
	top: 314px;
	float: right;
	padding: 10px;
	border: 1px solid #f00;
	border-radius: 5px 5px 5px 5px;
	background-color: #111;
	box-shadow: 0 0 5px rgba(255, 0, 0, 1);
	color: #f00;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
	}
#lastname-error {	
	height: 20px;
	width: 220px;
	position: absolute;
	right: 50px;
	top: 372px;
	float: right;
	padding: 10px;
	border: 1px solid #f00;
	border-radius: 5px 5px 5px 5px;
	background-color: #111;
	box-shadow: 0 0 5px rgba(255, 0, 0, 1);
	color: #f00;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
	}
#message-error {	
	height: 20px;
	width: 220px;
	position: absolute;
	right: 50px;
	top: 547px;
	float: right;
	padding: 10px;
	border: 1px solid #f00;
	border-radius: 5px 5px 5px 5px;
	background-color: #111;
	box-shadow: 0 0 5px rgba(255, 0, 0, 1);
	color: #f00;
	text-shadow: 0 0 10px rgba(255, 0, 0, 0.3);
	}