#lahat{
width:100%;
background-color:black;
}

#nav{
width:100%;
background-color:white;
float:left;
position:relative;
margin-left:0%;
margin-right:-1%;
}

body{
margin:0;
}

#sci,#tec,#bra,#tom,#abo{
width:19.8%;
border:1px solid #00CC00;
background-color:white;
float:left;
color:#269926;
font-size:126%;
font-family:consolas;
padding-bottom:.3%;
margin-right:0%;
}

#sci p,#tec p,#bra p,#tom p,#abo p{
margin-left:10%;
margin-top:6%;
}


#loobsci{
width:10%;
padding-bottom:2%;
margin-top:-6%;
margin-left:11%;
background-color:#00CC00;
margin-bottom:4%;
}

#loobtec,#loobbra,#loobtom,#loobabo{
width:10%;
padding-bottom:2%;
margin-top:-6%;
margin-left:11%;
background-color:#ffffff;
border:1px solid #00CC00;
margin-bottom:3.5%;
}


#body{
width:100%;
float:left;
position:relative;
overflow:hidden;
padding-bottom:0%;

}

#tec:hover,#bra:hover,#tom:hover,#abo:hover{
background-color:#67E667;
color:white;
cursor:pointer;
transition: 1s;
}

#sci{
border-bottom:2px solid white;
}

#abo{
margin-right:-1.3%;
}

#title{
width:100%;
position:absolute;
z-index:1;
}

#left{
margin-top:3%;
width:70%;
float:left;
margin-left:15%;
z-index:1;
}

#big img{
width:100%;
}

#body img{
z-index:-1;
margin-top:8.6%;
float:left;
}

#mol img{
float:right;
z-index:-1;
margin-top:0;
}

#des{
width:60%;
padding-bottom:3%;
clear:both;
margin-left:21%;
margin-top:-5%;
font-size:180%;
font-family:Agency FB;
color:#078600;
text-align:center;
}

#logo img{
width:9%;
margin-top:1%;
margin-left:15.5%;
position:relative;
float:left;
z-index:1;
}