/* alternative clearing method */

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* end - alternative clearing method */ 

body {
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;	
	line-height: 1.2;
}
div {
	border: 0px solid #000000;
}
p {
    margin: 12px 0;
}
ul {
    margin: 12px 0;
    padding-left: 40px;  
}
li {
	line-height: 20px;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #006699;
	padding: 4px 0px 4px 10px;
	margin: 10px 0px 10px 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #EDEDED;
	padding: 4px 0px 4px 10px;
	margin: 10px 0px 10px 0px;
}
#gora {
	width: 100%;
	height: 313px;
	background-image: url("../images/tlo.jpg");
}
#szczyt {
	width: 710px;
	height: 71px;
	background-image: url("../images/szczyt.jpg");
}
#szczyt a {
	position: absolute;
	height: 71px;
	width: 230px;
}
#szczyt a:hover {
	border: none;
}
#menu {
	width: 710px;
	height: 34px;
	background-image: url("../images/menu.jpg");
}
#menu a {
  position: absolute;
  height: 34px;
  top: 71px; 
  text-decoration: none;
}
#menu a i {
	visibility: hidden;
}
a#g_glowna { left: 229px; width: 91px; }
a#g_handel { left: 320px; width: 88px; }
a#g_uslugi { left: 408px; width: 86px; }
a#g_kontakt { left: 494px; width: 93px; }
a#g_glowna:hover { background-image: url("../images/g_glowna.jpg"); }
a#g_handel:hover { background-image: url("../images/g_handel.jpg"); }
a#g_uslugi:hover { background-image: url("../images/g_uslugi.jpg"); }
a#g_kontakt:hover { background-image: url("../images/g_kontakt.jpg"); }
a#g_glowna:hover , a#g_handel:hover, a#g_uslugi:hover, a#g_kontakt:hover { border: none; }
#adresy {
	width: 710px;
	height: 208px;
}
#adres {
	float: left;
	width: 229px;
	height: 208px;
	background-image: url("../images/szary.jpg");
}
#adres p {
	margin: 0px 0px 0px 4px;
	font-size: 10px;
	text-align: center;
}
#adres a {
	color: #000000;
	text-decoration: none;
}
#adres a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
.align {
	margin-top: 9px;
}
.wielkie {
	text-transform: uppercase;
	font-weight: bold;
}
.przerwa {
	padding-top: 8px;
}
#graf {
	float: right;
	width: 481px;
	height: 208px;
	background-image: url("../images/grafika2.jpg");
}
#srodek {
	width: 720px;
	background-image: url("../images/szary2.jpg");
}
#prawa {
    float: right;
	padding: 10px 0px 10px 10px;
	width: 481px;
	background-color: #FFFFFF;
}

/* SIDEBAR */
#sidebar {
  float: left;
  width: 229px;
  }
.rzetelna-firma {
    display: block;
    width: 187px;
    height: 91px;
    margin: 20px auto 0 auto;  
}
.rzetelna-firma img {
    border: 0;
}


.s1 {
	border: 0px;
	float: right;
}
#prawa p {
	line-height: 20px;
	margin-left: 5px;
}
#prawa a {
	color: #000000;
	text-decoration: none;
}
#prawa a:hover {
	color: #006699;
	text-decoration: none;
}
#tekst {
	padding: 10px 10px 10px 10px;
}
#dol {
	width: 100%;
	height: 33px;
	background-image: url("../images/szary.jpg");
	clear: both;
}
#menudol {
	margin-left: 229px;
	width: 309px;
	height: 33px;
	background-image: url("../images/menudol.jpg");
}
#menudol a {
	position: absolute;
	height: 33px;
	text-decoration: none;
}
#menudol a i {
	visibility: hidden;
}
a#d_glowna { left: 229px; width: 75px; }
a#d_handel { left: 304px; width: 77px; }
a#d_uslugi { left: 381px; width: 73px; }
a#d_kontakt { left: 454px; width: 80px; }
a#d_glowna:hover { background-image: url("../images/d_glowna.jpg"); }
a#d_handel:hover { background-image: url("../images/d_handel.jpg"); }
a#d_uslugi:hover { background-image: url("../images/d_uslugi.jpg"); }
a#d_kontakt:hover { background-image: url("../images/d_kontakt.jpg"); }
a#d_glowna:hover ,a#d_akcesoria:hover, a#d_handel:hover, a#d_uslugi:hover, a#d_kontakt:hover { border: none; }
.stopka {
	color: #999;
	margin: 10px 0px 0px 235px;
	height: 50px;
}
.stopka p {
  margin: 0;
  font-size: 10px;
  }
.stopka a {
    color: #999;
    text-decoration: none;
}
.stopka a:hover {
	font-size: 10px;
	color: #999;
	text-decoration: underline;
}

/* --- podstrony --- */
#table_glowna {
	margin: 0 auto;
	margin-bottom: 20px;
}
#table_kontakt {
	margin-bottom: 20px;
}
#table_kontakt .td1 {
	vertical-align: middle;
	text-align: center;
	width: 120px;
	height: 100px
}
#table_kontakt .td2 {
	height: 100px
}

#table_handel {
	margin: 10px 0px 10px 0px;
}
#table_handel .td1 {
	vertical-align: middle;
	text-align: center;
}
#table_handel .td2 {
	vertical-align: middle;
	text-align: center;
}
#table_wd40 {
	margin-bottom: 20px;
}
#table_wd40 img{
	border: 2px solid #000000;
}
#table_wd40 .obr {
	text-align: center;
}
#table_wd40 .txt {
	text-align: center;
	background-color: #EDEDED;
}
#table_kolpaki1 {
	width: 100%;
}
#table_kolpaki1 .obr {
	text-align: center;
}
#table_kolpaki1 .txt {
	text-align: center;
	background-color: #EDEDED;
}
#table_kolpaki2 {
	width: 100%;
}
#table_kolpaki2 .obr {
	text-align: center;
}
#table_kolpaki2 .txt {
	text-align: center;
	background-color: #EDEDED;
}
#table_kolpaki3 {
	width: 100%;
	margin-bottom: 20px;
}
#table_kolpaki3 .obr {
	text-align: center;
}
#table_kolpaki3 .txt {
	text-align: center;
	background-color: #EDEDED;
}
.image_oleje1 {
	float: right;
}
.table_oleje ul {
	list-style-position: inside;
	padding: 0px;
	margin: 0px;
}
.table_oleje li {
	line-height: normal;
}
.table_oleje {
	margin-bottom: 20px;
}
.table_oleje .col1{
	text-align: center;
	width: 25%;
	background-color: #EDEDED;
}
.table_oleje .col2{
	width: 50%;
}
.table_oleje .col3{
	text-align: center;
	width: 25%
}