#head 
{ 
    max-width: 980px; 
    padding: 5px; 
    background: green; 
} 
.isihead 
{ 
    height: 30px; 
    padding: 5px; 
    color: green; 
    border: 1px solid black; 
} 

.isialamat 
{
    padding: 3px; 
    padding-left: 0; 
    padding-right: 0; 
    padding-bottom: 3px; 
    border-bottom: 1px solid black; 
    text-align: left; 
    font-size: 8px; 
    color: yellow; 
} 



#kolom_utama 
{ 
    max- width: 980px;
    padding : 5px; 
} 
.menu 
{ 
    width: 20%; 
    float: left; 
    padding: 5px; 
    padding-top: 0; 
    padding-bottom: 0; 
}
.leftmenu 
{ 
    padding-top: 0; 
    padding-bottom: 0; 
    background: blue; 
    border-left: 1px solid white; 
    border-bottom: 1px solid white; 
}
.leftmenu1 
{ 
    height: 50px; 
    padding-top: 0; 
    padding-bottom: 0; 
    background: blue; 
    border-left: 1px solid white; 
    border-bottom: 1px solid white; 
}

.aditrans  
{ 
    width: 73%; 
    float: right; 
    text-align: left; 
    padding: 5px; 
    padding-top: 0; 
    color: brown; 
} 
.kakiku   
{ 
    max-width: 980px; 
    text-align: right; 
    border-top: 1px solid green; 
    border-bottom: 1px solid green; 
    padding: 5px; 
    padding-top: 0; 
    padding-bottom: 0; 
    margin-top: 5px; 
    color: green; 
} 

p.isimenu 
{ 
    padding-left: 5px; 
    font-size: 9px; 
    color: white; 
    text-align: left; 
    margin: 0; 
} 
p.aditranstop 
{ 
    font-size: 10px; 
    margin-bottom: 0; 
    color: green; 
    font-weight: bold; 
    text-align: left; 
} 

p.isi_aditranstop 
{ 
    font-size: 8px; 
    color: black; 
} 




body
{
	background: gainsboro;
	text-align: center;
	font-family: 'Droid Serif', serif;
	font-size: 8px;
}
.clear
{
	clear: both;
} 
.garisbaik 
{
        height: 2px; 
        max-width: 980px; 
        background: green; 
        margin-bottom: 5px; 
}
.garisbaik2 
{
        height: 2px; 
        max-width: 980px; 
        background: gold; 
        margin-bottom: 5px; 
}


















.kualitas 
{
max-width: 980px; 
margin: 0 auto; 
}

#telorasin 
{
float: left; 
max-width: 660px; 
padding: 5px;
}

img.adidumar 
{
max-width: 648px; 
border: 1px solid grey; 
border-radius: 5px; 
} 

.khasbrebes 
{
float: left; 
width: 208px; 
padding: 0; 
padding-top: 10px; 
padding-bottom: 5px; 
margin: 5px; 
background: white; 
border: 1px solid grey; 
border-radius: 5px; 
} 

img.box1
{ 
width:100%; 
}

p.isikolom 
{
font-size: 10px; 
font-weight: bold; 
text-align: left; 
padding-left: 10px; 
padding-right: 10px; 
color: black; 
}

p.harga 
{
font-size: 6px; 
text-align: left; 
padding-left: 10px; 
padding-right: 10px; 
color: red; 
}

img.klikbeli
{
float: right; 
width: 50px; 
margin-left: 7px; 
margin-right: 10px; 
background: green; 
border-radius: 5px; 
}

img.klikbeli2
{
float: right; 
width: 50px; 
background: green; 
border-radius: 5px; 
}

p.isipesan
{
font-size: 20px; 
font-weight: bold; 
text-align: left; 
padding-left: 10px;
color: blue;
} 


iframe.maps1
{ 
margin-top: 10px; 
max-width: 648px; 
height: 300px; 
border: 1px solid grey; 
border-radius: 5px; 
}

#tambahan 
{ 
float: right; 
width: 263px; 
padding: 5px; 
} 

.ads 
{ 
font-size: 10px; 
padding: 5px; 
padding-left: 10px; 
padding-right: 10px; 
margin-left: 5px; 
margin-right: 5px; 
text-align: left; 
background: yellow; 
color: maroon; 
} 

#footer 
{ 
height: 60px; 
padding: 10px; 
padding-top: 5px; 
background: green; 
} 

.isifooter
{
font-size: 8px; 
float: left; 
text-align: left; 
color: white; 
} 

img.foot
{
float: left; 
height: 20px; 
width: 20px; 
margin-right: 5px; 
} 

p.isifooter2 
{
float: right; 
text-align : right; 
}


@media (max-width: 420px) 
{ 

#telorasin 
{
float: none; 
display: block; 
max-width: 800px; 
margin: 0 auto; 
padding: 5px;
}

img.adidumar 
{
width: 80%; 
margin: 0 auto; 
border: 1px solid grey; 
border-radius: 5px; 
} 

.khasbrebes 
{
float: none; 
display: block; 
width: 50%; 
padding: 0; 
padding-top: 10px; 
padding-bottom: 5px; 
margin: 0 auto; 
background: white; 
border: 1px solid grey; 
border-radius: 5px; 
} 

p.isikolom 
{
font-size: 9px; 
}

p.harga 
{
font-size: 7px; 
}

img.klikbeli
{
width: 40px; 
margin-left: 6px; 
}

img.klikbeli2
{
width: 40px; 
}

p.isipesan
{
font-size: 17px; 
} 


iframe.maps1
{ 
margin-top: 10px; 
width: 97%; 
height: 200px; 
border: 1px solid grey; 
border-radius: 5px; 
}

#tambahan 
{ 
float: none; 
display: block; 
margin: 0 auto; 
width: 80%; 
padding: 5px; 
} 

