@charset "utf-8";
/* CSS Document */

.dc_trainer {width:720px; height:35px; margin:20px 5px 0px 75px;}
.dc_trainer h1 {font-family:"Trebuchet MS", Verdana, Arial; color:#4D692E; font-size:20px; padding:0px; margin:0px;}

.main_box { width::260px; padding:10px 0 0 5px; float:left}
.main_box1 {width:251px; height:25px; padding:5px 0 0 5px;border:1px solid #396B38; background-color:#396B38; font-size:13px;font-family: verdana; color:white; font-weight:bold; text-align:left}
.main_box2 {width:251px; height:172px;background-color: #FFFFFF; border:1px solid #396B38; padding:5px 0 5px 5px}
.small {width:133px;float:left; height:168px;background-color:#f3fce1; border:2px solid #b1db52; font-family:"Trebuchet MS"; font-size:16px; color:#FF0000; font-weight:bold}
.small2 {width:110px; float:left; height:168px;}
.small2 p { font-family:verdana; font-size:10px; color:#006600; text-align:left; margin-left:5px}
.small2 h1 { font-family:verdana;border-bottom:2px solid  #CC0000;  background-color: #FF0000; font-size:17px; color: #FFFFFF;  text-align:center; margin-left:5px; font-weight:bold; margin-top:5px; margin-bottom:0px; }
.small2 h2 { font-family:verdana; font-size:11px; color: #FFFFFF; text-align:center; margin-left:5px; font-weight:bold; margin-top:0px; margin-bottom:0px; background-color:#FF0000 }
.small2 ul { padding:0px; margin:10px 1px 1px 4px;}
.small2 li {font-family:"Trebuchet MS", Verdana, Arial;text-align:left; color: #000000; font-size:12px;text-decoration:none; font-weight:normal; list-style:none; line-height:18px;}
.small2 li a:hover {  color: #597834; text-decoration: none; font-weight:bold; background-color:#b1db52}
.small2 li a {text-decoration:none; color: #597834; font-weight:normal}

.main_boxb { width::260px; padding:10px 0 0 5px; float:left}
.main_box1b {width:251px; height:25px; padding:5px 0 0 5px;border:1px solid #BA010F; background-color:#BA010F; font-size:13px;font-family: verdana; color:white; font-weight:bold; text-align:left}
.main_box2b {width:251px; height:172px;background-color: #FFFFFF; border:1px solid #BA010F; padding:5px 0 5px 5px}
.smallb {width:133px;float:left; height:168px;background-color:#f3fce1;border:2px solid #E04531;  font-family:"Trebuchet MS"; font-size:16px; color:#FF0000; font-weight:bold}
.small2b {width:110px; float:left; height:168px;}
.small2b p { font-family:verdana; font-size:10px; color:#006600; text-align:left; margin-left:5px}
.small2b h1 { font-family:verdana;border-bottom:2px solid  #CC0000;  background-color: #FF0000; font-size:17px; color: #FFFFFF;  text-align:center; margin-left:5px; font-weight:bold; margin-top:5px; margin-bottom:0px; }
.small2b h2 { font-family:verdana; font-size:11px; color: #FFFFFF; text-align:center; margin-left:5px; font-weight:bold; margin-top:0px; margin-bottom:0px; background-color:#FF0000 }
.small2b ul { padding:0px; margin:10px 1px 1px 4px;}
.small2b li {font-family:"Trebuchet MS", Verdana, Arial;text-align:left; color: #000000; font-size:12px;text-decoration:none; font-weight:normal; list-style:none; line-height:18px;}
.small2b li a:hover {  color: #597834; text-decoration: none; font-weight:bold; background-color:#b1db52}
.small2b li a {text-decoration:none; color: #597834; font-weight:normal}

.main_boxa  { width::260px; padding:10px 0 0 5px; float:left}
.main_box1a {width:251px; height:25px; padding:5px 0 0 5px;border:1px solid #35577D; background-color:#35577D; font-size:13px;font-family: verdana; color:white; font-weight:bold; text-align:left}
.main_box2a {width:251px; height:172px;background-color: #FFFFFF; border:1px solid #35577D; padding:5px 0 5px 5px}
.smalla {width:133px;float:left; height:168px;background-color:#f3fce1; border:2px solid #4FA0D7; font-family:"Trebuchet MS"; font-size:16px; color:#FF0000; font-weight:bold}
.small2a {width:110px; float:left; height:38px;}
.small2a p { font-family:verdana; font-size:15px; color:#006600; text-align:left; margin-left:5px}
.small2a h1 { font-family:verdana;border-bottom:2px solid  #CC0000;  background-color: #FF0000; font-size:17px; color: #FFFFFF;  text-align:center; margin-left:5px; font-weight:bold; margin-top:5px; margin-bottom:0px; }
.small2a h2 { font-family:verdana; font-size:11px; color: #FFFFFF; text-align:center; margin-left:5px; font-weight:bold; margin-top:0px; margin-bottom:0px; background-color:#FF0000 }
.small2a ul { padding:0px; margin:10px 1px 1px 4px;}
.small2a li {
	font-family:"Trebuchet MS", Verdana, Arial;
	text-align:left;
	color: #000000;
	font-size:14px;
	text-decoration:none;
	font-weight:normal;
	list-style:none;
	line-height:18px;
}
.small2a li a:hover {  color: #597834; text-decoration: none; font-weight:bold; background-color:#4FA0D7}
.small2a li a {text-decoration:none; color: #597834; font-weight:normal}

.top_box {width:800px; height:15px; margin:10px 0 0 0; text-align: left; font-family:verdana; text-decoration:none; font-size:12px}
.top_box a:hover{ text-decoration:underline; color: #FF0000}
.top_box a { text-decoration:none; color: #CC0000}

.bottom_box {width:800px; height:15px; margin:50px 0 0 0; text-align:right; font-family:verdana; text-decoration:none; font-size:12px}
.bottom_box a:hover{ text-decoration:underline; color: #FF0000}
.bottom_box a { text-decoration:none; color: #CC0000}


/*css untuk box product baru*/
.box-product { 
			width:380px; padding:20px 0 0 5px; float:left;
}

.box-product1 {
	width:370px; height:25px; padding:5px 0 0 5px;border:1px solid #396B38; 
	background-color:#396B38; font-size:13px;font-family: verdana; color:white; 
	font-weight:bold; text-align:left
}

.box-product2 {
	width:365px; height:172px;background-color: #FFFFFF; 
	border:1px solid #396B38; padding:5px 0 5px 10px;
}

.box-desc{
	width:210px; height:auto; margin:0 0 0 10px;
	font:Verdana; font-size:15px;
}

.avaible2 li{
	font-size:13px; font:"Trebuchet MS"; color:#000000;
	text-decoration:none; font-weight:normal; list-style:none; line-height:18px;
}

.avaible2 li:hover{
	color: #597834; text-decoration: none; cursor:pointer;
	font-weight:bold; background-color:#b1db52;
}

.avaible2 li:a{
	text-decoration:none; color: #597834; font-weight:normal;
}