@charset "utf-8";
/* CSS Document */
h1 {font-family: 'Play', sans-serif; font-size:3.6em; color:#8b0304; margin-bottom:10px; font-weight:bold; line-height:36px;}
h2 {font-family: 'Play', sans-serif; font-size:2.8em; color:#000000; margin-bottom:10px; line-height:28px;}
h3 {font-family: 'Play', sans-serif; font-size:2.4em; color:#000000; margin-bottom:10px; line-height:24px;}
h4 {font-family: 'Play', sans-serif; font-size:1.8em; color:#8b0304; margin-bottom:10px; line-height:18px;}
h5 {font-family: 'Play', sans-serif; font-size:1.4em; color:#8b0304; margin-bottom:10px; font-weight:bold; line-height:14px;}
iframe { border:#d2dce1 solid 2px;}
table td {padding:10px 0;}
table {font-family: 'Play', sans-serif; font-size:1.4em; color:#58595b;}
p {font-family: 'Play', sans-serif; font-size:1.4em; color:#58595b; margin-bottom:20px;}
body { background:url(images/bg-cms.gif) repeat; font-family: 'Play', sans-serif;color:#58595b; font-size:62.5%; line-height:18px;background:url(../images/bg_header.jpg) repeat-x top;}
.fish { background:url(../images/bg_acc.jpg) no-repeat; width:290px; height:28px;font-size:1.4em; display:block; color:#58595b; padding:5px 0 0 20px;}
.fish:hover {color:#8b0304;}
.lines { border-bottom:dotted #999 1px;}
.clr {clear:both;}
.mt30{ margin-top:30px;}
.mb30{ margin-bottom:30px;}
.wrapper {position:relative; margin:0 auto 0 auto; width:950px;}
.menu {width:910px; height:25px; text-align:right; padding-top:10px; padding-right:40px;}
.menu a {font-family: 'Play', sans-serif;color:#000000; font-size:1.2em; margin-left:30px;}
.menu a:hover {color:#8b0304;}
.id { width:22px; height:17px; display:block; text-indent:-9999px; background:url(../images/id.jpg) no-repeat; float:right;}
.en { width:22px; height:17px; display:block; text-indent:-9999px; background:url(../images/en.jpg) no-repeat; float:right; margin-left:20px;}
.top{ padding:28px 25px; width:894px; background:url(../images/bg_slide.jpg) no-repeat bottom; height:100px;}
.fl {float:left;}
.fr {float:right;}
.menu2{float:right; margin-top:20px;}
.mid { width:950px; height:auto; padding-top:80px; background:url(../images/bg_mid.jpg) no-repeat top center; padding-bottom:50px;}
.tag { width:910px; height:auto; margin-left:25px; height:146px; border-bottom:dotted #999 2px;}
.tag li {float:left;}
.tag1 {margin-right:79px; width:230px; height:auto;}
.tag2 {margin-right:63px; background:url(../images/food.jpg) no-repeat top right;width:308px; height:auto;}
.tag3 {background:url(../images/fish.jpg) no-repeat top right; width:230px; height:auto;}
.konten { background:url(../images/sertifikat.jpg) no-repeat top right; padding-right:300px; margin:50px 0 0 25px;}
.mid_left { width:290px; margin-left:25px; height:auto; float:left;}
.mid_right { width:560px;height:auto; padding:0 25px 0 50px; float:left;}
.mid_right ul { list-style:circle inside; margin-bottom:20px;}
.mid_right ol { list-style:decimal inside; margin-bottom:20px;}
.mid_right li {font-family: 'Play', sans-serif; font-size:1.4em; color:#58595b; margin-bottom:5px;}
.mid_right span a { border:2px #ccc solid; margin:0 10px 10px 0; display:block; width:86px; height:85px; float:left;}
.mid_right span a:hover {border:2px #8b0304 solid;}
.footer{ width:900px; background:url(../images/bg_footer.jpg) no-repeat top center; height:auto; padding:25px;}
.footer a {font-family: 'Play', sans-serif;color:#000000; font-size:1.2em; margin-right:30px;}
.footer a:hover {color:#8b0304;}
.footer p {font-family: 'Play', sans-serif; font-size:1.2em; color:#a7a9ac; margin-top:10px;}

#slides {z-index:2; margin-top:20px;}
/*Slides container Important: Set the width of your slides container Set to display none, prevents content flash*/
.slides_container {width:950px;overflow:hidden;position:relative;display:none;}
/*Each slideImportant: Set the width of your slides If height not specified height will be set by the slide content Set to display block*/
.slides_container div.slide {width:950px;height:352px;display:block;}
/*Pagination*/
.pagination {margin:26px auto 0;width:60px;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

.accordionButton {padding:5px 0 0 20px; width:270px; height:23px; cursor:pointer; background:url(../images/bg_acc.jpg) no-repeat; margin-bottom:10px;}
.accordionButton span {font-size:1.8em; padding-left:20px; background:url(../images/arrow_06.png) no-repeat left;}
.accordionContent {width:270px;  padding-bottom:20px; display:none; padding:0 15px;}
.accordionContent a { font-size:1.4em; display:block; color:#58595b; margin-bottom:15px;}
.accordionContent a:hover{color:#8b0304;}


#menu li {float:left;display:block;text-align:center;position:relative;padding: 4px 10px 4px 10px;margin-right:30px;border:none; z-index:101;}
#menu li:hover {border: 1px solid #d1d3d4;padding: 4px 9px 4px 9px;background: #fafafb;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}
#menu li a {font-size:1.8em; color: #000;display:block;outline:0;text-decoration:none;}
#menu li:hover a {color:#58595b;}
#menu li .drop {padding-right:21px;background:url(../images/drop.png) no-repeat right 5px;}
#menu li:hover .drop {background:url(../images/drop.png) no-repeat right 7px;}
.dropdown_1column {margin:4px auto;float:left; top:21px;position:absolute;left:-999em; /* Hides the drop down */text-align:left; z-index:100;padding:10px 5px 10px 5px;border:1px solid #d1d3d4; border-top:none;background:#fafafb;-moz-border-radius: 0px 5px 5px 5px;-webkit-border-radius: 0px 5px 5px 5px;border-radius: 0px 5px 5px 5px;}
#menu li:hover .dropdown_1column {left:-1px;}
.col_1 {display:inline;float: left;position: relative;margin-left: 5px;margin-right: 5px;}
#menu .menu_right {float:right;margin-right:0px;}
#menu li .align_right {	-moz-border-radius: 5px 0px 5px 5px;-webkit-border-radius: 5px 0px 5px 5px;border-radius: 5px 0px 5px 5px;}
#menu li:hover .align_right {left:auto;right:-1px;top:auto;}
#menu ul li {line-height:21px;font-size:1.2em;text-align:left;}
#menu li:hover div a {font-size:1.2em;color:#58595b;}
#menu li:hover div a:hover {color:#58595b;}
#menu li ul {list-style:none;padding:0;margin:0 0 12px 0;}
#menu li ul li {font-size:1.2em;position:relative;padding:10px 0;margin:0;float:none;text-align:left;border-bottom:dashed 1px #d1d3d4;}
#menu li ul li:hover {padding:10px 0 10px 5px;margin:0;border-bottom:dashed 1px #d1d3d4; border-top:none; border-left:none; border-right:none;color:#58595b;}
.simple1 {width:257px;}
.simple2 {width:213px;}
.simple3 {width:191px;}

td{ vertical-align:top;font-family: 'Play', sans-serif;color:#58595b;}
input {-moz-border-radius: 5px;border-radius: 5px; border:#d2dce1 solid 1px; height:23px; padding:2px 5px 2px 5px;font-family: 'Play', sans-serif; font-size:1.2em; color:#58595b; width:300px; margin-left:10px;}
input:focus,textarea:focus { border-color:#ddd;box-shadow: 0 1px 3px #ddd inset, 0 0 8px #ddd;outline: 0 none;}
textarea{-moz-border-radius: 5px;border-radius: 5px; border:#d2dce1 solid 1px; height:150px; padding:2px 5px 2px 5px;font-family: 'Play', sans-serif; font-size:1.2em; color:#58595b; width:300px; margin-left:10px;}
.tombol{font-family: 'Play', sans-serif;font-size: 1.2em; -moz-border-radius: 5px;border-radius: 5px; border:#d2dce1 solid 1px;;cursor:pointer;  background-color:#CCC;background-image: -moz-linear-gradient(#999, #CCC);background-repeat: repeat-x;border-color: #999;color: #FFFFFF;width:80px; height:30px;}