body{
margin:0;
}

#body{
width:100%;
height:100%;
position:absolute;
margin-left:0;
}

li{
width:98%;
margin-left:-.5%;
margin-right:1%;
margin-bottom:5px;
height:300px;
margin-top:5px;
font-family:Consolas;
background-color:#c7c7c7;
position:relative;
display:inline;
float:left;
overflow:hidden;
}

li:hover{
background-color:#a6482b;
}

#left{
width:50%;
height:100%;
position:absolute;
}

#right{
width:50%;
height:100%;
position:absolute;
margin-left:50%;
}

li img{
height:100%;
}

#img{
width:90%;
height:80%;
margin-left:5%;
margin-right:5%;
margin-bottom:32px;
margin-top:32px;
position:absolute;
overflow:hidden;
}

#pamagat{
margin-top:32px;
width:90%;
margin-left:5%;
margin-right:5%;
height:58px;
position:absolute;
}

#des{
width:90%;
margin-left:5%;
margin-right:5%;
height:60%;
margin-top:90px;
margin-bottom:32px;
position:absolute;
}

#des p{
color:white;
font-size:20px;
margin:0;
}

h1{
margin:0;
font-size:50px;
color:orange;
}