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

/* _lcid="1025" _version="12.0.4518"
_LocalBinding */
body { margin: 0px 0px 0px 0px;  font: .74em "Trebuchet MS", Arial, Sans-Serif; color: #444;}

#content{
	float:right;
	width:1001px;
	border:0px solid #006699;
	clear:both;
}
#content .right{
	float:right;
	border:0px solid #000000;
	width:180px;
}

#content .left{
	float:right;
	border:0px solid #0033FF;
}

.topbg{
	background: #fff url(../images/bar.gif) repeat-x;
	height:30px;
	width:1003px;
	float:right;
}
	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; }
	


#header { width: 1001px; height: 50px; margin: 0 2px 0 0; float:right; border:0px solid #000000; margin-bottom:12px;}
#header h1{float:right; margin:auto 10px;}

	#menu  { float: right; padding: 6px 0 0 0; list-style: none; margin-right:30px }
		#menu li{ display: inline;}
		#menu a{ display: block; float: left; margin-left:30px; padding:7px 0 0 0; text-decoration: none; font-size: 17px; font-weight:bold; color: #000000; }		#menu a:hover { color: #000; border-bottom: 2px solid #9D2900; }
		#menu .active a { border-bottom: 2px solid #C70012; color: #9D2900;}
 
#teaser { clear: both; height: 192px !important; background: #fff url(#) !important repeat-x; float:right; clear:both;}
	.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 { 
	float:right;
	width:997px;
	height:40px; 
	margin: 0 2px 0 0; 
	padding: 7px 2px 0 0;
	text-align:right;
	background: url(../images/bar1.gif) repeat-x; }
.wrap { width: 900px; margin: 0px; height:auto; border:0px solid #FFFF00;}
.step { 
	cursor: pointer; 
	color: #FAFDDD; 
	padding: 4px 0 0 11px; 
	margin: 0 2px 0 35px; 
	font-size: 1.4em; 
	float: right; 
	text-align: center; 
	background: url(../images/step.gif) no-repeat; 
	height: 30px;}
	.step a { color: #fff; margin: 0 10px 0 0; }
	

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

#navigacija ul {	
	list-style: none;
	width: 150px;
	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: 17px;
	font-weight: bold;
	text-align: right;
	height: 20px;
	text-decoration: none;
	color: #666;
	display: block;
	padding: 6px 10px 0 10px;
	background: #fff;
	border-bottom: 1px dotted #ccc;
}	
	
#navigacija li a:hover {
	color: #a0000e;
}
.col { float: right; width: 720px; margin: 0 10px 0px 0; border:0px solid #000000; text-align:right;}

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


/*会员注册系统表格*/
.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;
		margin: 0 0 10px 0;
		border:0px solid #FFFF00;

	}
	.boxtop { height: 19px; width:245px;  background: #fff url(../images/boxtop.gif) no-repeat; color: #000;}
	.box { width:225px; 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 25px 10px 0;
		height:auto;
		border:0px solid #000099;

	}
	.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; 
			border:0px solid #000000;
	}
	.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 10px 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;
	width: 640px;
	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: right;


}
div.news_textbg {
	float: right;
	margin: 0 auto;
	height:auto;
	text-align:right;
	border:0px solid #ff0000;
}
div.news_textbg h2{
	text-align:right;

}
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;
}

div.news_textbg p{
	font-size:15px;
	font-weight:bold;
}



/*ts*/
#news_home_1 {
	float: right;
	font-size: 1em;
	width: 670px;
	margin-right:35px;
	border:0px solid #ff0000;
	margin-top:13px;
}
.news_item_1 {
	clear: both;
	padding: 0 0 10px;
	margin:0px 10px 10px 0px;!important
}
.news_image_1 {
	float: right; 
	width: 120px;
}

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

.news_text_1 {
	float: right;
	width:500px;
	margin-right:15px;
	border:0px solid #000000;
	text-align:right;


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


}

.news_text_1 h2 a:hover, div.news_text h2 a:active, ul li.spotlight h3 a:hover, ul li.spotlight h3 a:active {
	color: #ff4c12;	
	text-decoration: none;
}

.news_text_1 h2 {
	text-align:right;
	margin-left:0px;
	font-size:20px;
	text-decoration: none;
}

.news_text_1 p{
	font-size:15px;
	font-weight:bold;
}





/*每页联系方式*/

.contact {
	padding: 0px;
	margin:0px 0px 10px;
	padding-top:10px;
	list-style:none;
	text-align:right;
}
.contact a {
	text-decoration:none;
}
.mail{
	background: url(../images/mail.gif) no-repeat right center;
	padding: 3px 18px 3px 0px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
.phone{
	background: url(../images/phone.gif) no-repeat right center;
	padding: 3px 18px 3px 0px;
	margin:0px;
	line-height: 130%;
	list-style:none;
}
.fax{
	background: url(../images/fax.gif) no-repeat right center;
	padding: 3px 18px 3px 0px;
	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;
}

#yinchang{
	color:#FFFFFF; 
	height:1px; 
	border:0px solid #000000;  
	overflow:hidden;
	width:923px;
	float:right;
}