.btn {
  font-family: Ubuntu;
  color: #ffffff;
  font-size: 18px;
  background: #45BA01;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #457301;
  text-decoration: none;
}



img {border:0;}
html { overflow-y: scroll; }
body {background:rgb(247,247,247);
background-image:url('http://www.drewno.pl/reklama/images/bg.png');    
background-repeat:repeat-x;
font-family: Ubuntu, sans-serif;color:rgb(118,118,118);height:100%;width:100%;margin:0;}
#link {margin-top:80px}
#wrapper0{margin: auto;height:auto;margin-top:20px;padding: 15px; background-color: #FFF;}
#wrapper{margin: auto;height:auto;margin-top:20px;}
#header{height:auto;margin-bottom:20px;}
#side{height:auto;margin-bottom:20px;}
#content{height:auto;margin-bottom:20px;}
#clear{clear:both;}
#footer{height:auto;background-color: rgb(69, 186, 1);margin-bottom:20px;}

#content h1 {
 
  font-weight: normal;
  }
  
#content hr{  
         margin-bottom:20px;

 }

ul, ul li {

	display: block;
	list-style: none;
	margin: 0;
	padding: 0;

}

ul {

	width:750px
	padding: 0px;
  padding-top: 400px;
	border:0px;
}

ul li {
	float: left;
  width:180px;
}

ul a:link, ul a:visited {
	text-decoration: none;
  text-align: center;
	display: block;
  font-size: 28px;
	font-weight: normal;
	background-color: rgb(69, 186, 1);
	color: #fff;
	padding: 15px 10px; 
}

ul a:hover {
	background-color: rgb(69, 115, 1);
}



#lcont {

list-style-type: disc;

padding-top: 10px;

width:100%;



}

#tabs-1{

  font-size: 110%;

}



#tabs-2{

  font-size: 110%;

}



#tabs-3{

  font-size: 110%;

}



#tabs-4{

  font-size: 110%;

}



#tabs-5{

  font-size: 110%;

}



#footer p{padding:15px 30px 15px 30px;color:#FFF;text-align:right; font-weight:bold; font-size:18px;}



#belka {visibility: visible; position: relative; left: 180px; top: -400px; z-index:5; 



height:536px;

width:10px;

background-color: rgb(247,247,247);

}

#belka2 {visibility: visible; position: relative; left: 360px; top: -936px; z-index:5; 



height:536px;

width:10px;

background-color: rgb(247,247,247);

}

#belka3 {visibility: visible; position: relative; left: 540px; top: -1472px; z-index:5; 



height:536px;

width:10px;

background-color: rgb(247,247,247);

}

#belka4 {visibility: visible; position: relative; left: 720px; top: -2008px; z-index:5; 



height:536px;

width:10px;

background-color: rgb(247,247,247);

}

#logo{
 float:left;  
}

#tytul  {

float:right;}

#tytul h2    {

margin-top:40px;

margin-right:80px;

font-weight: normal;

}

 

#opis { width: 450px;
     text-align: left;
        

        }



@media (min-width: 950px) {
/* Image style */
#scrollUp {
	bottom: 10px;
	right: 150px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(http://www.drewno.pl/reklama/images/top.png) no-repeat;
}  
#wrapper0{width:900px;}
#wrapper{width:900px;}
	#header{width:900px;height:112px;}
	#side{width:900px; margin-left:auto;margin-right:auto; height:auto;margin-bottom:20px; height:550px;background: url(http://www.drewno.pl/reklama/images/masz.jpg) 0 0 no-repeat;}
	#content{width:900px;float:right;}
	#footer{margin:0;width:900px;}
  .mybutton{
 text-align:center;
 padding-top:180px;
}
}

 @media (max-width: 970px) {
.mybutton{
 text-align:center;
 padding-top:380px;
}
#link {margin-top:60px}
#wrapper0{width:725px;}
#wrapper{width:725px;}
#header{width:725px;height:110px;}

#side{width:725px;margin-left:auto;margin-right:auto; margin-bottom:20px; height:400px; background: url(http://www.drewno.pl/reklama/images/masz.jpg) 0 0 no-repeat; text-align:center;}

#content{width:725px;float:right;}
#footer{width:725px;}
#header img{margin:0;width:300px;height:auto;}

 ul {

	width:725px
	padding: 0px;
  padding-top: 300px;
	border:0px;
}

ul li {
	float: left;
  width:145px;
}

#belka {visibility: visible; position: relative; left: 145px; top: -300px; z-index:5; 



height:400px;

width:5px;

background-color: rgb(247,247,247);

}

#belka2 {visibility: visible; position: relative; left: 290px; top: -700px; z-index:5; 



height:400px;

width:5px;

background-color: rgb(247,247,247);

}

#belka3 {visibility: visible; position: relative; left: 435px; top: -1100px; z-index:5; 



height:400px;

width:5px;

background-color: rgb(247,247,247);

}

#belka4 {visibility: visible; position: relative; left: 580px; top: -1500px; z-index:5; 



height:400px;

width:5px;

background-color: rgb(247,247,247);

}

 

           
}


 @media (max-width: 750px) {
.mybutton{
 text-align:center;
 padding-top:380px;
}
#link {margin-top:0px}
#wrapper0{width:420px;}
#wrapper{width:420px;}
#header{width:420px;}

#side{width:420px;margin-left:auto;margin-right:auto; margin-top:60px; margin-bottom:20px; height:200px; background: url(http://www.drewno.pl/reklama/images/masz420.jpg) 0 0 no-repeat; text-align:center;}

#content{width:420px;float:right;font-size:90%;}
#footer{width:420px;}
#footer p{padding:15px 30px 15px 30px;color:#FFF;text-align:center;font-size:80%;}
#header img{margin:0;width:300px;height:auto;}

#logo{ width:420px;margin-left:auto;margin-right:auto;height:auto;text-align: center; }
#tytul{width:420px;margin-left:auto;margin-right:auto;height:auto; }
#tytul h2{
width:420px;   margin-left:auto;margin-right:auto;margin-top:20px;
margin-bottom:20px;
                                                                              


font-size:110%;                                                                
font-weight: normal;
text-align: center;}

ul a:link, ul a:visited {
	padding: 10px 10px; 
  font-size: 18px;
	 
}
 ul {

	width:420px
	padding: 0px;
  padding-top: 120px;
	border:0px;
}

ul li {
	float: left;
  width:84px;
}

#belka {visibility: visible; position: relative; left: 84px; top: -120px; z-index:5; 



height:200px;

width:5px;

background-color: rgb(247,247,247);

}

#belka2 {visibility: visible; position: relative; left: 168px; top: -320px; z-index:5; 



height:200px;

width:5px;

background-color: rgb(247,247,247);

}

#belka3 {visibility: visible; position: relative; left: 252px; top: -520px; z-index:5; 



height:200px;

width:5px;

background-color: rgb(247,247,247);

}

#belka4 {visibility: visible; position: relative; left: 336px; top: -720px; z-index:5; 



height:200px;

width:5px;

background-color: rgb(247,247,247);

}

  


}






@media (max-width: 470px) {
.mybutton{
 text-align:center;
 padding-top:380px;

 }                         
 #link {margin-top:0px}
#wrapper0{width:300px;}
#wrapper{width:300px;}
#header{width:300px;}
#side{width:300px;margin-left:auto;margin-right:auto; margin-bottom:20px; height:320px; text-align:center;background: url()}
#content{width:300px;}
#footer{width:300px; }
#footer p{padding:15px 30px 15px 30px;color:#FFF;text-align:center;}
#header img{margin:0;width:300px;height:auto;}

#belka {visibility: hidden; position: relative; left: 0px; top: 0px; z-index:5;height:1px; width:1px;}
#belka2 {visibility: hidden;position: relative; left: 0px; top: 0px; z-index:5;height:1px; width:1px;}
#belka3 {visibility: hidden;position: relative; left: 0px; top: 0px; z-index:5;height:1px; width:1px;}
#belka4 {visibility: hidden;position: relative; left: 0px; top: 0px; z-index:5;height:1px; width:1px;}

#logo{ width:300px;margin-left:auto;margin-right:auto;height:auto; }
#tytul{width:300px;margin-left:auto;margin-right:auto;height:auto; }
#tytul h2{
width:300px;   margin-left:auto;margin-right:auto;margin-top:20px;
margin-bottom:20px;
                                                                              


font-size:120%;                                                                
font-weight: normal;
text-align: center;}
 

  ul {
 
	width:300px
	padding: 0px;
  padding-top: 5px;
	border:0px;
}

ul li {
	 margin-left:auto;margin-right:auto;
  margin-bottom: 5px; 
  width:300px;
}

ul a:link, ul a:visited {
	text-decoration: none;
  text-align: center;
	display: block;
  font-size: 28px;
	font-weight: normal;
	background-color: rgb(69, 186, 1);
	color: #fff;
	padding: 15px 10px;
   }

ul a:hover {
	background-color: rgb(69, 115, 1);
  
}

#opis { width: 300px;
        text-align: center;
       

        }
        
        /* Image style */
#scrollUp {
	bottom: 10px;
	right: 0px;
	height: 38px;  /* Height of image */
	width: 38px; /* Width of image */
	background: url(http://www.drewno.pl/reklama/images/top.png) no-repeat;
}

#content h1 {
  font-size: 110%;
  text-align: center;
  font-weight: normal;
}

}