@charset "utf-8";
/* CSS Document */

.testata-data span{ font-size:16px !important;}
.testata-data span span{ font-size:24px !important;}

.sidebar{ width:28%; float:left;}
.sidebar ul{ margin:0px; padding:0px;}
.sidebar li{ width:100%; max-width:260px; float:left; list-style:none; padding:5px 5px;}
.sidebar li a{ font-family:Helvetica,Arial,sans-serif; width:100%; float:left; position:relative; padding:0 30px; line-height:50px; background-color:#8d847b; color:#fff; text-decoration:none; font-size:16px; font-weight:700; box-sizing:border-box; height:50px; background-image:url(img/bottone.png); background-repeat:no-repeat; background-position:right center; line-height:18px;}
.sidebar li a span{ position:absolute; top:50%; transform:translateY(-50%);}
.sidebar li.active a{ background:#c6c6c6; color:#fff; position:relative;}
.sidebar li.active a:after{ content:""; width:16px; height:100%; position:absolute; right:0px; top:0px; background:#fff;}

.elenco{ width:70%; float:left; padding-left:2%;}
.elenco .indietro{ widows:100%; float:left; margin-bottom:20px;}
.elenco .indietro a{ float:left; font-family:Helvetica,Arial,sans-serif; padding:5px 15px; text-transform:uppercase; font-size:12px; border:2px solid #8d847b; color:#8d847b; text-decoration:none; font-weight:700;}

.elenco .box{ width:100%; float:left; padding-bottom:30px; margin-bottom:30px; border-bottom:2px dotted #bcbcbc; color:rgb(119,116,116);font-family:Arial;font-size:14px;font-style:normal;font-weight:400;}
.elenco .box:last-child{ padding-bottom:0px; margin-bottom:0px; border:0px;}
.elenco .box h2{color:rgb(87,87,86);font-family:Helvetica,Arial,sans-serif;font-size:17px;font-style:normal;font-weight:700;letter-spacing:normal;orphans:2;text-align:start;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;background-color:rgb(255,255,255);display:inline ! important;float:none;margin:0px}
.elenco .box h3{color:rgb(119,116,116);font-family:Arial;font-size:14px;font-style:italic;font-weight:400;letter-spacing:normal;orphans:2;text-align:justify;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;margin:0px;margin-bottom:20px}
.elenco .box p{color:rgb(119,116,116);font-family:Arial;font-size:14px;font-style:normal;font-weight:400;letter-spacing:normal;orphans:2;text-align:justify;text-indent:0px;text-transform:none;white-space:normal;widows:2;word-spacing:0px;background-color:rgb(255,255,255);display:inline ! important;float:none}
.elenco .box a.link{ float:left; margin-top:20px; font-family:Helvetica,Arial,sans-serif; padding:8px 50px; text-transform:uppercase; font-size:14px; border:2px solid #8d847b; color:#8d847b; text-decoration:none; font-weight:700;}
.elenco .box a.link span{ width:20px; height:14px; display:inline-block; float:left; margin:1px 10px 0 0; background:url(img/freccia.png); background-size:100% auto; background-repeat:no-repeat;}
.pallini{ width:100%; float:left; }
.pallini ul{ margin:0px; padding:0px;}
.pallini li{ list-style:none; float:left; margin:0 10px 0 0;}
.pallini li a{ font-family:Helvetica,Arial,sans-serif; width:50px; height:50px; float:left; line-height:50px; text-align:center; font-size:22px; background:#8d847b; border-radius:50%; text-decoration:none; color:#fff;}
.pallini li.Blu a{ background:#8d847b;}
.pallini li.Giallo a{ background:#dd9614;}
.pallini li.Rosso a{ background:#923025;}
.pallini li.Verde a{ background:#2f6a64;}

.riga-indirizzi-mobile{ display:none;}


@media screen and (max-width: 768px) {
	.sidebar{ width:100%; margin:0px; padding:25px; padding-top:0px; box-sizing:border-box;}
	.elenco{ width:100%; padding-left:0%; padding:0 30px; box-sizing:border-box;}

	.testata-logo{ width:35% !important; background:#8d847b !important;}
	.testata-logo img{ width:170px !important; height:auto;}
	.testata-data{ width:65% !important;}
	.testata-data span{ font-size:14px !important; float:left; text-align:right; padding-right:20px; box-sizing:border-box;}
	.testata-data span span{ font-size:14px !important; float:none; padding:0px;}
	.riga-indirizzi{ display:none;}
	
	.riga-indirizzi-mobile{ width:100%; display:table-row; text-align:right;}
	.riga-indirizzi-mobile .social{ padding-right:20px;}
	
}