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


.clear
{ clear:both;}

h1, h2, h3 ,h4 { margin:0; padding:0; }


/************************************************************************************
STRUCTURE
*************************************************************************************/







#Article_content .tags { padding-bottom:12%;  }


#Article_content .previous-next { padding:2% 2% 10%; margin-bottom:2% }


#pagewrap {
	padding: 5px;
	width: 983px;
	margin: 20px auto;
	margin-top:10px;
}
#header {
	height: 160px;
	width:100%
	
}


#content {
	width: 680px;
	float: left;
}



#sidebar {
	width: 300px;
	float:left;
}
#footer {
	clear: both;
}
 .foto
 
 {
 float:left;
 padding-right:1.5%

 }

.Article_foto
 
 {
 float:left;
 padding-right:1.5%;
 width:98%;

 }




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

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


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

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


#header .Banner-Right { 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.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: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:40%; margin:0 auto; padding-left:10%; color:#475189; font: bold 0.9em/150% Georgia,"Times New Roman",Times,serif;}

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



/************************************************************************************
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.6em/150% Arial,Helvetica,sans-serif; font-weight:bold; }

#Article_content  .container .text h2 .small_title  { color:#4b4b4b; display:block; font:0.6em/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  }





















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

}