@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: supermarket;
 src: url("font/supermarket.eot"); /* EOT file for IE */
}
@font-face {
 font-family: supermarket;
 src: url("font/supermarket.ttf") /* TTF file for CSS3 browsers */
}
html,body{margin:0; padding:0; font-family:Tahoma, Geneva, sans-serif; font-size:14px; color:#333; background-color:#5a2569; background-image:url(../images/bg_all.gif); background-repeat:repeat-x;}

#wraper{width:960px; margin:0 auto;}

a{color:#0066CC; text-decoration:none;}
a:hover{color:#0066CC; text-decoration:underline;}

.specialfont{font-family:"supermarket", Verdana, Tahoma; font-size:21px; line-height:120%; color:#fff; font-weight:normal; display:block; padding:5px 10px; background:#f67b02;}

.font{font-family:"supermarket", Verdana, Tahoma; font-size:17px;}

#header{width:960px; height:99px; background:url(../images/bg_top.gif);}
#header .logo{width:191px; height:99px; float:left; margin:0 0 0 8px;}
#header .logo img{border:0;}
#header .lang{margin:10px 0 0 0; float:right; width:100px; font-size:12px; text-align:right;}
#header .tel{width:205px; height:50px; background:url(../images/tel.gif); float:right; margin:10px 0 0 0; clear:right;}

/* Vertical Navigation */
ul#topnav {
	margin:0; padding: 0;
	float:left;
	width: 960px; height:40px;
	list-style: none; position:relative; z-index:99; font-family:"supermarket", Verdana, Tahoma; line-height:120%;
}

ul#topnav li {
	float: left; display:block; position:relative;
}

ul#topnav li.slidemenu{background-image:url(../images/bg_menu.gif); float:left; color:#ffffff; font-size:17px; width:160px; text-align:center;}
ul#topnav li.slidemenu:hover{background-position:0 -80px; color:#fcdc01; text-decoration:none}

ul#topnav li.hilight{background-image:url(../images/bg_menu.gif); background-position:0 -80px; float:left; color:#fcdc01; font-size:17px; width:160px; text-align:center;}
ul#topnav li.hilight a{color:#fcdc01; text-decoration:none; display:block; height:30px; padding-top:10px;}

ul#topnav li.slidemenu a{color:#ffffff; text-decoration:none; display:block; height:30px; padding-top:10px;}
ul#topnav li.slidemenu a:hover{color:#fcdc01; text-decoration:none;}

ul#topnav li.slidemenu:hover a{color:#fcdc01;}

a.box{height:22px; display:block; padding:6px 5px 0 6px;}
a.box:hover{height:22px; display:block; padding:6px 5px 0 6px; color:#000000}

ul#topnav li .sub {
	position: absolute;
	top:28px; left:0;
	padding:10px 7px 10px 15px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; cursor:default;
	background:url(../images/bg_submenu.gif);
	z-index:10;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	float: left;
	width:220px;
	cursor:default;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #000000;
	float:left; cursor:default;
	padding: 3px 0 3px 0;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	text-decoration: none;
	color: #000000; font-size:11px;
	padding:0;
}
ul#topnav .sub ul li a:hover {padding:0; color:#1f4f82; text-decoration:underline}

h1{font-family:"supermarket", Verdana, Tahoma; font-size:34px; margin: 0 0 15px 0; padding:0; border-bottom:#CCC solid 1px; font-weight:normal; line-height:120%; color:#713183;}

#content{width:920px; padding:20px; background-color:#FFF; background-image:url(../images/bg_content.gif); background-repeat:repeat-x; float:left;}
#content h2{font-size:24px; color:#9d07c2; font-family:"supermarket", Verdana, Tahoma; margin:0; padding:0; font-weight:normal;}
#three{width:920px; float:left; margin:20px 0 0 0;}
#three img{border:0; margin-bottom:10px;}
#three h3{font-size:24px; color:#FFF; margin:0 0 10px 0; padding:0; font-weight:normal; font-family:"supermarket", Verdana, Tahoma; line-height:110%;}
#three .column1{width:273px; padding:11px 11px 11px 12px; float:left; background:#7e3793; color:#FFF; margin:0 16px 0 0; height:340px;}
#three .column2{width:273px; padding:11px 11px 11px 12px; float:left; background:#7e3793; color:#FFF; margin:0; height:340px;}

#threen{width:920px; float:left; margin:20px 0 0 0;}
#threen img{border:0; margin-bottom:10px;}
#threen h3{font-size:24px; color:#FFF; margin:0 0 10px 0; padding:0; font-weight:normal; font-family:"supermarket", Verdana, Tahoma; line-height:110%;}
#threen .column1{width:273px; padding:11px 11px 11px 12px; float:left; background:#7e3793; color:#FFF; margin:0 16px 0 0; height:370px;}
#threen .column2{width:273px; padding:11px 11px 11px 12px; float:left; background:#7e3793; color:#FFF; margin:0; height:370px;}

#content ul{list-style:url(../images/bullet.gif); margin-bottom:15px;}
#content li{padding-bottom:6px;}

#footer{text-align:center; background:url(../images/bg_footer.gif); width:960px; height:156px; float:left;}
#footer a{color:#444; text-decoration:none;}
#footer a:hover{color:#333; text-decoration:underline;}
#footer .menu{width:100%; margin:12px 0 24px 0; color:#ccc;}
#footer .copyright{font-size:12px; line-height:170%;}