/*
	project: web application template
	author: luka cvrk (www.solucija.com)
*/


body { margin: 0px 0px 0px 0px;  font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444;}

.topbg{
	background: #fff url(../images/bar.gif) repeat-x;
	height:40px;
	width:1003px;
}
	h1 { font-size: 3em; font-weight: normal; float: left; }
	h1 a { text-decoration: none; }
	h2 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 0 0; }
	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
	p  { margin: 0 0 2em 0; line-height: 1.5em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #9D2900; }
	a:hover { color: #A0000E; text-decoration: none; font-weight:bolder}
	img { border: 0; }
	.red { color: #9D2900; }
	
.wrap { width: 900px; margin: 0px; height:auto;}

#header { width: 930px; height: 50px; margin: 0 auto; border:0px solid #000000; margin-bottom:10px}
#header h1{ margin-left:10px; font-size:21px}
	#menu  { float: right; padding: 6px 0 0 0; list-style: none; }
		#menu li { display: inline; }
		#menu a { display: block; float: left; margin-left: 0px; padding: 7px; text-decoration: none; font-size: 13px; color: #000000; }
		#menu a:hover { color: #000; border-bottom: 2px solid #ccc; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}

#header h1 a {color: #9D2900; }



#teaser { clear: both; height: 192px !important; background: #fff url(#) !important repeat-x; }
	.box { float: left; padding: 66px 0 0; width: 480px; color: #C7E3EE; }
	#image { float: right; width: 388px; position: relative; top: 16px; background: url(../images/logotype.jpg) no-repeat top right; height: 258px; }
	
#bar { 
	width:1003px;
	height:40px; 
	margin: 0 0 0px; 
	padding: 8px 0 0 0; 
	background: url(../images/bar1.gif) repeat-x; }
.step { 
	cursor: pointer; 
	color: #FAFDDD; 
	padding: 4px 0 0 11px; 
	margin: 0 35px 0 0; 
	font-size: 1.4em; 
	float: left; 
	text-align: center; 
	background: url(../images/step.gif) no-repeat; 
	height: 30px;}
	.step a { color: #fff; margin: 0 10px 0 0; }
	
.col { float: left; width: 500px; margin: 0 20px 16px 0; }

	.last { float: right; margin: 0; }
	.info { border: 1px solid #e0e0e0; background: #f4f4f4; padding: 7px; }

#footer { 
	clear: both; 
	width: 985px; 
	height:55px;
	margin: 0 auto; 
	margin-top:10px;
	padding: 15px; 
	border-top: 1px solid #e0e0e0; 
	background: #fff;
	float:left;
}	
	#footer .right { float: right; margin: 0 55px 0 0; }
	#footer a { color: #808080; font-weight: bold; }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
/*index*/
#sadrzaj {
	padding: 9px 0px 0 20px;
	color: #303030;
	width: 200px;
	
}
#navigacija {
	clear: left;
	float: left;
	width: 170px;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0.9em;
}

#navigacija ul {	
	list-style: none;
	width: 166px;
	margin: 0 0 3px 0;
	padding: 0;
	font-size: 1.1em;
	border-right: 2px solid #ccc;
}	

#navigacija li {
	margin-bottom: 4px;
	padding: 0 5px 0 10px;
}

#navigacija li a {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #808080;
	display: block;
	padding: 6px 10px 0 10px;
	background: #fff;
	border-bottom: 1px dotted #ccc;
}	
	
#navigacija li a:hover {
	color: #a0000e;
}


/*会员注册系统表格*/
.large {
	FONT-WEIGHT: bold; FONT-SIZE: 16px
}
.mytableline {
	BORDER-TOP: #55b9da 3px solid; HEIGHT: 24px; BACKGROUND-COLOR: #d6d6d6; TEXT-ALIGN: center
}
.mytablehead {
	PADDING-LEFT: 10px; FONT-WEIGHT: bold; VERTICAL-ALIGN: top; COLOR: #000; HEIGHT: 24px; BACKGROUND-COLOR: #eff7fb
}
.mytablebody2 {
	PADDING-LEFT: 10px; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}




/*company*/
	.companyright {
		float: left;
		width: 295px;
		margin: 0 0 10px 0;

	}
	.boxtop { height: 19px; background: #fff url(../images/boxtop.gif) no-repeat; color: #000; }
	.box { background: #fff url(../images/box.gif) no-repeat bottom left; color: #5b5b5b; padding: 0 10px 15px 10px; margin: 0 0 10px 0; height:500px;!important}
	.box p { padding: 0; margin: 0;}
	.companyimage { margin: 0 9px 3px 0;}
	
	
	
	
	
	
	
/*products*/
	.productsright {
		float: left;
		width: 745px;
		margin: 0 0 10px 17px;
		height:auto;
		text-align:left;

	}
	.productsright h2{
		color:#000000;
		text-align:left;
		margin-left:110px;
	}
	.productsright .center{
		text-align:left;
		margin-left:110px;
	}
	.productsright .left{
		text-align:left;
		margin:0 40px;
	}
	.standard{
		text-align:left;
		font-size:18px;
		font-weight:bold;
		margin-left:110px;
	}
	.productsboxtop { 
			height: 19px; 
			background: #fff url(../images/productsboxtop.gif) no-repeat; 
			color: #000; 
	}
	.productsbox { 
			background: #fff url(../images/productsbox.gif) no-repeat bottom left; 
			color: #5b5b5b; 
			padding: 0 10px 15px 10px; 
			margin: 0 0 10px 0; 
			height:auto;
	}
	.productsbox p { padding: 0; margin: 0;}
	.productsimage { margin: 0 9px 3px 0;}





/*products leftmenue*/
.producttable{
width:500px;

}





.colTwo {
	float: right;
	width: 150px;
	padding:0px 20px 0 0;
}

.productsul {
	margin: 0;
	padding: 0;
}

.productsli {
	margin: 10px 0px 0px 0px;
	color: #FFFFFF;
	border-bottom: 1px dotted #ccc;

}

.productslinei {
	margin: 0;
	float: right;
	padding-right:20px;
	list-style:none;

}
.productslinei a {
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #808080;
	display: block;
	padding: 6px 10px 0 10px;
	background: #fff;
}

.productslineia{
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #808080;
	display: block;
	padding: 6px 10px 0 10px;
	background: #fff;
}

.productsa {
	color: #FF4000;
}

.productsh2 {
	float: right;
	padding: 0px;
	margin:0px 5px 0px 0px;
	text-transform: uppercase;
	font: 12px Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold; 
	color: #000000;
}




/*process*/
div#news_home {
	float: left;
	font-size: 1em;
	padding-right: 30px;
	width: 7400px;
	margin-left:40px;
}
div.news_item {
	clear: both;
	padding: 0 0 10px;
	margin:0px 10px 10px 0px;!important
}

div.news_image {
	float: left; 
	width: 120px;
}

div.news_image img, div.content_archive_img img {
	border: 1px solid #d1dceb;
	padding: 3px;
}
div.news_image a:hover { background: none; }

div.news_text {
	float: left;
	width: 560px;
	margin:0px 0px 0px 20px;!important	
}
div.news_textbg {
	float: left;
	margin: 0;
	width: 600px;
	margin:0px 10px 10px 0px;!important	
}

div.news_text h2 a:link, div.news_text h2 a:visited, ul li.spotlight h3 a:link, ul li.spotlight h3 a:visited {
	font-size:15px;
	color: #202020;
	text-decoration: none;

}

div.news_text h2 a:hover, div.news_text h2 a:active, ul li.spotlight h3 a:hover, ul li.spotlight h3 a:active {
	background: 0;
	color: #ff4c12;
}

div.news_textbg h2 a:link, div.news_textbg h2 a:visited{
	text-align:center;
	font-size:15px;
	color: #202020;
	text-decoration: none;
}

div.news_textbg h2 a:hover, div.news_textbg h2 a:active{
	background: 0;
	color: #ff4c12;
}
div.news_text h2 {
	text-align:left;
	margin-left:0px;
}


/*每页联系方式*/

.contact {
	padding: 0px;
	margin:0px 0px 10px;
	list-style:none;
}
.contact a {
	text-decoration:none;
}
.mail{
	background: url(../images/mail.gif) no-repeat left center;
	padding: 3px 0px 3px 18px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
.phone{
	background: url(../images/phone.gif) no-repeat left center;
	padding: 3px 0px 3px 18px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
.fax{
	background: url(../images/fax.gif) no-repeat left center;
	padding: 3px 0px 3px 18px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}








/*detail.asp中的登录框*/
.loginform{
	background:#e6eef5;
	border:1px solid #c5d4e2;
	height:130px;
	padding-top:20px;
}
.loginform .text{
	color:#303436;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bolder;
}
.loginform .button{
	background-image:url(images/buttonbg.gif);
	background-color:#c5d4e2;
	border:1px solid #c5d4e2;
	height:23px;
	background-repeat:repeat-x;
	background-position:center center;
}







	.yuzhong{
		margin-right:10px;
		font-size:14px;
		height:25px;
	}
	.yuzhong a {
		color: #ffffff;
		text-decoration:none;
	}	
		
	.yuzhong a:hover {
		color: #ffffff;
	}
	
	
	
	
	
	
	
	
/*------------------------------------------------left--------------------*/

#body2{
	margin:13px auto 0 auto;
	padding:0 0 35px 0;
}
#left{
	float:left;
	padding:8px 0 0 9px;
}
#left h2{
	display:block;
	height:26px;
	background:url(../images/arrow.gif) 9px 9px no-repeat #454545;
	color:#F9FDFF;
	font:bold 13px/26px Arial, Helvetica, sans-serif;
	padding:0 0 0 24px;
	margin:0 0 8px 0;
}
#left ul{
	padding:0 0 0 18px;
	font-size:0;
	line-height:0;
		margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
#left ul li{
	display:block;
	background:url(../images/bullet2.gif) 0 5px no-repeat;
	padding:0 0 8px 14px;
	color:#8F8F8F;
	background-color:inherit;
	font:normal 12px Arial, Helvetica, sans-serif;
	margin:0;
	
}
#left ul li span{
	display:block;
	color:#408BAA;
	background-color:inherit;
	font:bold 12px/11px Arial, Helvetica, sans-serif;
	padding:0 0 10px 0;
	margin:0;
}
#left ul li a.grey{
	color:#8F8F8F;
	background-color:inherit;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	width:173px;
}
#left ul li a.grey:hover{
	color:#000;
	background-color:inherit;
}
#left ul li a.blue{
	color:#408BAA;
	background-color:inherit;
	font:bold 12px/11px Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
#left ul li a.blue:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------left--------------------*/

.nonimg{
		border:1px solid #ccc;
		width:350px;
	}