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


.clear
{ clear:both;}


  


/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
	padding: 1px;
	width: 983px;
	margin:0.9%;
	}

#content {
	width: 680px;
	float: left;
}
#sidebar {
	width: 300px;
	float: left;
}
#footer {
	clear: both;
}
 .foto
 
 {
 float:none;
 width:100%;
 text-align:left;
 padding:2.6%;
 margin:0%;
 }

img {
max-width:100%;

}


#content .container .text
{
 margin:2%;
 padding:2%;	
}


#content .container .extra_text
{
 margin:2%;
 padding:2%;	
}



#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:145px;
	
}

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


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

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


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

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

#header .intersearch {width:310px; float:left; margin-right:2px; 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:0px;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:50%; margin:0 auto; padding-left:0%; color:#475189; font: bold 0.9em/150% Georgia,"Times New Roman",Times,serif; margin-top:2%;}

/************************************************************************************
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:left;

	}

		
}

}

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