@media (min-width: 1200px) {

	/* Structure > 1200px - questo si può anche omettere, e il sito come l'abbaimo pensato rimane centrato nel Browser
	 
	#wrapper 		{width: 1170px;margin: 0 auto;}
	#header 		{width: 1130px;float:left;padding: 20px 20px 20px 20px; background-color:#0C3} 
	#mainmenu 	{width: 100%;float:left;}
	#main 			{width: 1130px;float:left;padding: 20px 20px 20px 20px;}
	#content 		{width: 670px;float:left;}
	#sidebar 		{width: 420px;float:right;}
	#footer			{width: 1130px;float:left;padding: 20px 20px 20px 20px;}
	#mainmenu		{display:block;}
	*/
 
}


@media (min-width: 768px) and (max-width: 980px) {

	/* TABLET 768 to 980 */
	
	body{background:#faf1e9;}
	#wrapper 		{width: 748px;margin: 0 auto;} /* rimane più piccolo di 20px rispetto al limite mediaquery per lasciare sempre uno spazio prima del rimpicciolimento tra il sito e la finestra del browser */
	#header 		{width: 708px;float:left;padding: 20px 20px 20px 20px; background-color:#AA0000} 
	#mainmenu	{width: 100%;float:left;}
	#slideshow		{width: 748px;float:left;padding: 0px 0 0 0px;}
	#main 			{width: 700px;float:left;padding: 40px 24px 40px 24px;}
	#content 		{width: 338px;float:left;}
	#sidebar 		{width: 708px;float:right;padding: 20px 20px 20px 20px;}
	#footer			{width: 708px;float:left;padding: 20px 20px 20px 20px;}
	#mainmenu	{display:block;}
	
.riquadro_A {
	background-color: #FFF;
	float: left;
	width: 350px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 0px;
	margin-right: 0px;
}

.quadro_A {
	background-color: #F3E400;
	float: left;
	width: 154px;
	position: relative;
}

.quadro_B {
	background-color: #F3E400;
	float: left;
	width: 154px;
	position: relative;
}

.int_box_footer {
	width: 60%;
	position: relative;
	float: left;
}

.int_box_footer_Dx {
	width: 20%;
	position: relative;
	float: left;
	padding-left: 20%;
}
 
}

@media (max-width: 767px) { 

	/* SMART PHONE  < 767 */
	body	{background:#FFF; padding:6px;}
	#wrapper 		{width:100%;margin: 0 auto;}
	#header 		{width:100%;padding: 20px 0 20px 0px; background-color:#AA0000} 
	#mainmenu	{width:100%;float:left;} /* text-align:center */
	#slideshow		{width:100%;float:left;padding: 20px 0 0 0px; background-color:#FFF;}
	#main 			{width:100%;float:left;padding: 20px 0px 20px 0px;}
	#content 		{width:100%;float:left;}
	#sidebar 		{width:100%;float:right;padding: 20px 0 0 0px;}
	#footer			{width:90%;float:left; padding: 20px 5% 20px 5%;}
	
	/* Header */
 	.search{display:none;}
	.btn-responsive-menu{display:block;}
	
	#mainmenu	{display:none;}
	#mainmenu ul li 	{float: none;
	position: relative;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	background-color: #90F;
	}	
	
	/* Sidebar */
	/*.widget{width:48%;float:left;}
	.widget:first-child{margin-right:4%;!important}*/
	
	#site-title-Anto {margin-left:20px; font-size:21px;}
	#site-title a {font-size:24px;margin-left:10px;}
	
	
nav#navigation {
	margin-bottom: 0px;  /* Distanza del Menu dallo Slide Show */
}


.flex-control-paging li a {
  width: 8px;
  height: 8px;
}


.riquadro_A {
	background-color: #F3E400;
	float: left;
	padding: 0px 0px 0px 0px;
	width: 100%;
	margin-bottom: 20px;


}

.quadro_A {
	background-color: #F3E400;
	float: left;
	position: relative;
	width: 154px;
	margin: 0px;
	padding: 0px;

}

.quadro_B {
	background-color: #F3E400;
	float: right;
	position: relative;
	width: 154px;
	margin: 0px;
	padding: 0px;

}

.int_box_footer {
	width: 80%;
	position: relative;
	float: left;
}

.int_box_footer_Dx {
	width: 10%;
	position: relative;
	float: left;
	padding-left: 10%;
}