* { margin:0; padding:0; }
body {height:100%;padding:0 !important;}
	img { border:none; }
	
	/*#supersized-loader { position:absolute; top:50%; left:50%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../images/progress.gif) no-repeat center center;}*/
	
	#supersized {  display:block; position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; }
		#supersized a { width:100%; height:100%; display:block; }
			#supersized li.prevslide { z-index:-20; }
			#supersized li.activeslide { z-index:-10; }
			#supersized li.image-loading { background:#111 url(../images/progress.gif) no-repeat center center; width:100%; height:100%; }
				#supersized li.image-loading img{ visibility:hidden; }
			#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }
			
.tabel-product {width:220px;height:636px;background:rgba(247,245,244,0.9);padding:28px 0 20px 0;float:left;position:relative;}
.tabel-index {background:#f7f5f4;opacity:0.9;padding:70px 0;float:left;position:relative;}
.tabel-indexleft {padding:70px 0;position:relative;background:transparent;width:100%;position:fixed;z-index:-1;}
.box-social {position:absolute;bottom:80px;width:100%;}
.footer-product {width:220px;height:40px;background:#213f99;color:#f4f3e9;font-size: 12px;font-family: 'latolight';text-align:Center;padding:15px 0;position:absolute;bottom:0;opacity:0.9}
.footer-product:hover {background:#213f99;opacity:1;}
.hover-produt a:hover {color:#213f99;}
.hover-corpor a:hover {color:#213f99;}
.list-blue {height:50%;width:5px;background:#213f99;}
.list-green {height:50%;width:5px;background:#51ba5a;}
.active-sub {color:#213f99;}
.active-submenu {border-bottom: 1px solid #dddddd;}
.sub-footer ul {;padding: 0;text-align:Center;}
.sub-footer {margin-bottom:15px;}
.sub-footer li a {list-style:none;padding:0 5px;color:#aaaaaa;font-size: 12px; font-family: 'roboto_condensedregular';text-align:Center;cursor:pointer;}
.sub-footer li:first-child a {border-right:1px solid #aaaaaa;}
.sub-footer li a:hover, .sub-footer li a.active {color:#626262;}
.copy-product {font-family: 'latoregular';color:#ffffff;text-align:center;font-size: 10px;position:fixed;float:right;bottom:10px;right:20px;}
.copy-product a {color:#ffffff;}
.tabel-recipe {margin:70px 0 50px 330px;width:631px;}.tabel-recipe-detail {margin:70px 0 50px 330px;width:920px;background:#f9fbf5;}
.tabel-category {margin:70px 0 50px 330px;width:730px;background:#f9fbf5;}
.tabel-detail {margin:70px 0 50px 330px;width:920px;background:#f9fbf5;}
.tabel-catalogue {margin:70px 0 50px 330px;width:730px;background:#f1f1f1;}
.img-recipe {width:631px;height:397px;text-align:center;vertical-align:middle;overflow:hidden;}
.box-recipe .img-recipe a {text-decoration: none;display: block;margin: 0 3px 3px 0;-webkit-transform: scale(1,1);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1,1);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;}
.box-recipe .img-recipe a:hover {-webkit-transform: scale(1.05,1.07);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1.05,1.07);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;position: relative;z-index: 99;}
.img-recipe img {max-width:631px;max-height:397px;}
.img-recipedetail {width:710px;height:449px;vertical-align:middle;}
.img-recipedetail img {max-width:710px;max-height:449px;}
.title-recipe {font-family: 'open_sanslight';font-size:28px;letter-spacing:1px;margin:13px 0;}
.title-recipedetail {font-family: 'open_sanslight';font-size:16px;margin:45px 0 15px 0;color:#213f99;}
.title-recipe a {color:#444444;}
.word-recipe {font-family: 'open_sanslight';color:#888888;font-size:14px;line-height:25px;}
.button-readmoreblue:hover .title-recipe a{color:#213f99;}
.button-readmoreblue:hover .img-recipe a{-webkit-transform: scale(1.05,1.07);-webkit-transition-timing-function: ease-out;-webkit-transition-duration: 250ms;-moz-transform: scale(1.05,1.07);-moz-transition-timing-function: ease-out;-moz-transition-duration: 250ms;position: relative;z-index: 99;}{color:#213f99;}
.read-new {margin-top:35px;}
.border-recipe {border-bottom:1px solid #ebebeb;margin:30px 0 37px 0;}
.sub-recipe li{list-style:none;font-family: 'open_sanslight';color:#888888;font-size:14px;line-height:20px;}
.sub-recipe ul li{padding:0;margin:0;}
.border-category {border-bottom:1px solid #ebebeb;margin:30px 0;}
.left-category {width:65%;height:auto;float:left;padding-right:25px;}
.img-category {width:230px;height:203px;text-align:center;vertical-align:middle;position:relative;}
.img-category img {max-width:230px;max-height:203px;}
.divider {vertical-align:top;}
.list-view ul {margin-top:30px;padding: 0;text-align:Center;}
.list-view li {list-style:none;padding:0 5px;color:#777777;font-size: 16px; font-family: 'roboto_condensedregular';text-align:Center;letter-spacing:1px;cursor:pointer;}
.list-view li:hover {color:#323232;}
.img-products {width:150px;height:184px;text-align:center;vertical-align:middle;margin:0 auto;}
.img-products img {max-width:150px;max-height:184px;}
.imgproduct-detail {width:227px;height:352px;text-align:Center;vertical-align:middle;}
.imgproduct-detail img {max-width:227px;max-height:352px;}
.name-products {font-family: 'open_sanslight';font-size:14px;color:#213f99;text-align:center;margin-top:20px;}
.btn-products:hover .name-products {color:#001552;}
.name {font-family: 'open_sanslight';font-size:16px;color:#213f99;margin-bottom:20px;}
.box-products {margin-bottom:50px;}
.name-title {font-family: 'open_sanslight';font-size:30px;color:#444444;margin-bottom:40px;}
.name-catalogue {font-family: 'open_sanslight';font-size:14px;color:#213f99;margin-top:30px;text-align:center;}
.name-catalogue a {border:1px solid transparent;}
.list-catalogue {cursor:pointer;}
.list-catalogue:hover .name-catalogue a {border-bottom:1px solid #213f99;}
.list-catalogue:hover .img-catalogue img {opacity:0.7;}
.left-box {width:310px;float:left;}
.right-box {width:590px;float:left;}
.box-catalogue{width:950px;float:left;}
.list-catalogue{width:227px;float:left;margin-right:85px;}
.btn-products:hover .img-products{position: relative;top: -5px;cursor:pointer;}
#menu {background:white;width:5px;float:left}
.fix-menu {position:fixed;z-index:2; top:0;}
.list-product li{list-style:none;font-family: 'open_sanslight';color:#213f99;font-size:14px;line-height:20px;}
.list-product ul li{padding:0;margin:0;margin-left:2px;background:url(../images/titik.png);background-repeat:no-repeat;background-position:0px 5px;padding-left:14px;}
.img-catalogue {width:227px;height:297px;text-align:Center;vertical-align:middle;}
.img-catalogue img {max-width:227px;max-height:297px;}
.sub-home ul {padding: 0;text-align:Center;}
.sub-home li {list-style:none;}
.sub-home li a {color:#777777;font-size:36px;font-family: 'latolight';text-align:Center;}
.sub-home {margin:160px 0 200px 0;}
.txt-contact {font-family: 'roboto_condensedregular';font-size:14px;color:#aaaaaa;margin-right:25px;}
.txt-contact a {color:#aaaaaa;}
.txt-contact a:hover{color:#626262;}
.border-index {border-bottom:1px solid #dcdcdc;width:110px;}
.circle {border-radius:50%;background:#213f99;width:8px;height:8px;margin:0 5px;position:relative;bottom:8px;}
.border-green {width:100%;height:5px;background:#51ba5a;position:relative;bottom:70px;}
.border-blue {width:100%;height:5px;background:#213f99;position:relative;bottom:70px;}
.menu_head {margin-bottom:20px;cursor: pointer;color:#5b5b5b;font-family: 'latolight';font-size:12px;text-align:Center;}
.menu_head:hover {color:#213f99;}
.menu_head a {color:#5b5b5b;}
.menu_head a:hover {color:#213f99;text-decoration:none;}
.menu_body {display:none;}
.menu_body a{font-size:12px;display:block;color:#5b5b5b;font-family: 'latolight';margin-bottom:25px;text-align:Center;}
.menu_body a:hover{text-decoration:underline;}
.scroll-pane {height:320px;overflow:auto;width:200px;margin:65px auto 0 auto;}