body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	background-color:#f7f7f7;
	margin:0;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
	
	
	
}

.clear
{ clear:both;}




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

#content {
	width: 680px;
	float: left;
}
#sidebar {
	width: 300px;
	float:none;
}
 .foto
 
 {
 float:left;
  margin-right:1.5%
 
 
 }

img {
max-width:100%;

}







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

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


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

#header .Banner-left {float:left; width:200px; height:90px; margin-left:1.5%; margin-top:1.2%; margin-right:5.2%; margin-bottom:1.2%; }


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

#header .date-search {background-color:#616AA5; width:97.1%; margin-left:1.5%; margin-right:1.5%; padding-top:0.3%; padding-bottom:0.6%; 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:block;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:28%; margin:0 auto; padding-left:10%; color:#475189; font: bold 0.9em/150% Georgia,"Times New Roman",Times,serif; margin-top:1%;}






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

#Article_content .container { float:none;}
  
#Article_content  .container .text h1 .big_title { color:#393939; display:block;  font:0.7em/150% Arial,Helvetica,sans-serif; font-weight:bold; }

#Article_content  .container .text h2 .small_title  { color:#4b4b4b; display:block; font:0.7em/150% Arial,Helvetica,sans-serif; line-height:1.3}







/************************************************************************************
sidebar
*************************************************************************************/





#sidebar .box_title h2 span { color:#fff; display:block; font-weight:bold; padding-left:8px; padding-top:15px; font:bold 0.7em/150% Arial,Helvetica,sans-serif}
#sidebar .box_content h3 { border-bottom:1px #b7b7b7 dashed; padding-top:20px; padding-left:10px; color:#134d86; margin-left:10px; margin-right:10px;  font:1em/150% Arial,Helvetica,sans-serif  }

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


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

}


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

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

}