html, body {
     background-color: #fff;
     color: #000;
     margin: 0;
     padding: 0;
     font-family: Arial;
     font-size: 14px;
}

#kontener {
     width: 800px;
     margin-left: 250px;
}

#MENU {
     background-color: #990000;
     background-image: url("images/menu_pasek.jpg");
     background-repeat: no-repeat;
     height: 36px;
     
     margin: 0px
     padding: 0px;
}


#NAGLOWEK {
     background-color: #fff;
     background-image: url("images/milkomatic2.jpg");
     background-repeat: no-repeat;
     height: 155px;
     
 
      
}

#LEWA {
     width: 265px;
     
     overflow: hidden;
     background-color: #fff;
     background-image: url("images/certyfikaty.jpg");
     background-repeat: no-repeat;
     float: left;


	
     
     
}

#TRESC {
     width: 525px;

     overflow: hidden;
     background-color: #fff;
	margin-left: 270px;



     
}

#STOPKA {
     clear: both;
     width: 100%;
     height: 20px;
     background-color: #990000;
     background-image: url("images/stopka.jpg");
     background-repeat: repeat-x;
     color: #fff;
     text-align: center;
     font-size: 10px;
     font-family: arial;
     padding-top: 3px;
}


#MENU ul, ul li {
     display: block;
     list-style: none;
     margin: 0;
     padding: 0;
     
}

#MENU ul {
     float: right;
     background-color: #990000;
     padding: 0px 0px 0px 0px;
     margin-right:20px;
     
     
}

#MENU ul li {
     float: left;
}

#MENU ul a:link, ul a:visited {
     text-decoration: none;
     display: block;
     font-family: Arial;
     font-size: 12px;
     background: #990000 url("images/menu.jpg") repeat-x center;
     color: #fff;
     padding: 10px 10px;
     /*border-right: 1px solid #990101;*/
     
     
}

#MENU ul a:hover {
     background-color: #990000;
     background-image: url("images/menu_a.jpg");
}



.tabelka {
width: 550px;
float: left;
padding: 10px 0px 0px 0px;
overflow: hidden;


}
.tabelka_naglowek {
     background: #990000; /*url(images/pasek_nagl.jpg) no-repeat;*/
     color: #fff;
     text-decoration: none;
     font-family: Arial;
     padding: 3px 5px 3px 8px;
     font-size: 12px;
     width: 535px;
     overflow: hidden;
}

.tabelka_tekst {
padding: 5px 1px 2px 5px;
width: 535px;
/*8height: 240px;*/
}

.tabelka_krotka {
padding: 5px 1px 2px 5px;
width: 162px;
height: 120px;
}

.tabelka_more {
text-align: right;
color: #990000;
overflow: hidden;
padding-right: 15px; 

}

a {
color: #990000;
text-decoration: none;
}

p.m {
margin-left: 10px;}
p.m:first-letter { color: #cc0000; }

p {
margin-left: 10px;}


img.pionowa {
padding: 10px 9px 10px 8px;
float: left;
width: 1px;
}


* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
     margin: 0 auto; /* center for now */
     width: 535px; 
     background: url(images/sbbody-r1.gif) no-repeat bottom right;
     font-size: 100%;
}
.boxhead {
     background: url(images/sbhead-r1.gif) no-repeat top right;
     margin: 0;
     padding: 0;
     text-align: center;
}
.boxhead h2 {
     background: url(images/sbhead-l1.gif) no-repeat top left;
     margin: 0;
     padding: 5px 10px 5px;
     color: white; 
     font-weight: bold; 
     font-size: 12px; 
     line-height: 1em;
     text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
     background: url(images/sbbody-l1.gif) no-repeat bottom left;
     margin: 0;
     padding:  2px 10px 2px 10px;
     text-align: justify;
     
}
.tabelka_tekst ul {
padding:0px;
margin:0px 10px 0px 10px;
}

.tabelka_tekst li {
padding:0px 10px 0px 10px;
margin:0px 10px 0px 10px;
list-style: none;
text-align: left;
background : url(images/punkt.jpg) no-repeat  left;

}


/***********************************************/
#imageMenu {
     position: relative;
     width: 535px;
     height: 130px;
     overflow: hidden;
     margin:0px;
     padding:0px;
}



#imageMenu ul {
     list-style: none;
     margin: 0px;
     padding:0px;
     display: block;
     height: 2000px;
     width: 535px;
     
     }

#imageMenu ul li {
     float: left;
}

#imageMenu ul li a {
     text-indent: -1000px;
     background:#FFFFFF none scroll 0%;
     border-top: 1px solid #fff;
     cursor:pointer;
     display:block;
     overflow:hidden;
     width: 535px;
     height: 32px;
}



#imageMenu ul li.automatyka_przemyslowa a {
     background: url(images/automatyka_przemyslowa.jpg) repeat scroll 0%;
     margin: 0px;
     padding: 0px;
}

#imageMenu ul li.rozdzielnie_elektryczne a {
     background: url(images/rozdzielnie_elektryczne.jpg) repeat scroll 0%;
     margin: 0px;
     padding: 0px;
}

#imageMenu ul li.mes a {
     background: url(images/mes.jpg) repeat scroll 0%;
     margin: 0px;
     padding: 0px;
}

#imageMenu ul li.inteligentne_budynki a {
     background: url(images/inteligentne_budynki.jpg) repeat scroll 0%;
     margin: 0px;
     padding: 0px;
}

#imageMenu ul li.robotyka a {
     background: url(images/mes1.jpg) repeat scroll 0%;
     margin: 0px;
     padding: 0px;
     width: 535px;
}


.clear {
     clear: both;
}
/*************************************************************/