@charset "UTF-8";
/* CSS Document */
html {overflow-y: scroll;}

.mobile_show
{
	display:none;
	}			
.attachment{
width:250px;
float:left;
	
	}
	
.matrix_img
{
	float:left;
}


.matrix_img_full
{
		text-align:center;
}

.matrix_img_full p
{
    display:block;
	font-size:12px;
	text-align:center;
	line-height:13px;
}


.matrix_img p
{
    display:block;
	font-size:12px;
	text-align:center;
	line-height:13px;
}

.side_pic{
	padding:5px;
	float:right;

	
	}

.hot_topic
{
	margin-top:5px;
	margin-bottom:5px;
    margin-left:1px;
	margin-right:1px;
	width:996px;
	border-radius:10px;
	background:linear-gradient(#e0f0d7, #cae6bc);
	min-height:150px;
		border:#bcdea4 1px solid;
	}

strong
{
font-weight:bolder;
	}

a
{
	line-height:inherit;
	text-decoration:none;
	color:#003300;
	}
	
a:hover
{
	text-decoration:none;
	color:#003300;
	background-color:#bbfffc;
	}	

.no_bkc
{
	background:none;
}

.no_bkc:hover
{
	background:none;
}



img
{
	border:0px;
}




.doll1{
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	width:60px;
	height:60px;
	background: url(images/image_sprite.png) -331px -285px;
	background-repeat: no-repeat;
	border:0px;
	
}



.doll2{
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	width:60px;
	height:60px;
	background: url(images/image_sprite.png) -391px -285px;
	background-repeat: no-repeat;
	border:0px;
	
}



.doll3{
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	width:60px;
	height:60px;
	background: url(images/image_sprite.png) -451px -285px;
	background-repeat: no-repeat;
	border:0px;
	
}

.doll4{
	position:absolute;
	margin-top:20px;
	margin-left:20px;
	width:60px;
	height:60px;
	background: url(images/image_sprite.png) -691px -285px;
	background-repeat: no-repeat;
	border:0px;
	
}


.size1{
	position:absolute;
	margin-top:20px;
	margin-left:880px;
	width:100px;
	height:40px;
	background: url(images/image_sprite.png) -520px -295px;
	background-repeat: no-repeat;
	border:0px;
	
}
.law_book{
	width:30px;
	height:30px;
	background: url(images/image_sprite.png) -630px -285px;
	background-repeat: no-repeat;
	border:0px;
	
}

.facebook_header
{
	position:absolute;
	margin-top:80px;
	margin-left:905px;
	width:40px;
	height:40px;
	background: url(images/image_sprite.png) -762px -295px;
	background-repeat: no-repeat;
	border:0px;
	
}

.facebook_frontpage
{
	position:absolute;
	margin-top:354px;
	margin-left:600px;
	width:40px;
	height:40px;
	background: url(images/image_sprite.png) -762px -295px;
	background-repeat: no-repeat;
	border:0px;
	
}

.printer_header
{
	position:absolute;
	margin-top:80px;
	margin-left:940px;
	width:40px;
	height:40px;
	background: url(images/image_sprite.png) -280px -295px;
	background-repeat: no-repeat;
	border:0px;
	
}


.printer{
	position:absolute;
	margin-top:20px;
	margin-left:690px;
	width:40px;
	height:40px;
	background: url(images/image_sprite.png) -280px -295px;
	background-repeat: no-repeat;
	border:0px;
	
}

.printer2{
	position:relative;
	margin-top:20px;
	margin-left:600px;
	width:15px;
	height:15px;
	background: url(images/image_sprite.png) -280px -295px;
	background-repeat: no-repeat;
	border:0px;
	
}


.footer{
	width:1000px;
	height:104px;
	background: url(images/image_sprite.png) 0px -346px;
	background-repeat: no-repeat;
	border:0px;
	
}


@media print {
.noPrint {
    display:none;
}
}


.printable
{
position:absolute;
top:20px;
left:600px;
}


.mainbody
{
	position:relative;
	margin:0 auto;
	width:1000px;
	background-color:#FFF;
	-moz-box-shadow: 0px 3px 8px #444;
	-webkit-box-shadow: 0px 3px 8px #444;
	box-shadow: 0px 3px 8px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";

}




.caption_text2
{
	font-size:smaller;
	line-height:normal;
	color:#333333;
}

.tiny_text
{
	font-size:12px;
	line-height:normal;
	color:#333;
	text-decoration:none;
	-webkit-transform:scale(0.8);
	display : inline-block;
}



.white_text
{
	font-size:12px;
	line-height:18px;
	color:#FFFFFF;
}

.white_text:hover
{
	background:#FFFFFF;
	color:#003333;
}



.dark_text
{
	font-size:12px;
	line-height:18px;
	color:#003333;
}

.dark_text:hover
{
	background:#FFFFFF;
	color:#003333;
}

.content_text
{

	line-height:23px;
	color:#333333;
}

.content_text888
{

	line-height:23px;
	color:#333333;
	text-indent:2em;
}

.content_text888 li
{
	color:#333333;
	list-style-type:decimal;
	margin-left:30px;
	text-indent:0em;
}

.content_text888 ul li
{
	color:#333333;
	list-style-type:disc;
	margin-left:30px;
	text-indent:0em;
}


.content_text888 ol
{
	color:#333333;
	margin-left:30px;
	text-indent:0em;
}


.news_line
{
	line-height:28px;
	color:#333333;
	vertical-align:middle;
}

.events_line
{
	font-size:12px;
	line-height:14px;
	color:#333333;
	vertical-align:middle;
    background:none;
	text-justify:inter-word;
}


.events_block
{
	border-collapse:separate;
border-spacing:5px;

}

.
{
background-color:#FFF;
}


.events_item
{}
.events_item :hover
{
	
		-moz-box-shadow: 0px 3px 8px #444;
	-webkit-box-shadow: 0px 3px 8px #444;
	box-shadow: 0px 3px 8px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=, Direction=135, Color='#444444')";
	}


.liabc
{
	list-style-type:lower-alpha;
}

.content_text li
{
	color:#333333;
	list-style-type:decimal;
	margin-left:30px;
}

.content_text ul li
{
	color:#333333;
	list-style-type:disc;
	margin-left:30px;
}


.content_text ol
{
	color:#333333;
	margin-left:30px;
}



.content_text_s2
{
	font-size:16px;
	line-height:28px;
	color:#333333;
}


.content_text_s2 a
{
	color:#003300;
	text-decoration:none;
}


.content_text_s2 li
{
	color:#333333;
	list-style-type:decimal;
	margin-left:30px;
}

.content_text_s2 ul li
{
	color:#333333;
	list-style-type:circle;
	margin-left:30px;
}


.content_text_s2 ol
{
	color:#333333;
	list-style-type:circle;
	margin-left:30px;
}






.nav_text
{
	font-size:12px;
	line-height:18px;
	color:#063;
}

.nav_text a
{
	font-size:12px;
	line-height:18px;
}

.nav_text2
{
	font-size:12px;
	line-height:18px;
	color:#063;
}

.nav_text2 a
{
	font-size:12px;
	line-height:18px;
}


.footer_text
{
	font-size:12px;
	line-height:28px;
	color:#333333;
}


p
{
    margin-bottom: 15px;

}



.content_table
{
	width:730px;
	margin-top:60px;
	margin-left:10px;
}

.content_table td
{
	
}
.selected2
{
	background-color:#50c2c2;
	color:#FFF;
	font-weight:bold;

}
.selected2 a
{
	color:#FFF;
	font-weight:bold;
	}
.selected3
{
	background-color:#e30083;
	color:#FFF;
	font-weight:bold;

}

.selected3 a
{
	color:#FFF;
	font-weight:bold;
	}

.selected4
{
	background-color:#f26f29;
	color:#FFF;
	font-weight:bold;

}

.selected6 a
{
	color:#FFF;
	font-weight:bold;
	}
	
	
.selected6
{
	background-color:#00bb64;
	color:#FFF;
	font-weight:bold;

}

.selected4 a
{
	color:#FFF;
	font-weight:bold;
	}
	

.selected_foodwasterecycling_selected
{
	background-color:#f7eb00;
	color:#fff;
	font-weight:bold;

}

.selected_foodwasterecycling_selected a
{
	color:#000;
	font-weight:bold;
	}
	
.selected_foodwasterecycling a
{
	color:#FFF;

	}	

	
.selected
{
	line-height:28px;
	vertical-align:middle;
	padding:5px;
	font-size:15px;
	color:#003300;
	text-align:right;
	background: url(images/image_sprite.png) -23px -294px;
	background-repeat: no-repeat;
	padding-right:30px;

}

.content_inside
{
	width:100%;
	padding:100px;}




.title_table_td
{
	background-color:#62dad5;
    height:60px;
	line-height:26px;
	vertical-align:middle;
	font-size:24px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
}

.title_table_end
{
	background-color:#62dad5;
    height:60px;
	background: url(images/title_end.jpg) 0 0;
	background-repeat: no-repeat;
}

.content_color
{
	background-color:#eeeef1;
	padding:30px;
	}


.header_background
{
	position:absolute;
	margin-top:0px;
	margin-left:0px;
	background: url(images/image_sprite.png) 0 0;
	background-repeat: no-repeat;
	width:1000px;
	height:120px;
	z-index:0;
}

.dspa_logo---
{
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	background: url(images/image_sprite.png) 0 -121px;
	background-repeat: no-repeat;
	width:220px;
	height:110px;
	z-index:100;
}

.dspa_logo
{
	position:absolute;
	margin-top:10px;
	margin-left:10px;
	background: url(images/logo.png) 0 0;
	background-repeat: no-repeat;
	width:284px;
	height:110px;
	z-index:100;
}



.nav
{
	position:absolute;
	margin-top:15px;
	margin-left:260px;
	width:620px;
	height:50px;
	z-index:90;
}



.language_bar_tc
{
	position:absolute;
	margin-top:69px;
	margin-left:447px;
	background: url(images/image_sprite.png) -319px -121px;
	background-repeat: no-repeat;
	width:85px;
	height:25px;
	z-index:110;
}

.language_bar_sc
{
	position:absolute;
	margin-top:69px;
	margin-left:532px;
	background: url(images/image_sprite.png) -404px -121px;
	background-repeat: no-repeat;
	width:74px;
	height:25px;
	z-index:110;
}

.language_bar_pt
{
	position:absolute;
	margin-top:69px;
	margin-left:606px;
	background: url(images/image_sprite.png) -478px -121px;
	background-repeat: no-repeat;
	width:85px;
	height:25px;
	z-index:110;
}


.language_bar_en
{
	position:absolute;
	margin-top:69px;
	margin-left:691px;
	background: url(images/image_sprite.png) -563px -121px;
	background-repeat: no-repeat;
	width:68px;
	height:25px;
	z-index:110;
}


.language_bar_empty
{
	position:absolute;
	margin-top:69px;
	margin-left:691px;
	background: url(images/image_sprite.png) -872px -121px;
	background-repeat: no-repeat;
	width:68px;
	height:25px;
	z-index:110;
}


.language_bar_search
{
	position:absolute;
	margin-top:69px;
	margin-left:759px;
	background: url(images/image_sprite.png) -631px -121px;
	background-repeat: no-repeat;
	width:241px;
	height:25px;
	z-index:110;
}

.language_bar_search_box
{
	position:absolute;
	margin-top:70px;
	margin-left:820px;
	z-index:110;
}


.weather_block
{
	position:absolute;
	margin-top:-5px;
	margin-left:500px;
	width:400px;
	height:110px;
	z-index:100;
}

.tempature
{
	position:absolute;
	margin-top:9px;
	margin-left:200px;
	font-size:64px;
	line-height:64px;
	color:#FFFFFF;
	font-weight:normal;
	font-family:Verdana , Arial , sans-serif;
	}
	
.humidity
{
	position:absolute;
	width:120px;
	margin-top:42px;
	margin-left:370px;
	font-size:28px;
	line-height:28px;
	color:#FFFFFF;
	}	

.weather_icon
{
	position:absolute;
	margin-top:5px;
	margin-left:375px;
	}	



.uv
{
	position:absolute;
	margin-top:5px;
	margin-left:450px;

	}


.main_menu
{
	position:absolute;
	margin-top:93px;
	margin-left:209px;
	width:790px;
	height:27px;
	z-index:2000;
	
}


.promote_more
{
	position:relative;
	background: url(images/image_sprite.png) -269px -120px;
	background-repeat: no-repeat;
	width:50px;
	height:87px;
	cursor:pointer;
}

.promote_more2
{
	position:relative;
	background: url(images/promote_more.jpg);
	background-repeat: no-repeat;
	background-color:#00847d;
	width:50px;
	height:178px;
	cursor:pointer;
}



.movie_item
{
	
	width:150px;
	height:150px;
	border:#cccccc 1px solid;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	cursor:pointer;
	background-color:#FFFFFF;
	text-decoration:none;
}

.movie_item:hover
{

		-moz-box-shadow: 0px 3px 8px #444;
	-webkit-box-shadow: 0px 3px 8px #444;
	box-shadow: 0px 3px 8px #444;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=, Direction=135, Color='#444444')";
	

}

.movie_item ul
{
	position:absolute;
	background: url(images/movie_grad.png) 0 0;
	background-repeat: no-repeat;
	width:150px;
	height:14px;
	margin-top:71px;
}


.movie_item span
{
	margin:5px;
	font-size:12px;
	color:#333;
	text-decoration:none;
}

.movie_grad
{
	position:absolute;
	background: url(images/movie_grad.png) 0 0;
	background-repeat: no-repeat;
	width:150px;
	height:14px;
	margin-top:71px;
}


.download_mp3
{
position:absolute;
margin-top:0px;
	margin-left:-157px;
}

.download_music
{
position:absolute;
margin-top:0px;
	margin-left:-43px;
}


.movie_text
{
	margin:5px;
	font-size:12px;
	color:#333;
	line-height:15px;
	text-decoration:none;
}

.movie_line
{
  
	background: url(images/image_sprite.png)  0px -504px;
	background-repeat: no-repeat;
	width:600px;
	height:40px;
	text-indent:45px;
	color:#003333;
	line-height:40px;
	clear:both;
}



.adv_item
{
	
	width:170px;
	height:260px;
	align:center;
	float:left;
	margin-right:30px;
	margin-bottom:5px;
	text-decoration:none;
}


.adv_item_col5
{
	
	width:100px;
	height:260px;
	align:center;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	text-decoration:none;
}

.adv_title
{
	font-size:12px;
	color:#003333;
clear:both;
    line-height:14px;
	text-align:center;
	}
.adv_image
{
	width:150px;
	margin:5px;
	border:#cccccc 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	align:center;
	clear:both;
	}






.book_item
{
	
	width:315px;
	height:300px;
	border:#cccccc 1px solid;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	background-color:#FFFFFF;
	text-decoration:none;
}


.book_title
{
	font-size:14px;
	color:#003333;
	font-weight:bold;
	}
.book_image
{
	width:115px;
	height:152px;
	float:left;
	margin:5px;
	border:#cccccc 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	}

.underline
{
	text-decoration:underline;
	}

.alignright {
    float: right;
    display: inline; /*fixes IE float bug*/
    text-align: right;
} 

.caption_text_layout3 {
	font-size:smaller;
	text-align:center;
	line-height:normal;
	color:#333333;
	width:180px;
	padding:3px;
}

.caption_text {
	font-size:smaller;
	text-align:center;
	line-height:normal;
	color:#333333;
padding:3px;
}

.book_text
{
	margin:5px;
	font-size:12px;
	color:#333;
	text-decoration:none;
	width:160px;
	float:left;
	line-height:16px;
}

.law_line a
{
	text-decoration:none;
	color:#003333;
}



.data_table_odd {
	font-size:smaller;
    width: 100%;
    border-collapse: collapse;
	background-color:#f5fff6;
	text-decoration:none;
	line-height:14px;
	
}



.data_table_even {
	font-size:smaller;
    border-collapse: collapse;
     background-color:#eeeef1;   
	text-decoration:none;
	line-height:14px;
}

.data_table_odd a 
{
	color:#003333;
	text-decoration:none;
	
	}
	
.data_table_even a 
{
	color:#003333;
	text-decoration:none;
}	

	
	
.my_table
{
	border-collapse:collapse;
	border:1px solid #999;
	font-size:12px;

	color:#333333;

	}
.my_table td
{
	border-collapse:collapse;
	border:1px solid #999;
	    line-height:18px;
			padding:5px;
	}	
	
	
.my_table_no_border
{
	border-collapse:collapse;
	border:none;
	font-size:12px;

	color:#333333;

	}
.my_table_no_border td
{
	border-collapse:collapse;
	border:none;
	    line-height:18px;
			padding:5px;
	}		
	
	
.image_border
{
	margin:5px;
	border:#cccccc 1px solid;
	background-color:#FFFFFF;
	padding:5px;
	}
	
	


.pdf_icon
{
	background: url(images/image_sprite.png) 0px -704px;
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	font-size:14px;
	text-indent:45px;
	color:#003333;
	line-height:41px;

	text-decoration:none;
}


.leaf_icon
{
	background: url(images/image_sprite.png) 0px -664px;
	background-repeat: no-repeat;
	width:40px;
	height:40px;
	font-size:14px;
	text-indent:45px;
	color:#003333;
	line-height:41px;

	text-decoration:none;
}


.leaf_line
{
	background: url(images/image_sprite.png) 0px -664px;
	background-repeat: no-repeat;
	width:600px;
	height:40px;
	text-indent:45px;
	color:#003333;
	line-height:41px;

	text-decoration:none;
}

	
.place_line
{
	background: url(images/image_sprite.png) 0px -584px;
	background-repeat: no-repeat;
	width:600px;
	height:40px;
	text-indent:45px;
	color:#003333;
	line-height:41px;

	text-decoration:none;
}


.guide_icon
{
	background: url(images/image_sprite.png) 0px -624px;
	background-repeat: no-repeat;
	width:40px;
	height:40px;
}

.guide_line
{
	line-height:21px;
	}

.adv_line
{
	background: url(images/image_sprite.png) 0px -624px;
	background-repeat: no-repeat;
	width:500px;
	height:40px;
	text-indent:45px;
	color:#003333;
	line-height:41px;
	text-decoration:none;
	clear:both;
}

.content_text2
{
	line-height:23px;
	color:#333333;
	list-style-type:decimal;
	margin-left:30px;
}


.content_text2 ol li
{
	color:#333333;
	list-style-type:lower-alpha;
	margin-left:30px;
}

.content_text2 ol li ol
{
	color:#333333;
	list-style-type:lower-roman;
	margin-left:30px;
}

.content_text2 ol li ol li
{
	color:#333333;
	list-style-type:lower-roman;
	margin-left:30px;
}

.disc_style
{
	color:#333333;
	list-style-type:disc;
	margin-left:30px;
	line-height:24px;
}

.news_title
{
	font-size:16px;
	color:#003333;
	font-weight:bold;
	line-height:24px;
	}