@font-face  { font-family: avenir; src: url('fonts/avenirltstd-book.eot'), url('fonts/avenirltstd-book.ttf'),  url('fonts/avenirltstd-book.otf'), url('fonts/avenirltstd-book.svg'), url('fonts/avenirltstd-book.woff') }
@font-face  { font-family: museo; src: url('fonts/museo.eot'), url('fonts/museo.ttf'),  url('fonts/museo.otf'), url('fonts/museo.svg'), url('fonts/museo.woff') }
body {background-color:#202020}
#all{position:absolute;top:0px;left:0px;width:790px;height:560px;background-color:#ffaa00;background-image:url('ob/bg0.png');background-repeat:no-repeat}
#t1 {position:absolute;top:100px;left:65px; font: 54px museo ,verdana, arial;width: 700px ;color:#ffffff;text-align:center}
#t2 {color: #FFFFFF;font: 18px avenir,verdana,arial;height: 299px;left: 86px;overflow: hidden;position: absolute;text-align: center;top: 170px;width: 670px;}
#t3 {position:absolute;top:480px;left:355px; width:110px;text-align:center}
a {color:#d8e0e8; text-decoration:none;font-size:12px;font-family:avenir,arial}
a:hover {color:#b0d0ff; text-decoration: underline}
td{text-align:center;vertical-align:middle}
img {border:0}

#div_inicio{
	height: 259px;
    left: 40px;
    position: absolute;
    top: 70px;
    width: 557px;
	overflow:hidden;
}
#img_bg{
	left: 0;
    position: absolute;
    top: 0;
	opacity:0
}
#img_sub{
	left: 200px;
    position: absolute;
    top: -45px;
	opacity:0
}
#img_plant{
	left: 29px;
    position: absolute;
    top: 225px;
	opacity:0
}
#img_fish1{
	left: 466px;
    position: absolute;
    top: -90px;
	opacity:0
}
#img_fish2{
	left: 444px;
    position: absolute;
    top: 149px;
	opacity:0
}
#img_fish3{
	left: -66px;
    position: absolute;
    top: 219px;
    opacity: 0;
}
#img_fish4{
	left: 100px;
    position: absolute;
    top: -66px;
    opacity: 0;
}
#img_fish5{
	left: -130px;
    position: absolute;
    top: 55px;
    opacity: 0;
}
#img_fish6{
	left: 410px;
    position: absolute;
    top: 229px;
	opacity:0
}
#img_bubble{
	left: 460px;/*437*/
    position: absolute;
    top: 229px;/*130*/
	opacity:1
}