body { font-family: 'Open Sans', Arial, Verdana, sans-serif; margin:5px 0; padding:0; color:#FFF; font-size:9pt; line-height: 1.3em; background : #cecece;}
.content { color: #505050; margin: 0 auto; padding: 0; width: 860px; background: #FAFAFA; }
.lside {	background: #FFF; color: #000; width: 860px; float: left; }
.lside .topmenu { text-align: center; background: #1a1a1a; color: #FFF; width: 835px; height: 15px; padding: 5px 13px 5px 12px; font-size: 90%; }
.lside .main { clear:both;background: #fff; color: #505050; padding: 15px 20px 15px 20px; text-align:justify; }
.lside .maina { float:left;width:600px;background: #fff; margin-top:0; color: #505050; padding: 0 0 5px 0; text-align:justify; }
.lside .mainb { float:left;width:230px;background: #fff; margin-top:0; color: #505050; padding: 0 15px 15px 15px; text-align:justify; }
.lside .mainb img { text-align:center; }
.lside .entroblog { border-left: 6px solid #F08704; border-right: 6px solid #F08704; 
	background: #FFF; margin:5px 0 0 0; color: #505050; padding: 2px 20px 10px 20px;  
	text-align:justify; margin-bottom:5px;}
.lside .entroblog a:hover { color: #F08704; text-decoration: underline; }
.lside .entroblog h1 { font-size: 10pt; color:#F08704;}
.lside .entrolibri { border-left: 6px solid #8A0074; border-right: 6px solid #8A0074; 
	background: #FFF; margin:5px 0 0 0; color: #505050; padding: 2px 20px 10px 20px;  
	text-align:justify; margin-bottom:5px;}
.lside .entrolibri a:hover { color: #8A0074; text-decoration: underline; }
.lside .entrolibri h1 { font-size: 10pt; color:#8A0074;}
.lside .entrostoria { border-left: 6px solid #035603; border-right: 6px solid #035603; 
	background: #FFF; margin:5px 0 0 0; color: #505050; padding: 2px 20px 10px 20px;  
	text-align:justify; margin-bottom:5px;}
.lside .entrostoria a:hover { color: #035603; text-decoration: underline; }
.lside .entrostoria h1 { font-size: 10pt; color:#035603;}
.lside .entroroma { border-left: 6px solid #013077; border-right: 6px solid #013077; 
	background: #FFF; margin:5px 0 0 0; color: #505050; padding: 2px 20px 10px 20px;  
	text-align:justify; margin-bottom:5px;}
.lside .entroroma h1 { font-size: 10pt; color:#013077;}
.lside .entroroma a:hover { color: #013077; text-decoration: underline; }
.lside .eshop { text-align:center; padding-top:10px; }
.lside .eshop a:hover { color: #F08704; text-decoration: underline; }
.lside .titolo { padding-top:5px; font-size:90%; color: #222; font-weight:bold;}
.footer { clear:both; width: 860px; padding-top: 3px; color:#FFF; font-size:80%; background: #6b6b6b; text-align:center; }
.footer a { color: #eee; }
.social { width:140px;float:left;background-color: inherit; color:#F08704; font-size: 11pt; font-weight:bold; padding: 10px 10px 0 0; margin-bottom:5px; text-align:right; }
.biblos { width:80px;float:left;background-color: inherit; color:#222; font-size: 13pt; font-weight:bold; padding: 8px 8px 0 5px; margin-top:15px; margin-bottom:5px; text-align:right; }
.linea { border-top: 6px solid #CECECE; margin: 15px 0 5px 0;}
a { color:#323232; text-decoration:none;}
h2 { background-color: inherit; 	color:#F08704; font-size: 11pt; font-weight:bold; margin: 10px 0 10px 0; padding:0; }
img {
    display: block;
    max-width: 100%;
}

@media only screen and (min-width: 481px) and (max-width: 895px) {
.content { width: 100%; font-size: 110%;  }
.lside { width: 100%; }
.lside .header { width: 100%; }
.lside .topmenu { width: 100%; height:auto; padding: 5px 0 5px 0;  }
.footer { clear:both; width: 100%; }
.footer2 { clear:both; width: 100%; }
.lside .maina { float:left; width: 65%; }
.lside .mainb { float:left; width: 29%; padding-left: 11px;}
.social  { float:left;  }
.biblos  { clear:both;  }
}

@media only screen and (max-width: 480px) {
.content { width: 100%; font-size: 115%;  }
.lside { width: 100%; }
.lside .header { width: 100%; }
.lside .topmenu { width: 100%; height:auto; padding: 5px 0 5px 0;  }
.footer { clear:both; width: 100%; height:auto;}
.footer2 { clear:both; width: 100%; height:auto;}
.lside .maina { clear:both; width: 100%; line-height: 1.5em;}
.lside .mainb { clear:both; width: 100%; padding: 0;}
.lside .mainb img { text-align:center; }
.social  { float:left; }
.biblos  { clear:both; }
}