body{
margin:0;
padding:0;
}

#lahat{
width:100%;
padding-bottom:94%;
margin:0;
background-color:black;
}

#header{
float:left;
width:100%;
padding-bottom:5%;
background-color:#008500;
position:fixed;
z-index:2;
}

#baba{
margin-top:5%;
float:left;
width:100%;
padding:.1% 0;
background-color:#BFA730;
position:fixed;
z-index:1;
}

#header img{
margin-left:2%;
float:left;
margin-top:-5%;
width:30%;
position:fixed;
z-index:2;
text-align:right;
}

a {
color:#ffffff;
font-family:"Lucida Sans Unicode";
}

a:hover{
color:#BFA730;
}

#header ul
{
margin-left:80%;
list-style:none;
float:left;
position:absolute;
font-size:120%;
}

#header ul li
{
display:inline;
margin-left:20px;
}

#header ul li a
{
text-decoration:none;
}

#wall img{
width:100%;
float:left;
position:fixed;
z-index:0;
}

#id img{
margin-top:32%;
width:40%;
float:left;
position:absolute;
z-index:0;
}

#bot{
margin-top:50%;
float:left;
width:100%;
background-color:#CDF76F;
z-index:0;
position:absolute;
}

#una{
float:left;
width:25%;
background-color:pink;
position:relative;
overflow:hidden;
padding-bottom:44.1%;
cursor:pointer;
}

#una img{

width:350%;
position:absolute;
-webkit-transition:2s;
 -moz-transition:2s; 
 -ms-transition:2s;
 -o-transition:2s; 
 transition:2s;
 top:0;
}


#una img:hover{
top:-5%;
}

#sub1 img{
margin-top:150%;
margin-left:15%;
width:70%;
}

#panga{
float:left;
width:25%;
background-color:pink;
position:relative;
overflow:hidden;
padding-bottom:44.1%;
cursor:pointer;
}


#panga img{
left:-40%;
width:350%;
position:absolute;
-webkit-transition:2s;
 -moz-transition:2s; 
 -ms-transition:2s;
 -o-transition:2s; 
 transition:2s;
 top:0;
}

#panga img:hover{
top:-5%;
}

#sub2 img{
margin-top:150%;
margin-left:38%;
width:100%;
}

#pangat{
float:left;
width:25%;
background-color:pink;
position:relative;
overflow:hidden;
padding-bottom:44.1%;
cursor:pointer;
}

#pangat img{
left:-135%;
width:350%;
position:absolute;
-webkit-transition:2s;
 -moz-transition:2s; 
 -ms-transition:2s;
 -o-transition:2s; 
 transition:2s;
 top:0;
}

#pangat img:hover{
top:-5%;
}

#sub3 img{
margin-top:150%;
margin-left:150%;
width:72%;
}

#sub3 img{
color:#ffffff;
}

#pangap{
float:left;
width:25%;
background-color:pink;
position:relative;
overflow:hidden;
cursor:pointer;
padding-bottom:44.1%;
}

#pangap img{
top:-20%;
left:-100%;
width:350%;
position:absolute;
-webkit-transition:2s;
 -moz-transition:2s; 
 -ms-transition:2s;
 -o-transition:2s; 
 transition:2s;

}

#pangap img:hover{
top:-25%;
}

#sub4 img{
margin-top:163%;
margin-left:105%;
width:90%;
position:absolute;
}

#logu img{
margin-top:.5%;
margin-left:.8%;
width:7%;
z-index:2;
position:fixed;
cursor:pointer;
 
/* Firefox */
-moz-transition: all 1s ease;
/* WebKit */
-webkit-transition: all 1s ease;
/* Opera */
-o-transition: all 1s ease;
/* Standard */
transition: all 1s ease;
}

#logu img:hover{
/* Firefox */
-moz-transform:rotate(360deg);
/* WebKit */
-webkit-transform:rotate(360deg);
/* Opera */
-o-transform:rotate(360deg);
/* Standard */
transform:rotate(360deg);
}