/* project: internet services template
   author: luka cvrk (www.solucija.com) */

   
/* default styles
   -------------- */
*{ margin:0; padding:0;}   
body { padding: 0; margin: 0;font-family:arial, helvetica, sans-serif;font-size:12px; line-height: 22px;color: #666;}
a {color:#666;}
a:hover {color:#e33f72; }
a:active {text:expression(target="_blank");}
h1 { font: normal 2.1em arial, sans-serif; letter-spacing: -1px; padding: 7px 0 0 8px; margin: 0; }
p {
	margin: 0 0 5px 0;
	padding-top: 0px;
}
ul { margin: 0; padding : 0; list-style : none; }
.clear{ clear:both;}
li{ list-style-type:none;}
form { 	margin: 0; }
img{ border:0;}

.left {float: left;width: 65%;margin: 0 0 10px 0;}
.tit101{ width:100px; height:30px; line-height:30px; text-align:left; padding-left:23px; background:url(../images/titleico.gif) no-repeat 10px 7px; color:#fff; font-size:14px; font-weight:bold; float:left;}
.tit102{ width:15px; height:100px; line-height:25px; text-align:left;color:#fff; padding-top:50px; font-size:14px; font-weight:bold; float:left;}
.tit103{ width:200px; height:30px; line-height:30px; text-align:left; padding-left:23px; background:url(../images/titleico02.gif) no-repeat 10px 7px; color:#333; font-size:14px; font-weight:bold; float:left;}

.morebtn{ width:70px; height:30px; line-height:30px; text-align:left; padding:0px; color:#fff; font-size:12px; float:right; }
.morebtn a{ color:#fff; text-decoration:none;}
.morebtn a:hover{ color:#fff; text-decoration: underline;}
.list101 li {float:left;background:url(../images/listdot01.gif) no-repeat 5px 10px;padding-left:15px;line-height:22px;font-size:14px;width:270px;}
.list101 li a{color:#666; text-decoration:none;}
.list101 li a:hover{color:#666; text-decoration: underline; }

.list102 li {float:left; padding-right:10px; padding-left:10px;line-height:20px;font-size:12px; margin-top:5px; text-align:center; width:124px; }
.list102 li img{ border:1px #ddd solid; width: 123px; height:92px; margin:0; padding:0; }
.list102 span a{ height:20px; margin:0; padding:0; width:123px; float:left;}

.list103 li {float:left; padding-right:10px; padding-left:10px;line-height:20px;font-size:12px; margin-top:5px; text-align:center; width:120px; height:120px;}
.list103 li img{ border:1px #ddd solid; height:92px; margin:0; padding:0;}
.list103 span a{ height:20px; margin:0; padding:0; width:123px; float:left;}

.list104 li {float:left;background:url(../images/listdot01.gif) no-repeat 5px 12px;padding-left:15px;line-height:24px;font-size:14px;}
.list104 li a{color:#666; text-decoration:none;}
.list104 li a:hover{color:#666; text-decoration: underline; }
.list105 li {float:left; padding-right:13px; padding-left:10px;line-height:20px;font-size:12px; margin-top:5px; text-align:center; width:120px; height:120px;}
.list105 li img{ border:1px #ddd solid; height:92px; margin:0; padding:0;}
.list105 span a{ height:20px; margin:0; padding:0; width:123px; float:left;}
/* layout */
.content { margin: 0 auto;width: 950px;padding: 0; background:#ddf1f3 url(../images/bannerbg.jpg) no-repeat top; height:auto; overflow:hidden;}
	.topnav { height:30px;background:url(../images/topnavbg.gif) repeat-x;color:#fff;margin:0;padding:0; width:950px;}
		.logo{height:30px;width:187px;float:left; margin:0; padding:0}
		.menu {float: right;width: 670px;padding: 0px 20px 0px 0;text-align:left;color:#fff; }
		.menu a{ color:#fff; line-height:30px; text-decoration:none;} 
	.main1{ height: auto; overflow:hidden;color:#fff;margin:0;padding:300px 15px 0px 15px; width:920px; float:left;}
		.p101{float: left;width: 600px;margin:0;padding:0;}
			.p101top{ background:url(../images/p101top.gif) no-repeat top;height:35px; margin:0; padding:0; width:600px; float:left;}
			.p101cont{ background:url(../images/p101cont.gif) repeat-y ;height: auto;overflow:hidden;padding:0 10px; width:580px; float:left;}
			.p101bot{ width:600px; float:left;height:10px;background:url(../images/p101bot.gif) no-repeat top; padding:0; margin:0;}
		
		.p102  {float: right;width: 310px;margin:0;padding:0;}
			.p102top{background:url(../images/p102top.gif) no-repeat top;height:35px; width:310px; float:left;}
			.p102cont{background:url(../images/p102cont.gif) repeat-y ;height: auto;overflow:hidden;padding:0 10px; width:290px; float:left}
				.cont1021{ padding:5px 10px 5px 10px;line-height:25px;border-bottom:1px #ccc dotted; height:auto;overflow:hidden;text-align:center; width:270px; float:left;}
				.cont1021 a{ color:#333; font-weight:bold; font-size:14px; text-decoration:none; width:270px; float:left;}
				.cont1021 a:hover{ text-decoration:underline;}
				.cont1022{ padding:8px 10px 5px 0; float:left; border-bottom:1px #ccc dotted;height:auto; overflow:hidden; width:280px;}
				.cont1023{ padding:8px 10px 0 0;float:left ;height:auto; overflow:hidden;width:280px;}
			.p102bot{ height:10px;background:url(../images/p102bot.gif) no-repeat top; padding:0; margin:0; width:310px; float:left;}
			
	
	.main2{ height: auto; overflow:hidden;color:#fff;margin:0;padding:0px 15px; width:920px; float:left;}
		.p201 {float: left; margin:0;padding:0; margin-top:10px; width:920px;}
			.p201top{ height:10px;background:url(../images/p201top.gif) no-repeat top; padding:0; margin:0; float:left;}
			.p201cont{ background:url(../images/p201cont.gif) repeat-y ; padding:0 10px; height:auto; overflow:hidden;width:900px; float:left; margin:0;}
			.p201contleft{ width:30px; float:left;height: auto;overflow:hidden;}
			.p201contright{ width:870px; float:right;height: auto;overflow:hidden;}
			.p201bot{ height:10px;background:url(../images/p201bot.gif) no-repeat top; padding:0; margin:0;}
			
		.p202 {float: left; margin:0;padding:0; margin-top:10px; width:920px;}
			.p201top{ background:url(../images/p201top.gif) no-repeat top; height:10px; float:left; width:920px; line-height:0;}
			.p201cont{ background:url(../images/p201cont.gif) repeat-y ; padding:0 10px; height:250px;}
			.p201contleft{ width:30px; float:left;height: auto;overflow:hidden;}
			.p201contright{ width:870px; float:right;height: auto;overflow:hidden;}
			.p201bot{ height:10px;background:url(../images/p201bot.gif) no-repeat top; padding:0; margin:0;float:left; width:920px;}
			
			
	.main3{ height: auto; overflow:hidden;color:#fff;margin-top:10px;padding:0px 15px 0px 15px; width:920px; float:left;}
		.p301  {float: left;width: 600px;margin:0;padding:0; height:auto; overflow:hidden;}
			.p301top{ background:url(../images/p301top.gif) no-repeat top;height:35px; margin:0; padding:0; width:600px; float:left;}
			.p301cont{ background:url(../images/p101cont.gif) repeat-y ;height: auto;overflow:hidden;padding:0 10px; width:580px; float:left;}
			.p301contleft{ width:270px; float:left; text-align:left; padding:5px ;}
			.p301contright{ width:270px; float:right; text-align:left;padding:5px ;}
			.p301center{height:15px;background:url(../images/p301center.gif) no-repeat top; padding:0; margin:0;}
			.p301bot{height:10px;background:url(../images/p101bot.gif) no-repeat top; padding:0; margin:0;width:600px; float:right;}
		
		.p302  {float: left;width: 600px;margin-top:10px;padding:0; height:auto; overflow:hidden;}
			.p302top{ background:url(../images/p302top.gif) no-repeat top;height:35px; margin:0; padding:0;width:600px; float:left;}
			.p302cont{ background:url(../images/p302cont.gif) repeat-y ;height: auto;overflow:hidden;padding:0 10px;width:580px; float:left;}
			.p302bot{height:10px;background:url(../images/p302bot.gif) no-repeat top; padding:0; margin:0;width:600px; float:right;}
	
	
		.p303  {float: right;width: 310px;margin:0;padding:0;}
			.p303top{background:url(../images/p303top.gif) no-repeat top;height:35px; width:310px; float:right;}
			.p303cont01{background:url(../images/p102cont.gif) repeat-y ;height: auto;overflow:hidden;padding:10px 0 0px 20px; width:290px; float:right;}
			.p303cont{background:url(../images/p102cont.gif) repeat-y ;height: auto;overflow:hidden;padding:0 10px; width:290px; float:right;}
			.p303bot{ height:10px;background:url(../images/p102bot.gif) no-repeat top; padding:0; margin:0; width:310px; float:right;}
			
	.main4{ height: auto; overflow:hidden;color:#fff;margin-top:10px;padding:0px 15px 0px 15px; width:920px; float:left;}
		.p401  {float: left;width: 920px;margin:0;padding:0; height:auto; overflow:hidden;}
			.p401top{ background:url(../images/p401top.gif) no-repeat top;height:10px; margin:0; padding:0; width:920px; float:left;}
			.p401cont{ background:url(../images/p401cont.gif) repeat-y ;height: auto;overflow:hidden;padding:0; width:920px; float:left;}
			
			.p401contleft{ width:580px; float:left; padding:0 10px;}
			.p401contlefttit{ height:30px; width:580px ; float:left;}
			.p401contleftcont01{ height: auto;overflow:hidden; padding:5px 10px; border-bottom:1px #ddd solid;width:560px ; float:left;}
			.p401contleftcont01left{ width:200px; float:left;}
			.p401contleftcont01right{ width:260px; float:right; color:#666; font-size:12px; padding-top: 5px;}
			.p401contleftcont02{ height: auto;overflow:hidden; padding:5px 10px; width:560px; color:#666;float:left; }
			
			.p401contright{ width:290px; float:right; padding:0 10px;}
			.p401contrighttit{ height:30px; width:290px; float:left;}
			.p401contrightcont01{ height: auto;overflow:hidden; padding:5px 10px; color:#666;border-bottom:1px #ddd solid; width:270px; float:left}
			.p401contrightcont02{ height: auto;overflow:hidden; padding:5px 10px; color:#666; width:270px; float:left}
			.p401bot{height:10px;background:url(../images/p401bot.gif) no-repeat top; padding:0; margin:0; width:920px; float:left;}
			
	.footer{ height: auto; overflow:hidden;color:#fff;margin-top:10px;padding:0px 15px 0px 15px; width:920px; float:left;}
	.footerleft{ width:280px; float:left; padding-left:10px;}
	.footerright{ width:600px; float:right; color:#666; font-size:12px; text-align:left}
	.footerright a{ color:#666666; text-decoration:none; background:none; line-height:22px;}			
		
/* focus */
#featured {
	float:left;
	overflow: hidden;
	width: 580px;
	position: relative;
	height: 250px;
	left: 0;
}
#featured .word {z-index: 10; background: url(/1/bg_transparent.gif) no-repeat; left: 0px; padding:15px; width: 470px;color: #fff; bottom:0px;position: absolute; height: 32px}
#featured .word h3 {font-size: 13px}
#featured .ui-els-hide {display: none}
#thumbs {width: 540px; list-style-type: none; height: 28px; padding-left:40px;}
* html #thumbs {height: 100%}
#thumbs li {display: inline; float: left; width: 52px; margin-right: 4px; height: 24px; list-style-type:none;}
#thumbs ul {margin-top: 3px}
#thumbs li.last_img {margin-right: 4px}
#thumbs li.first {margin: 5px 10px 0pt 15px; width: 20px; cursor: pointer; height: 13px}
#thumbs li.last {margin: 5px 12px 0pt 8px; width: 20px; cursor: pointer; height: 13px}
#thumbs li a {border-right: #9c9c9c 2px solid; border-top: #9c9c9c 2px solid; display: block; font-size: 0px; border-left: #9c9c9c 2px solid; width: 48px; border-bottom: #9c9c9c 2px solid}
#thumbs li a:hover {border-right: #99cc33 2px solid; border-top: #99cc33 2px solid; border-left: #99cc33 2px solid; border-bottom: #99cc33 2px solid}
#thumbs li a.current {border: #5fc243 2px solid;}
#thumbs li.first img {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px}
#thumbs li.last img {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0p}
#highlight {padding-right: 5px; padding-left: 5px; float: left; padding-bottom: 5px; width: 470px; padding-top: 5px}
/* left side*/
.flashNews {position:relative;width:268px;margin-bottom:12px;overflow:hidden;border:1px solid #B6CAE3;text-align:left}
.firstNews {position:relative;float:right;width:268px;margin-bottom:12px;overflow:hidden;border:1px solid #B6CAE3;}
.flashNews, .firstNews {height:160px;}
.flashNews .bg {position:absolute;left:0;bottom:0;width:268px;height:18px;background:#000000;filter:alpha(opacity=39);-moz-opacity:0.39;opacity:0.39;}
.flashNews h3 {position:absolute;left:5px;top:134px;width:248px;height:35px;line-height:35px;z-index:2; }
.flashNews h3 a {font-size:12px;font-weight:normal;color:#FFFFFF; text-decoration:none;}
.flashNews h3 a:hover {color:#F20000;}
.flashNews p {position:absolute;left:10px;top:230px;width:248px;height:20px;line-height:20px;;z-index:2;}
.flashNews p a {color:#FFFFFF;}
.flashNews p a:hover {color:#F20000;}
.flashNews ul {position:absolute;right:0;bottom:0;padding-left:47px;_padding-left:46px;background:url(flashPage_bg.png) 0 0 no-repeat;z-index:2;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='flashPage_bg.png',sizingMethod='crop')}
.flashNews ul li {float:left;width:15px;height:18px;line-height:18px;text-align:center;margin-left:1px;background:#000000;}
.flashNews ul li a {display:block;width:15px;height:18px;font-size:10px;font-family:Tahoma;font-weight:bold;color:#FFFFFF;}
.flashNews ul li a:hover, .flashNews ul li a.sel {color:#F20000;}
.firstNews h3 {width:432px;height:27px;line-height:27px;text-indent:14px;font-size:12px;border:1px solid #FFFFFF;background:#F2F6FB;}
.firstNews p {position:absolute;top:5px;right:5px;}
.firstNews p a {font-size:12px;}
.firstNews h4 {width:410px;height:25px;margin:0 auto;overflow:hidden;padding-top:12px;line-height:25px;font-weight:normal;font-size:18px;font-family:"ºÚÌå";}
.firstNews ul {width:410px;height:auto;overflow:hidden;_zoom:1;margin:0 0 0 12px;}
.firstNews ul li {position:relative;width:410px;height:22px;line-height:22px;overflow:hidden;text-indent:10px;font-size:14px;background:url(../img/pic.gif) -298px -141px no-repeat;}
