/* ==========================================================
 * last update: 23.07.2012
 * email: sndnnlitx※gmail.com
 * ========================================================== */

body{font-size:14px; margin:0; padding:0; background:url(images/body_bg.jpg) 0 126px repeat-x; font-family:"Microsoft Yahei",微软雅黑;}
p,ul,h1,h2,h3,h4,h5,h6,map,ol{margin:0; padding:0}
li{list-style:none}
img{border:0}
img, div, input { behavior: url("iepngfix.htc") }
#main{width:988px; clear:both; margin:0 auto}
a{color:#0f7bc6}

.box{padding:10px; background-color:#ffffff; border:1px solid #cccccc; -webkit-box-shadow:0 2px 3px 0 #cccccc; -moz-box-shadow:0 2px 3px 0 #cccccc;box-shadow:0 2px 3px 0 #cccccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.g-col-right{float:right}
.drop-down{position:relative;padding-right:6px;cursor:pointer; z-index:999999; width:150px}
.drop-down a{line-height:32px;}
.drop-down .flag{width:24px;height:24px;margin:4px 10px 0 0;background:url(images/sprite.png) -72px 0}
.drop-down nav{display:none;position:absolute;left:-6px;right:0;top:100%;padding:0 0 2px 5px}
.drop-down:hover nav{display:block}
.drop-down nav a{display:block;line-height:24px;margin-top:2px}
.drop-down nav .flag{margin-top:0}
.brand{text-decoration:none!important}
.flag.it{background-position:-96px 0}
.flag.de{background-position:-120px 0}
.flag.si{background-position:-144px 0}
.flag.cz{background-position:-168px 0}
.flag.sk{background-position:-192px 0}
.flag.pl{background-position:-216px 0}
.flag.hu{background-position:-240px 0}
.flag.fr{background-position:-264px 0}
.flag.es{background-position:-288px 0}
.flag.ro{background-position:-312px 0}
.flag.hr,.flag.HRK{background-position:-336px 0}
.flag.cn{background-position:-360px 0}
.flag.EUR{background-position:-384px 0}
.flag.KM{background-position:-408px 0}
.flag.USD{background-position:-432px 0}
.g-col{float:left}
.g-col-right{float:right}
.nav-top{font-size:12px;line-height:32px;position:relative;z-index:19900}
.nav-top>span{width:1px;height:18px;margin:8px 10px 0;background:#777777}

.head{clear:both; height:68px; margin:10px 0}
.gq{float:right; font-size:12px; line-height:23px; margin-top:15px; text-align:center}
.logo{margin-bottom:8px; float:left}


.menu_box{clear:both; height:34px;}
ul#navmenu { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 988px; /*For KHTML*/ 
list-style: none; 
height: 30px;
} 
ul#navmenu li { 
margin:0 5px 0 0; 
border: 0 none; 
padding:0; 
float: left; /*For Gecko*/ 
display: inline; 
list-style: none; 
position: relative; 
z-index:99999;

} 
ul#navmenu ul { 
margin: 0; 
border: 0 none; 
padding: 0; 
width: 160px; 
list-style: none; 
display: none; 
position: absolute; 
top: 38px; 
left:0;
background:#FFF;
border-left:#287db7 solid 1px;
border-right:#287db7 solid 1px;
border-bottom:#287db7 solid 1px;

} 
ul#navmenu ul li { 
float: none; /*For Gecko*/ 
display: block !important; 
display: inline; /*For IE*/ 
} 
/* Root Menu */ 
ul#navmenu a { 
float: none !important; /*For Opera*/ 
float: left; /*For IE*/ 
display: block; 
background:url(nav_01.jpg) repeat-x;
color: #666; 
font:14px/30px "Microsoft Yahei",微软雅黑; 
text-decoration: none; 
height: auto !important; 
height: 1%; /*For IE*/ 
display:block; margin-top:5px;padding:0 15px 2px;color:#333333;border:1px solid #cccccc;border-bottom:0!important;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;background-color:#f7f7f7;background-image:-webkit-linear-gradient(top,#ffffff,#f7f7f7);background-image:-moz-linear-gradient(top,#ffffff,#f7f7f7);background-image:-o-linear-gradient(top,#ffffff,#f7f7f7);background-image:-ms-linear-gradient(top,#ffffff,#f7f7f7);background-image:linear-gradient(top,#ffffff,#f7f7f7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr= #ffffff,endColorstr= #f7f7f7,GradientType=0)} 
/* Root Menu Hover Persistence */ 
ul#navmenu a:hover, 
ul#navmenu li:hover a, 
ul#navmenu li.iehover a { 
background:#f7f7f7;
color: #000;
border-left:#287db7 solid 1px;
border-right:#287db7 solid 1px;
border-top:#287db7 solid 1px;
} 
/* 2nd Menu */ 
ul#navmenu li:hover li a, 
ul#navmenu li.iehover li a { 
float: none; 
overflow:hidden;
line-height:30px;
padding:0 10px;
background:#FFF;
border:0;
color: #666;
height:30px;
} 
/* 2nd Menu Hover Persistence */ 
ul#navmenu li:hover li a:hover, 
ul#navmenu li:hover li:hover a, 
ul#navmenu li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover a { 
background:#FFF;
color: #666;
border:0;
text-decoration:underline
} 
/* 3rd Menu */
ul#navmenu li li{height:35px}
ul#navmenu li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li a { 
background: #FFF; 
color: #666;
border-top:#CCC solid 1px; 
border-right:#CCC solid 1px; 
border-bottom:#CCC solid 1px;
} 
/* 3rd Menu Hover Persistence */ 
ul#navmenu li:hover li:hover li a:hover, 
ul#navmenu li:hover li:hover li:hover a, 
ul#navmenu li.iehover li.iehover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover a { 
background: #ffcc00; 
color: #FFF; 
} 
/* 4th Menu */ 
ul#navmenu li:hover li:hover li:hover li a, 
ul#navmenu li.iehover li.iehover li.iehover li a { 
background: #EEE; 
color: #666; 
} 
/* 4th Menu Hover */ 
ul#navmenu li:hover li:hover li:hover li a:hover, 
ul#navmenu li.iehover li.iehover li.iehover li a:hover { 
background: #CCC; 
color: #FFF; 
} 
ul#navmenu ul ul, 
ul#navmenu ul ul ul { 
display: none; 
position: absolute; 
top: 0; 
left: 160px; 
} 
/* Do Not Move - Must Come Before display:block for Gecko */ 
ul#navmenu li:hover ul ul, 
ul#navmenu li:hover ul ul ul, 
ul#navmenu li.iehover ul ul, 
ul#navmenu li.iehover ul ul ul { 
display: none; 
} 
ul#navmenu li:hover ul, 
ul#navmenu ul li:hover ul, 
ul#navmenu ul ul li:hover ul, 
ul#navmenu li.iehover ul, 
ul#navmenu ul li.iehover ul, 
ul#navmenu ul ul li.iehover ul { 
display: block; 
} 

.site{clear:both; line-height:24px; color:#FFF; margin:12px 0 8px 0; font-size:12px}
.site a{color:#FFF}
.left{width:255px; float:left; position:relative; padding-top:50px;}
.right{width:705px; float:right}
.midd_box{clear:both; zoom:1; background:url(images/li.gif) 260px 0 repeat-y #FFF;}

.demo{ width:700px; height:360px; position:relative; overflow:hidden; float:left;background-color:#ffffff; border:0px solid #cccccc; -webkit-box-shadow:0 2px 3px 0 #cccccc; -moz-box-shadow:0 2px 3px 0 #cccccc;box-shadow:0 2px 3px 0 #cccccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; clear:both; margin-bottom:10px}
.demo ul{ position:relative; padding:0;margin:0; z-index:5;}
.demo ul li{ position:absolute; display:none; padding:0;margin:0; list-style: none}
.num{ position:absolute;right:10px; bottom:10px; z-index:10;}
.num a{ width:14px; height:14px; display:inline-block; text-align:center; margin:0 3px; cursor:pointer; background:url(images/02.png) no-repeat;}
.num a.cur{ background:#ff6700;color:#fff; width:14px; height:14px; background:url(images/01.png) no-repeat;}
.clear{clear:both; overflow:hidden; zoom:1}
.phone{width:36px; height:36px; background:url(images/icons-sprite.png) -73px -81px no-repeat; display:block; float:left; margin:18px 5px 0 0}
.font{float:left; font-size:12px; line-height:20px; width:204px}
.email{width:36px; height:24px; background:url(images/icons-sprite.png) -35px -81px no-repeat; display:block; float:left; margin:18px 5px 0 0}
.font_box{clear:both; line-height:22px}
.l20{line-height:22px;}
.h3{font-size:15px; line-height:25px}
.bottom{clear:both; width:965px; margin:10px auto 10px auto; line-height:22px; text-align:center; font-size:12px; padding:10px; background-color:#ffffff; border:1px solid #cccccc; -webkit-box-shadow:0 2px 3px 0 #cccccc; -moz-box-shadow:0 2px 3px 0 #cccccc;box-shadow:0 2px 3px 0 #cccccc; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px}
.title{background:url(images/title.png) no-repeat; height:42px; width:281px; position:absolute; top:370px; left:-22px; z-index:10px}
.title h3,.cont h3{line-height:42px; font-size:15px; color:#FFF; padding-left:20px}
.cont{background:url(images/title.png) no-repeat; height:42px; width:281px; position:absolute; top:0px; left:-22px; z-index:10px}

.l_nav{clear:both; width:260px; padding-left:12px; text-indent:15px}
.l_nav li{line-height:35px; border-bottom:#CCC solid 1px}
.l_nav li a{text-decoration:none}
.l_nav li ol{font-size:12px; line-height:20px; padding-left:15px; background:url(images/img_inc.gif) 18px 8px no-repeat}
.ac_box{background-color:#0f75bd; border:1px solid #0f75bd; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:4px; color:#FFF}
.ac_ha{width:15px; height:15px; float:left; background:url(images/sprite.png) -72px -23px no-repeat; margin:3px 5px 0 5px}
.l_img{clear:both; width:260px; padding-left:27px;}
.l_img img{margin-bottom:8px}
.or{color:#F30}