body {background-color: #f3f3f3; margin: 0; padding: 0; font-family: 'Arial',sans; font-size: 12px; background: url(images/bg.gif);}


.logo {float: left;margin-top: 30px;}
.blablabla {float: left; margin-left: 300px; margin-top: 30px;}
.blablabla span {background-color: #ffe400; font-size: 24px; color: black; line-height: 26px; }


.ruler {float: left; clear: both; background-color: #ffe400; height: 15px; width: 100%;}
.container {margin: 0 auto; width: 960px; clear: both;}


.tempatporto {float: left; padding: 50px 0px 50px 50px; width: 800px;}


.porto {float: left; margin: 0 20px 20px 0; width: 232px; height: 200px ; position: relative; }
.new {position: absolute; left: 173px; top:-4px; width: 64px; height: 64px; background: url(images/new.gif);}
.video {position: absolute; left: 172px; top:-4px; width: 64px; height: 64px; background: url(images/video.gif);}
.gloss {position: absolute; left: 3px; top:3px; width: 227px; height: 107px; background: url(images/gloss.png);}
.porto img{border: solid 1px #cccccc; }
.link {margin-top: 10px;}
.link span{text-decoration: none; background-color: black; padding:2px;color: #ffffff;padding: 0; margin: 0; }

.bawah {float: left; width: 100%; background-color:#ffe400; height: 200px; }
.blobloblo {width: 400px; margin-top: 30px; margin-left: 500px;}
.blobloblo span {background-color: #000000; font-size: 24px; color: #ffe400; line-height: 26px; }