/* CSS Document */

body{
	background:url(../images/quanta_bg.gif) repeat-x #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align:center;
	margin:0px auto;
	padding:0px;
}

#header div{
	margin-top:120px;
}

#header #language{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	width:203px;
	float:left;
}

#header #language A{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#990000;
	text-decoration: none;
}

#header #sitemap{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	width:180px;
	float:right;
}

#header #sitemap A{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	text-decoration: none;
}

#header #sitemap A:hover{
	color:#ddfc52;
}


#main{
	margin:0 auto;
	padding:0;
	width:990px;
}

#mainbg{
	background:url(../images/quanta_mainbg.gif) repeat-y;
	float:left;
}

#main #mainbg #leftbar{
	width:198px;
	padding-top:20px;
	float:left;
}

/*#main #mainbg #leftbar p {
	background:url(images/quanta_leftbar_iconb.gif) no-repeat 0px;
	width:170px;
	height: 30px;
	padding:0;
	margin:0 auto;
	color:#2b84b2;
	text-align:left;
	text-indent: 30px;
	line-height: 22px;
	display:block;
}

#main #mainbg #leftbar p A{
	color:#2b84b2;
	padding:0;
	text-decoration: none;
}

#main #mainbg #leftbar p A:hover{
	color:#bb3030;
}
*/
#main #mainbg #leftbar ul#nav {
	list-style: none;
	padding:0 0 0 13px!important;
	margin:0 auto;
	line-height: 25px;
	display:block;
	text-align:left;
}

#main #mainbg #leftbar ul#nav li{
	background:url(../images/quanta_leftbar_iconbs.gif) no-repeat;
	width:170px;
/*	height: 30px;
*/	color:#363636;
	text-align:left;
	text-indent: 30px;
	padding:0 0 2px 0;
}

#main #mainbg #leftbar ul#nav li A{
	color:#363636;
	text-decoration: none;
}

#main #mainbg #leftbar ul#nav li A:hover{
	color:#bb3030;
}

#main #mainbg #leftbar ul#list{
	list-style: none;
	margin:0 auto;
	line-height: 22px;
	padding:0 0 0 12px;
	display:block;
}

#main #mainbg #leftbar ul#list li{
	background:url(../images/quanta_leftbar_iconb.gif) no-repeat;
/*	height:18px;
*/	color:#2b84b2;
	text-align:left;
	text-indent: 30px;
}

#main #mainbg #leftbar ul#list li A{
	color:#2b84b2;
	text-decoration: none;
}

#main #mainbg #leftbar ul#list li A:hover{
	color:#bb3030;
}

#main #mainbg #leftbar ul#list ul{
	list-style: none;
	margin:0 auto;
	line-height: 22px;
	padding:0 20px 0 12px;
	display:block;
}

#main #mainbg #leftbar ul#list ul li{
	background:url(../images/quanta_leftbar_iconr.gif) no-repeat;
/*	height:18px;
*/	color:#2b84b2;
	text-align:left;
	text-indent: 30px;
	width:156px;
}

#main #mainbg #leftbar ul#list ul li A{
	color:#bb3030;
	text-decoration: none;
}

#main #mainbg #leftbar ul#list ul li A:hover{
	color:#2b84b2;
}



#main #mainbg #leftbar ul#slist{
	color:#999999;
	list-style: none;
	padding:0;
	text-align: left;
	margin:0 auto;
}

#main #mainbg #leftbar ul#slist li{
	background-image:none;
	height: 18px;
	padding:0;
}

li.test{
	background:url(../images/quanta_leftbar_iconr.gif) no-repeat;
	height:18px;
	color:#2b84b2;
	text-align:left;
	text-indent: 30px;
}

li.test A{
	color:#ff0000;
}

#main #mainbg #leftbar ul#slist li A{
	color:#999999;
	text-decoration: none;
}

#main #mainbg #leftbar ul#slist li A:hover{
	color:#bb3030;
}



#main #mainbg #content{
		/*float:left;*/
		margin-left:198px;
		width:782px;
}

#main #mainbg #content #menu{
	height:73px;
}

#main #mainbg #content #tltle{
	background:url(../images/quanta_titlebg.gif);
	width:772px;
	height:42px;
	margin:0 auto;
}

#main #mainbg #content #tltle p{
	background: url(../images/title_arrow.gif) no-repeat;
	background-position: 5px 14px;
	font-size:14px;
	color:#990000;
	text-indent: 17px;
	padding:16px 0 0 12px;
	margin:0;
	float:left;
}

#main #mainbg #content #tltle div{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999999;
	text-align: right;
	width: 465px;
	margin-top:17px;
	padding-right:5px;
	float:right;
}

#main #mainbg #content #subject{
	width:752px;
	padding:20px 0 0 30px;
	margin:0 auto;
	float:left;
}

#main #mainbg #content #subjectallnews{
	width:730px;
	padding:20px 0 0 38px;
	margin:0 auto;
	float:left;
}

#main #mainbg #content #subjectallnews #unit{
	color:#ada077;
	margin:0 6px 0 0;
	text-align:right;
}

#main #mainbg #content #subjectallnews h5{
	height:30px;
	background: #d9d9d9;
	border-left: 10px solid #f5c408;
	font-size: 14px;
	font-weight: normal;
	text-align:left;
	text-indent: 5px;
	line-height: 30px;
	padding:0 10px 0 0;
	float:left;
}

#main #mainbg #content #subjectallnews #item{
	text-align:left;
	padding:0;
	background: #CCCCCC;
	height:30px;
	border-left: 10px solid #fac200;
	float:left;
}

#main #mainbg #content #subjectallnews table{
	width: 670px;
/*	height:300px;
*/	float:right;
}

#main #mainbg #content #notes{
	color:#666666;
	width:700px;
	padding:0px 52px 0 2px;
	margin:0 auto;
	text-align:left;
}

#main #mainbg #content #notes A{
	color:#666666;
}

#main #mainbg #content #notes ul{
	list-style: none;
}

#main #mainbg #content #notes li{
	line-height: 20px;
}


#main #mainbg #content #notes p{
	padding:3px 0 0 0;
	margin:0;
	line-height: 20px;
}


#main #mainbg #content #top{
	width:772px;
	padding:5px 0 25px 0;
	margin:0 auto;
	text-align:right;
}

#main #mainbg #content #top A{
	text-decoration: none;
	font-size:14px;
	color:#7ab0cf;
}

#main #mainbg #content #top A:hover{
	text-decoration: none;
	font-size:13px;
	color:#666666;
}

#footer{
	background: url(../images/quanta_footer.gif) no-repeat left;
	font-size: 13px;
	color: #999999;
	margin:0 auto;
	width:990px;
	height:29px;
	clear:both;
}

.accordion {
	background-color: #eee;
	color: #444;
	cursor: pointer;
	padding: 18px;
	width: 100%;
	border: none;
	text-align: left;
	outline: none;
	font-size: 15px;
	transition: 0.4s;
}

	.active, .accordion:hover {
		background-color: #ccc;
	}

	.accordion:after {
		content: '\002B';
		font-weight: bold;
		margin-left: 5px;
	}

	.accordion.active:after {
		content: "\2212";
	}

.panel {
	padding: 0 18px;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}