/* CSS Document */
*{margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif;}
body{margin:0 0 0 90px; vertical-align:middle; background:#fff url("images/1.png") repeat-y;}

.pagebody {width:785px; height:auto; float:left; margin:auto; position:relative; z-index:1; background-color:#FFF; }


.pagebody .b1{width:785px; height:175px; float:left; background:url("images/3.png") no-repeat right top; position:relative;}
.b1 a img#logo {border:0; position:absolute; top:0px; left:0px;}
.b1 #support {border:0; position:absolute; top:0px; right:7px;}
.b1 ul#menu{ background-color:none; position:absolute; left:180px; top:55px;}

#menu a {text-decoration:none; display:block; padding:25px 0 18px 0; }
#menu a:hover {text-decoration:none; background:#eee;}
ul#menu li{display:block; width:100px; font-size:12px;  float:left; text-align:center; vertical-align:bottom;}
ul#menu li#w{  background:url("images/w.png") #ffc325 no-repeat; font-weight:normal; }
ul#menu li.h{font-size:12px;  float:left; text-align:center; vertical-align:bottom;}


ul#menu li a{color:#444; width:100%; float:left;}
ul#menu li.h a{color:#000; width:100%; float:left;}
ul#menu li#w a:hover{background:url("images/w.png") #ffc325 no-repeat;}
ul#menu li#w a{color:#FFF; width:100%; float:left;border:none;padding:22px 0 21px 0;}

.pagebody .b1 .submenu{position:absolute; position:absolute; left:180px; top:111px; background:#none; width:605px; height:52px; background-image: url("images/3a.png");}
/*
.pagebody .b1 .submenu ul{ display:none;}
*/
.pagebody .b1 .submenu ul li{display:inline-block; list-style:none; float:left; }
.pagebody .b1 .submenu ul li a{ color:#fff; text-decoration:none; font-weight:bold; font-size:12px; padding:20px 8px 0 8px; float:left; text-align:center;}
.pagebody .b1 .submenu ul li a:hover{ text-decoration:underline;}


.pagebody .b2{width:785px; height:27px; float:left; background:url("img/pr1_02.gif") #f0813b; position:relative;}
.pagebody .b3{width:785px; height:auto; float:left; background:url("img/pr1_033.gif"); position:relative; padding-bottom:20px;}
	.b3 .baner2{width:490px; height:100px; margin-bottom:5px; float:left; background-color:#89CFE7;}
	 #ban{width:776px; height:165px; background-color:#fff; float:right; margin-bottom:8px;}
	.b3 #news{ background: no-repeat url("img/ban/b_cn.jpg"); }
	.b3 #jobs{ background: no-repeat url("img/ban/b_jo.jpg"); }
	.b3 #purchase{background: no-repeat url("img/ban/b_pu.jpg");}
	.b3 #contact{background: no-repeat url("img/ban/b_cu.jpg");}
	.b3 #resources{background: no-repeat url("img/ban/b_re.jpg");}
	
	/*
.b3 #ban{width:770px; height:173px; background-color:#89CFE7; margin:auto; background: no-repeat url("img/ban/b1.jpg");}
	.b3 #news{width:770px; height:100px; background-color:#89CFE7; margin:auto; background: no-repeat url("img/ban/b_cn.jpg"); margin-bottom:7px;}
	.b3 #jobs{width:490px; height:100px; background-color:#89CFE7; margin:auto; background: no-repeat url("img/ban/b_jo.jpg"); margin-bottom:7px; float:left; margin-left:8px;}
	.b3 #purchase{width:770px; height:100px; background-color:#89CFE7; margin:auto; background: no-repeat url("img/ban/b_pu.jpg"); margin-bottom:7px;}
	.b3 #contact{width:770px; height:100px; background-color:#89CFE7; margin:auto; background: no-repeat url("img/ban/b_cu.jpg"); margin-bottom:7px;}
	.b3 #resources{width:770px; height:100px; background-color:#89CFE7; margin:auto; background: no-repeat url("img/ban/b_re.jpg"); margin-bottom:7px;}
	{elseif $params.0 == 'jobs'}
{elseif $params.0 == 'purchase'}
{elseif $params.0 == 'contact'}
{elseif $params.0 == 'resources'}
*/
	.b3 #tekst{width:475px; padding:0 0 0 10px;  float:left; position:relative; top: 5px; font-size:12px; color:#6a6b6d;}
	#tekst a{ color:#496d9d; text-decoration:none;}
	#tekst a:hover{text-decoration:underline; color:#ffcf41;}
	
	#tekst h1 {font-size:20px; padding:3px 0 10px 0; margin-bottom:10px; text-align:left;}
	#tekst h2 {font-size:13px; color:#486e9d; border-bottom:1px solid #eee; padding:0; text-indent:20px; margin:10px 0; float:left; width:100%;}
	#tekst sup{font-size:11px; margin:2px 0;}
	
	#tekst p {font-size:12px; text-align:justify; width:100%;  margin:10px 0;}
	#tekst img {float:right; margin:5px 0px 5px 10px; border:none;}
	#tekst table { margin:5px;  width:auto; margin:auto; border:none; clear:both;}
	#tekst td { background-color:#fff; border:1px solid #eee; padding:3px; margin:none; font-size:10px;}
	#tekst th { background-color:#f5f5f5; border:1px solid #eee; padding:3px; margin:none; font-size:11px;}
	
	#tekst tr:hover td{background:#f2f2f2;}
	
	#tekst table td img{margin:0; float:none; margin:auto;}
	
	#tekst ol, #tekst ul {width:auto; float:left; padding-left:40px; }
			#tekst ul li {list-style-position:inside;}
	#tekst li{width:100%;}
	#tekst form {width:100%; height:auto; float:left; margin-top:10px;}
	#tekst form p {width:100%; float:left; text-align:right; margin:2px 0; padding:0; }
	/*#tekst form p.leftmargin {width:85%; float:left;}*/
	
	#tekst form input, #tekst form select{float:left; margin-left: 10px; margin-right:40px; width:250px; border:1px solid #CCCCCC;}
	#tekst form textarea{float:left; margin-left: 10px; margin-right:40px; width:250px; border:1px solid #CCCCCC; height:10em; font-size:10px;}
	#tekst form select{ width:252px;}
	#tekst form label, #tekst form .et, #tekst form input.pi{float:left; margin:0 10px 0 0px; width:165px; text-align:right;}
	#tekst form .et{width:210px; float:left;}
	#tekst form label.pl{width:25px; text-align:left; text-indent:10px; float:right; margin:0;}
	#tekst form input.pi{float:right; margin-right:40px; width:40px; border:none; height:13px; text-align:left;}
	#tekst form p.leftmargin input{float:right; margin-right:40px; width:30px; border:none;}
	#tekst form p.leftmargin label{float:right; margin:0 10px 0 10px; width:50px; text-align:right;}
	
	#tekst form input.nf{border:none; margin-right:260px; width:30px;}
	
	
	#tekst form #but {color:#FFF; font-size:12px; width:50px; margin-bottom:10px; float:right; border:0; padding:2px 0; background:#ffd044 ; cursor:pointer;}
	#tekst #support{float:left; margin:0 0 10px 0; border:none; width:480px; height:60px;}
	.b3 #rframe{width:280px; height:auto; float:right; padding:8px 0;}
	
	.b3 .box {width:255px; height:auto; float:right; padding:10px 10px 20px 10px; background:url("images/8.png") no-repeat; display:block; margin:0 0px 15px 0; position:relative;}
		.b3 .box_end{ position:absolute; left:0px; bottom:0; width:275px; height:8px; background:url("images/9.png") no-repeat;}
		.b3 .box h1{font-size:18px; text-align:center; font-weight:normal; padding:3px 0 6px 0; border-bottom:1px solid #ccc; margin-bottom:10px;}
		.b3 .box#help h1{ border-color:#FFC325;}
		.b3 .box#start h1{ border-color:#FFC325;}
		
		
		#box1 ul#wersy{padding:0; padding-top:0; margin-left:3px;}
		#wersy li{list-style:inside; margin:4px 0; list-style:none; text-align:left; font-size:11px; /*#486e9durl("img/hdp.gif") no-repeat;*/  color:#486e9d; width:auto; }
		#wersy img {vertical-align:middle; margin:0 5px 0 0 ; border:0; }
		#wersy a {color:#486e9d; text-decoration:none;}
		#wersy a:hover {text-decoration:underline;}
		
		#box1 ul#ikonki{float:left; margin:10px auto; padding-left:3px;}
		#ikonki img{border:none; margin:auto;}
		#ikonki li {list-style:none; display:inline; width:82px; margin:auto; float:left; font-size:10px; text-align:center;}
		#ikonki a{color:#003366; text-decoration:none;}
	
		#box2 h1#ff {color:#fa7827; font-size:14px; text-align:center; font-weight:normal; padding:3px 0 6px 0; background:url("img/h1_gs_bg.gif") left no-repeat;}
		
		#box2 ul#ikonki{margin:1px auto 5px auto; padding-left:3px; float:right; width:98%;}
		#ikonki img{border:none;}
		#ikonki li {list-style:none; display:inline; width:45%; float:left; font-size:12px; text-align:center; padding-bottom:3px; border-bottom:2px solid #ffffff;}
		#ikonki li:hover{border-bottom:2px dotted #a0b3cc;}
		#ikonki a{color:#486e9d; text-decoration:none; margin:0; padding:0; float:left; width:100%; text-align:center;}
		
		
	

.pagebody .b4{width:785px; height:100px; float:left;  position:relative; border-top:1px solid #EEE;}
.b4  #leftbox{ float:left; width:60%; height:auto; font-size:10px; color:#999; text-align:left; padding:1%;}
.b4  #rightbox{ float:right; position:absolute; right:0; bottom:0; width:35%; height:auto; font-size:10px; color:#ccc; text-align:right; padding:1% 0;}
.b4  #rightbox a{font-size:10px; color:#ccc; text-decoration:none;}
.b4  #rightbox a:hover{text-decoration:underline;}

#pricingTable p
{
	text-align:center;
}
#pricingTable th p
{
	text-align:left;
}

