body {
	font: 0.8em/150% Arial,Helvetica,sans-serif;
		background-color:#f7f7f7;
	margin:0;
}

.clear
{ clear:both;}




/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	padding: 5px;
	width: 983px;
	margin: 20px auto;
	margin-top:10px;
}

#content {
	width: 680px;
	float: left;
}
#sidebar {
	width: 300px;
	float:left;
}
 
 
img {
max-width:100%;

}

.foto { float:none;}
#header {
	width:100%;
	background-color:#fff;
	box-shadow:0px 2px 5px #afafaf; -moz-box-shadow: 0px 2px 5px #afafaf;-webkit-box-shadow: 0px 2px 5px #afafaf;
	float:left;
	height:133px;
	
}

#header .logo { text-align:center; margin-top:5px; width:40%; float:left; padding-left:30%; }
	


#header .date { float:left;  width:100%; color:#fff; font:0.8em/150% Arial,Helvetica,sans-serif; text-align:left; padding-top:1.2% }

#header .Banner-left {border:1px solid red; float:left; width:200px; height:90px; margin-left:1.5%; margin-top:1.2%; display:none;}


#header .Banner-Right {border:1px solid red; float:left; width:200px; height:90px; margin-top:1.2%; display:none;}

#header .date-search {background-color:#616AA5; width:97.1%; margin-left:1.5%; margin-right:1.5%; padding-top:0.4%; padding-bottom:0.8%; position:relative}

#header .intersearch {width:310px; float:left; margin-right:10px; text-align:right; color: #C2C2C2; font-size:10px; font-weight:bold; padding-top:1px; position:absolute; right:1px;}  
#header .intersearch .intersearch_text {display:none; float:left;color:#c2c2c2;padding-top:0.4%;padding-left :40px;font-size:10px;font-weight:bold;}  
#header  .intersearch_box { background-image:url('../../media/home/search_box.gif');background-repeat: no-repeat;background-position: center center;width:184px;height:15px; border:0px solid white	}  
   

#header .menu_item span {  color:#475189;  float:left; padding: 0px 5px 0px 8px;   background-image:url(../../media/home/main_seperation.gif); background-repeat:no-repeat;background-position:100% 52%;}

#header .menu_item span a  {  color:#475189; text-decoration:none; }

#header .menu_item { width:38%; margin:0 auto; padding-left:2%; color:#475189; font: bold 0.9em/150% Georgia,"Times New Roman",Times,serif; margin-top:1.5%;}



 /************************************************************************************
Article
*************************************************************************************/
 #Article_content{ float:none; padding-top: 2%; width:auto;} 

#Article_content .container { float:none;}
  

 


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/



/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#pagewrap {
		width: 96%;
	}
	#content {
		width: 65%;
	}
	#sidebar {
		width: 33%;
	}
	.foto {
	float:left;
		
	}

}

/* for 700px or less */
@media screen and (max-width: 700px) {

	#content {
		width: auto;
		float: none;
	}
	#sidebar {
		width: auto;
		float: none;
	}
	.foto {
	float:none;
	text-align:center;
		 

	}

		
}

}

/* for 480px or less */
@media screen and (max-width:480px) {

	#header {
		height: auto;
			}
	h1 {
		font-size: 24px;
	}
	#sidebar {
		
		width: auto;
		float: none;
	}
	#header .date
	
	{
	text-align:center;
	float:none;
	padding-top:0px;
}
#header .logo

{
	float:none;
	margin-top:5px;
	text-align:center;
	width:100%
}


	
	
 #content
{
margin-top:50px;
	
}	
	
	

}