body { background-color: #ffffff; }
#menu1 {
    width: 780px;                                /* szerokość pliku graficznego */
    height: 30px;                                /* połowa wysokości pliku graficznego */
    border: 0px solid #666;
    margin-left: auto; margin-right: auto;        /* marginesy środkują nam menu na stronie */
}
/* Button nr 1 */
#link1 a {
    background: url(img/glowna_2.gif) 0px 0px no-repeat;     /* tło: ścierzka dostępu, przesunięcie w poziomie, przesunięcie w pionie, bez powtarzania */ 
    width: 135px;                                /* porządana szerokość buttona */
    height: 30px;                                /* porządana wysokość buttona */
    display: block;                                /* wyświetla DIV "link1 a" jako element blokowy */
    float: left;
}
#link1 a:hover {                                /* zachowanie buttona po najechaniu na niego myszką */
    width: 135px;
    height: 30px;
    background: url(img/glowna_1.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
/* Button nr 2 */
#link2 a {
    width: 135px;
    height: 30px;
    background: url(img/serwis_1.jpg) 0px 0px no-repeat;
    display: block;
    float: left;
}

#link2 a:hover {
    width: 135px;
    height: 30px;
    background: url(img/serwis_2.jpg) 0px 0px no-repeat;
    display: block;
    float: left;
}
/* Button nr 3 */
#link3 a {
    width: 135px;
    height: 30px;
    background: url(img/produkty_1.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
#link3 a:hover {
    width: 135px;
    height: 30px;
    background: url(img/produkty_2.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
/* Button nr 4 */
#link4 a {
    width: 135px;
    height: 30px;
    background: url(img/klienci_4.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
#link4 a:hover {
    width: 135px;
    height: 30px;
    background: url(img/klienci_3.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
/* Button nr 5 */
#link5 a {
    width: 135px;
    height: 30px;
    background: url(img/onas_1.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
#link5 a:hover {
    width: 135px;
    height: 30px;
    background: url(img/onas_2.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
/* Button nr 6 */
#link6 a {
    width: 178px;
    height: 30px;
    background: url(img/pasek_0.jpg) 0px 0px no-repeat;
    display: block;
    float: left;
}
#link6 a:hover {
    width: 178px;
    height: 30px;
    background: url(img/pasek_0.jpg) 0px 0px no-repeat;
    display: block;
    float: left;
}
/* Button nr 7 */
#link7 a {
    width: 62px;
    height: 30px;
    background: url(img/english.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
#link7 a:hover {
    width: 62px;
    height: 30px;
    background: url(img/english.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
/* Button nr 8 */
#link8 a {
    width: 62px;
    height: 30px;
    background: url(img/ukrain.gif) 0px 0px no-repeat;
    display: block;
    float: left;
}
#link8 a:hover {
    width: 62px;
    height: 30px;
    background: url(img/ukrain.gif) 0px 0px no-repeat;
    display: block;
    float: left;        
}
.linkhistory55 {color:#0000FF; font-weight:bold; text-decoration: none;}
.linkhistory44 {color:#ff8100; font-weight:bold; text-decoration: none;}
.linkhistory32 {color:#red; font-weight:bold; text-decoration: none;}
.linkhistory22 {color:#BFD68A; font-weight:bold; text-decoration: none;}
.linkhistory11 {color:#000000; font-weight:normal; text-decoration: none;}
.linkhistory {color:#009900; font-weight:bold; text-decoration: none;}
.linkhistory1 {color:#404040; font-weight:bold; text-decoration: none;}
.linkhistory2 {font-family: Times New Roman, Helvetica; font-size: 18px; color:#404040; font-weight:bold; text-decoration: none;}
.greenBold {color:#009900; font-weight:bold;}
.blacBold {color:#000000; font-weight:bold;}
.green {color:#009900;font-size:16px;}

.text1 { font-family: Arial, Helvetica; font-size: 12px; color: #000000; font-weight:bold;}
.text11 { font-family: Arial, Helvetica; font-size: 12px; color: #000000; font-weight:normal;}
.text08 { font-family: Arial, Helvetica; font-size: 12px; color: #000000; font-weight:normal;}
.text2 { font-family: Arial, Helvetica; font-size: 14px; color: #616A74; font-weight:bold;}
.text3 { font-family: Arial, Helvetica; font-size: 14px; color: #666666; font-weight:normal;}
.text4 { font-family: Arial, Helvetica; font-size: 18px; color: #373737; font-weight:bold;}
.text5 { font-family: Arial, Helvetica; font-size: 20px; color: #666666; font-weight:bold;}
.text6 { font-family: Arial, Helvetica; font-size: 22px; color: #666666; font-weight:bold;}
.text22 { font-family: Arial, Helvetica; font-size: 24px; color: #616A74; font-weight:bold;}
.link101 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #333399; text-decoration: none;}
.link10 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; color: #FFFF2A; text-decoration: none;}
.tytulOlej0 {font-family: Arial Narrow, Helvetica; font-size: 28px; color: #10833E; font-weight:bold; }
.tytulOlej1 {font-family: Times New Roman, Helvetica; font-size: 22px; color: #404040; font-weight:bold;}
.tytulOlej2 {font-family: Times New Roman, Helvetica; font-size: 18px; color: #666666; font-weight:bold;}
.tytulOlej01 {font-family: Arial Narrow, Helvetica; font-size: 24px; color: #10833E; font-weight:bold; }
.div#wyszukiwarka { position: absolute; top: 125px; left: 750px; }
form{
    width:380px;
    margin:5px auto;
    border:2px solid #ccc;
	padding:10px;
}
form label {
    display:block;
    margin-bottom:1px;
    font-weight:bold;
    font-size:12px;
    color:#555555;
}
form textarea,form input {
	padding:5px; 
	border:1px solid #ccc; 
	margin-bottom:5px; 
	width:100%;
	box-sizing: border-box;
}
form input[type=submit] {
	cursor:pointer;
	margin-bottom:2px;
}