* { margin: 0; padding: 0; }
body { background: #fbfbfb; min-width:1200px; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 16px; color:#444; line-height:20px;}
.center { width: 1200px; margin: 0 auto; text-align:justify; position:relative;z-index:999;}

.header-footer { height: 80px; }
		
.biale-przezroczyste-1 { width: 100%; height: 100px; position: relative; z-index:1; background: url(../images/biale-przezroczyste_1.png) center; }
.przezroczyste-biale-1 { width: 100%; height: 100px; position: relative; z-index:1; margin-top: -100px; background: url(../images/przezroczyste-biale_1.png) center; }
		
.biale-przezroczyste-2 { width: 100%; height: 100px; position: relative; z-index:1; background: url(../images/biale-przezroczyste_2.png) center; }
.przezroczyste-biale-2 { width: 100%; height: 100px; position: relative; z-index:1; margin-top: -100px; background: url(../images/przezroczyste-biale_2.png) center; }
		
.drewno { margin-top: -100px; position: relative; z-index:0; background: url(../images/drewno.jpg); }
		
.drewno1 { height: 540px; }
.drewno2 { height: 525px; }
.drewno2 h1 { text-align:right; }
.drewno3 { height:150px; }

.biale1 { height:250px; }
.biale2 { /* height:300px;*/ margin-bottom:120px; }
.szare { height: 400px; margin-top: -100px; position: relative; z-index:0; background: #444; color:#b0b0b0; }
.szare h1 { color: #fff; text-align:right;}

.guziki { float:left; text-align:center; width:33%; color:#444;}
.guziki img { margin-bottom:20px; }

.menu .clicked { color:#db2d14; }
.menu { position:relative; z-index: 1; float:right; margin-top:10px; }
.menu ul, .menu ul li { display: block;list-style: none; margin: 0; padding: 0; }
.menu ul li {  float:left; border-right: 1px solid #444; height: 50px; line-height: 50px}
.menu ul li:last-child { border:0; }
.menu ul li:hover {background-color: rgba(219, 45, 20, 0.4); color: white;}
/*.menu ul a:link, .menu ul a:visited { color:#444; text-decoration: none; display: block; text-align: center;}*/
.menu ul a:link, .menu ul a:visited { text-decoration: none; display: block; text-align: center;}
.menu ul a:hover, .menu ul .active { height: 50px; color:rgba(219, 45, 20, 0.4); }
.menu ul li a:hover {color: white;}
.menu a { width:120px; height:50px; z-index:999; display:block;}

a { transition: all 0.5s ease 0s; text-decoration:none; color:#444;}
a:link, a:visited { color:#444; text-decoration: none;}
a:hover {color:#DB2D14; }


h1, h2, h3 { font: 60px/1em Impact; padding: 0px 0px 20px; color:#444;}
h1 { text-transform:uppercase;}
h3 { color: #DB2D14; }
h4 { font: 20px/1em Impact; text-transform:uppercase; margin-top:10px;}
/* Tiny Carousel */
#slider1 { margin: 30px 0 0; overflow:hidden; position: relative; padding: 0 50px 10px;   }
#slider1 .viewport { height: 140px; overflow: hidden; position: relative; }
#slider1 .buttons {
    background: url(../images/camera_skins.png) no-repeat -160px -80px;
    display: block;
    position: absolute;
    top: 33%;
    left: 0;
    width: 40px;
    height: 40px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}
#slider1 .next {
	background-position: -190px -80px;
    right: 0;
    left: auto;
    top: 33%;
}

#slider1 .disable { visibility: hidden; }
#slider1 .overview { list-style: none; position: absolute; padding: 0; margin: 0; left: 0; top: 0; }
#slider1 .overview li{ float: left; margin: 0 20px 0 0; padding: 1px; height: 140px; width: 130px;}

.fs { width: 1200px; margin: 0; }
.fs .viewport { width: 980px; height: 205px; overflow: hidden; position: relative; }
.fs .overview { list-style: none; width: 1px; padding: 0; margin: 0; position: absolute; left: 0; top: 0;  }
.fs .track { background: #ddd; width: 100%; height:8px; top:6px; position: relative; }
.fs .thumb { background: #555; height: 8px; cursor: pointer; overflow: hidden; position: absolute; left: 0; }
.fs .thumb .end{  overflow: hidden; height: 25px; width: 5px;}
.fs .scrollbar { margin-left: 212px; }
.fs .disable { display: none; }

input {width:386px;height:30px; margin: 10px 0;}
.guzik, input, textarea {background:#fbfbfb; color:#444; font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;border:1px solid; font-size: 16px; padding:4px; transition:background 0.4s ease;}
.guzik, .guzik  input{width:100px;height:30px;}
#kontakt-wyslij, #kontakt-wyczysc { border: 0; background:#fbfbfb; }

.img_of {transition: 0.5s ease;}
.img_of:hover {opacity: 0; transition: 0.5s ease;}

#scroll-to-top{
    display:inline;
    position:fixed;
    bottom:15px;
    right:20px;
    opacity:0.8;
	background:url(../images/up.png);
	
	z-index:99999;
	width:66px;
	height:36px;
}
#scroll-to-top:hover{
    background:url(../images/up_hover.png);
	
	opacity:1;
}