
body {
       background-color: #444444;
       font-family: verdana;
       font-size: 12px;
       margin: 0px;
}
#all {
       width: 800px;
       margin: auto;
}
#gora {
       background: url('img/gora2.jpg') no-repeat;
       width: 800px;
       height: 103px;
}
#gora a { border: 0px solid red; margin-top: 63px; height: 12px; display: block; float: left; display: inline; }

#firma {
       margin-left: 233px;
       width: 60px;
}

#oferta, #nowosci, #kontakt, #prasa, #praca, #dopuszczenia {
       margin-left: 14px;
       width: 60px;
}
#dopuszczenia {
       width: 80px;
}

#prawy, #lewy { height: 3570px; }

   /* cz lewa*/
#lewy {
       width: 206px;
       margin-top: 15px;
       background: url('img/lewy-bg.gif') repeat-y;
       float: left;
       display: inline;
       font-size: 10px;
       font-family: tahoma;
}


#n_produkty {
       background: url('img/p_gora.jpg') no-repeat;
       color: white;
       padding: 35px 20px 8px 0px;
       font-weight: bold;
       text-align: right;
       font-size: 11px;
}

.l_box {
       border: 0px solid white;
       border-top: 1px solid #8FC7F8;
       color: white;
       padding-top: 5px;
       text-align: right;
       margin: 0px 8px 0px 3px;
       float: left;
       width: 195px;
}

.l_box a{
       font-weight: bold;
       text-decoration: underline;
       color: white;
}

.l_box img {
       float: right;
       margin: 0px 0px 0px 3px;
}
   /* cz prawa*/
   
#prawy {
       width: 552px;
       margin-top: 15px;
       float: left;
       margin-left: 6px;
       background-position: 0px 0px;
       display: inline;
       background: white url('img/r_lewy.jpg') no-repeat;
       padding-left: 25px;
}
#r_prawy {
       background-image: url('img/r_prawy.jpg');
       width: 27px;
       height: 23px;
       float: right;
       margin-top: 0px;
}
h1 {
       border-bottom: 1px solid #8A2931;
       width: 545px;
       font-size: 16px;
       margin-top: 34px;
       padding-bottom: 25px;

}
#tlo-elektromig {
       width: 460px;
       height: 47px;
       background: url('img/tlo-elektromig.jpg')  repeat-y;
       margin-left: 0px;
       padding-left: 12px;
       padding-top: 3px;
       border: 0px solid red;
		 
		 
		 
}

#tlo-hgmig {
       width: 460px;
       height: 47px;
       background: url('img/tlo-elektromig.jpg') ;
       margin-left: 0px;
       padding-left: 12px;
       padding-top: 3px;
       border: 0px solid red;
		 
		 
		 
}

#tlo-elektromig a {
       margin-left: 12px;
       margin-bottom: 5px;
}
h2 {
       font-size: 14px;
       margin-top: 5px;
       margin-bottom: 5px;
}
#zrodlo, #zaplon { width: 220px; }

#zrodlo {   /*PIERWSZY LEWY TEXT*/
       margin-top: 10px;
      display: inline;
       float: left;
       margin-bottom: 20px;
       border: 0px solid red;
}
.c-lor {
       width: 200px;
       height: 20px;
       background-color: #163d8a;
       margin-top: 0px;
     
       color: white;
       padding-left: 5px;
       font-weight: bold;
       padding-top: 5px;
       margin-bottom: 5px;
}
#zrodlo ul {
       margin: 10px 0px 0px 0px;
       padding-left: 13px;
}
#zrodlo ul li {
       margin: 10px;
       list-style-image: url('img/punkt.jpg');
}
#zrodlo img {
       padding-left: 35px;
}

/* srodek cz prawa */
#chlodzenie, #podajnik, #zalety { width: 305px; margin-left: 10px; }

#podajnik .c-lor, #zalety .c-lor {
       width: 300px;
       height: 20px;
       background-color: #163d8a;
       margin-top: 0px;
       float: left;
       color: white;
       padding-left: 5px;
       font-weight: bold;
       padding-top: 5px;
       border: 0px solid red;
}

#chlodzenie {   /*PIERWSZY PRAWY TEXT*/
       margin-top: 10px;
       float: right;
       display: inline;
       border: 0px solid red;
}
#chlodzenie img {

       float: left;
       margin-top: 5px;
}
#podajnik {  /*DRUGI PRAWY TEXT*/
       margin-top: 10px;
		 padding-right: 10px;
       float: right;
       display: inline;
       border: 0px solid red;
       height: 300px;
}
#podajnik ul {
       margin: 10px 0px 0px 0px;
       padding-left: 13px;
}
#podajnik ul li {
       margin: 10px;
       list-style-image: url('img/punkt.jpg');
}
#prawy a{
       font-weight: bold;
       text-decoration: none;
       color: #0a51a1;
}
.wiecej { border: 0px solid red; float: left; width: 90%; margin: 0px 0px 25px 0px; }

#tlo-elektroplus {
       width: 460px;
       height: 68px;
       background: url('img/tlo-elektromig.jpg')  repeat-y;
       margin-top: 20px;
       line-height: 18px;
       padding-left: 12px;
       padding-top: 3px;
       float: left;
       border: 0px solid red;
}

#zaplon {  /*PIERWSZY LEWY TEXT*/
       margin-top: 10px;
       float: left;
       margin-bottom: 20px;
       
       border: 0px solid red;
}
#zaplon ul {
       margin: 10px 0px 0px 0px;
       padding-left: 13px;
}
#zaplon ul li {
       margin: 10px;
       list-style-image: url('img/punkt.jpg');
}
#zaplon img {
       padding-left: 35px;
}
#zalety {   /*PIERWSZY LEWY TEXT*/
       margin-top: 10px;
		 padding-right: 10px;
       
       float: right;
       margin-bottom: 20px;
       border: 0px solid red;
}
#zalety ul {
       margin: 10px 0px 0px 0px;
       padding-left: 13px;
}
#zalety ul li {
       margin: 10px;
       list-style-image: url('img/punkt.jpg');
}
#ok-ochron {
       width: 460px;
       height: 28px;
       background: url('img/tlo-elektromig.jpg')  repeat-y;
       margin-top: 20px;
       line-height: 18px;
       padding-left: 12px;
       padding-top: 3px;
       float: left;
}
#okulary-4 {
       width: 542px;
       display: inline;
       margin-top: 10px;
       padding-right: 10px;
       float: left;
       border: 0px solid red;
}
#okulary-4 img {
       float: left;
}
#okulary-4 .c-lor {
       width: 405px;
       height: 20px;
       background-color: #163d8a;
       margin-top: 10px;
       float: left;
       color: white;
       padding-left: 5px;
       font-weight: bold;
}
#okulary-4 ul {
       margin: 10px 0px 0px 0px;
       padding-left: 13px;
       float: left;
       width: 350px;
       border: 0px solid red;
}
#okulary-4 ul li {
       margin: 10px;
       list-style-image: url('img/punkt.jpg');
}
#zastosowanie {   /*PIERWSZY LEWY TEXT*/
       width: 540px;
       margin-top: 0px;
       float: left;
       margin-bottom: 20px;
       display: inline;
       border: 0px solid red;
}
#zastosowanie .c-lor {
       width: 545px;
       height: 20px;
       background-color: #163d8a;
       margin-top: 10px;
       float: left;
       color: white;
       padding-left: 5px;
       font-weight: bold;
}
#zastosowanie ul {
       margin: 10px 0px 0px 0px;
       padding-left: 13px;
       float: left;
}
#zastosowanie ul li {
       margin: 10px;
       list-style-image: url('img/punkt.jpg');
}






















