html, body{
margin: 0px;
padding: 0px;
font-size: 16px;
height: 100%;
width: 100%;
}


.toppi{
width: 100%;
height: 5%;
background: #00ac00;
margin: 0 auto;
}

.loggo{
width: 100%;
margin: 0 auto;
background-image: url("img/header2.jpg");
background-repeat: no-repeat;
background-size: 100%;
}




.mennu{
width: 100%;
height: 7%;
background: #00ac00;
margin: 0 auto;
}



.customcolor{
background: #00ac00;
}


.sert{
font-size: 14px;
border: 1px solid gray;
border-radius: 5px 0px 0px 5px;
width: 45%;
height: 32px;
outline: none;
}


.sercat{
font-size: 14px;
border: 1px solid gray;
width: 25%;
height: 32px;
outline: none;
border-left: 0px;
}

.serb{
font-size: 14px;
border: 1px solid black;
border-radius: 0px 5px 5px 0px;
border-left: 0px;
height: 31px;
background: black;
color: white;
width: 10%;
}

.vcent{
margin-top: 20px;
text-align: center;
}


.catdiv{
font-size: 14px;
min-height: 35px;
background: #eeeeee;
border: 0px;
border-bottom: 1px solid #cccccc;
padding: 2px;
cursor: pointer;
}


.catdiv:hover{
background: #dddddd;
}


.subcatdiv{
font-size: 14px;
min-height: 35px;
background: white;
border: 0px;
border-bottom: 1px solid #cccccc;
padding: 2px;
padding-left: 12px;
cursor: pointer;
display: none;
}

.subcatdiv:hover{
font-weight: bold;
}

.prodd{
border: 12px double #eeeeee; 
}

.prodd:hover{
background: #eeeeee;
cursor: pointer;
}

.prodesc{
text-align: center;
}


#maininfo{
padding-left: 10px;
padding-top: 0px;
}

######################################################################