body {
	color: #333;
	font: normal 100% Helvetica, Arial, sans-serif;
	padding:0;
	margin:0;

}

a {
	text-decoration:none; color:#006291
}

p {
	
	font-size:1em;		/* 16px  / 16px = 1em    */	
	text-align:justify;
	line-height:1.125em;		/* 18px  / 16px = 1.125em    */	
}

h1 {
	font-size:2em;				/* 48px  / 16px = 3em    */	
	line-height:3.4375em;		/* 55px  / 16px = 3.4375em    */	
}

h1 {
	font-size:2em;				/* 48px  / 16px = 3em    */	
	line-height:3.4375em;		/* 55px  / 16px = 3.4375em    */	
}


h3 {
	width:90%;
	min-width:230px;
	max-width:250px;
	font-size:1.25em;			/* 20px  / 16px = 1.25em    */				
	text-align:center;
	background:#333;
	padding:3.125% 0;				/* 10px  / 320px = 0.03125   */		
	margin: 0 auto;					
	position:relative;
	color:#fff
}

#container{
max-width:87.5em;				/*1400px  / 16px = 60em    */	
margin:0 auto;
border:#000 1px solid
}

#sx{
width:74%;				
float:left; }

#sx ul{
list-style:none; margin:0; padding:0; 
}

#sx ul li {
border-bottom:1px dotted #C9C9C9; margin-bottom:0.9286%; padding:0 0 0.13888%;  font-size:1.125em; 
}

#articolo{
width:60%;				
float:right;
}

#destra{
width:38%;				
float:left; }

#sinistra{
width:24%;				
float:right;
}

#ads2{
	 width:300px; margin:0 auto;
}

#header  { width:100%; clear:both }


#logo { background:url(images/vivailfitness.png) no-repeat; width:20%; height:55px; display:block; float:left; }


#header a  { float:left; display:block; padding:0.5% 2.3% 0.5% 0; }

.myp-resp-item-b { width: 336px; height: 280px; }

.adfooter{ width: 620px; height: 300px; }


@media only screen and (min-width:960px) and (max-width:1440px) {
	
#sinistra{ display:none; width:0%;}
	
#sx{
width:100%;				
float:none;
}

}


@media only screen and (min-width:777px) and (max-width:960px) {

#sx{
width:100%;				
float:none;
}

#sinistra{ display:none; width:0%;}
	
.myp-resp-item-b { width: 300px; height: 250px; }

.adfooter{ width: 450px; height: 220px; }


}



@media only screen and (min-width: 480px) and (max-width:777px) {
	

#sx{
width:100%;				
float:none; }

#articolo{
width:100%;				
float:none;
}


#destra{
width:100%;  float:none; 
}
	
#sinistra{ display:none; width:0%;
}

.adfooter{ width: 450px; height: 220px; }


}


@media only screen and (min-width: 240px) and (max-width:480px) {
	

#sx{
width:100%;				
float:none; }

#articolo{
width:100%;				
float:none;
}


#destra{
width:100%;  float:none; 
}
	
#sinistra{ display:none; width:0%;
}

.adfooter{ width:300px; height: 250px; }


}