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

*{ margin:0; padding:0; border:0}

html, body{ height:100%; background: url(../img/bgTop_1.jpg) left top repeat-x #fff;}

#wraper{ width:100%; min-height:100%; height:auto !important; height:100%; margin: 0 0 -151px 0;}

.push{ height:151px; clear:both}
#footer { width:100%; text-align:center; height:280px; background: url(../img/bgFooter.jpg) left bottom repeat-x #fff;}
#footer #cont{ width:100%; height:20px; margin:90px 0 0 0; float:left; border-top:1px dotted #333;}

#footer #cont .oldsite{ width:280px; height:auto; float:left; }
#footer #cont .oldsite p {margin:16px 0 0 0}
#footer #cont .oldsite p a,
#footer #cont .oldsite p a:link,
#footer #cont .oldsite p a:active,
#footer #cont .oldsite p a:visited{ font: bold 11px "Trebuchet MS", Arial; color:#EC6E00; text-decoration:none}
#footer #cont .oldsite p a:hover{ color:#000}

#footer #cont .address{ width:680px; height:auto; margin:3px 0 0 0; float:left;}
#footer #cont .address p{ text-align:center; font: bold 10px "Trebuchet MS", Arial; color:#333; margin:8px 0 0 0}
#footer #cont .address p img{ float:left; margin:0}
#footer #cont .address p a,
#footer #cont .address p a:link,
#footer #cont .address p a:active,
#footer #cont .address p a:visited{ font: bold 10px "Trebuchet MS", Arial; color:#333; text-decoration:none}
#footer #cont .address p a:hover{ color:#EC6E00}
.grey{ color:#999}
.TestoGrigio{font: 11px "Trebuchet MS", Arial; color:#333333; text-decoration:none}
.TestoGrigioScuroBold{font: bold 14px "Trebuchet MS", Arial; color:#919191; text-decoration:none}
.TestoGrigio30{font: 34px "Trebuchet MS", Arial; color:#919191; text-decoration:none; float:left; margin:0 0 0 285px}
.TestoGrigio20{font: 20px "Trebuchet MS", Arial; color:#919191; text-decoration:none; float:left;}
.TestoGrigioScuro20{font: 20px "Trebuchet MS", Arial; color:#575757; text-decoration:none; float:left;}
.TestoGrigioBold{font: bold 11px "Trebuchet MS", Arial; color:#333333; text-decoration:none;}
.TestoGrigioBold14{font: bold 14px "Trebuchet MS", Arial; color:#333333; text-decoration:none; line-height: 25px;}
.TestoOrange{ color:#EC6E00; font: 11px "Trebuchet MS", Arial; text-decoration:none}
.TestoOrangeBold14{font: bold 14px "Trebuchet MS", Arial; color:#000000; text-decoration:none; line-height: 25px;} /*color:#EC6E00;*/

.header{ width:1020px; height:auto; padding:35px 0 0 0;}
.logo{ width:143px; height:auto; margin:0 0 0 70px !important; margin:0 0 0 15px; float:left}
.menu{ width:auto; height:auto; margin:30px 135px 0 0; float:right}
.menu ul{ display:inline; float:left; list-style:none;}
.menu ul li{ display:inline; float:left; list-style:none; margin:0 10px;}
.menu ul li a,
.menu ul li a:link,
.menu ul li a:active,
.menu ul li a:visited{ font: bold 14px "Trebuchet MS", Arial; color:#333333; text-decoration:none; }
/*.menu ul li a:visited{ font: bold 11px "Trebuchet MS", Arial; color:#000; text-decoration:none; text-transform:uppercase; }*/
.menu ul li a:hover{ color:#ec6e00;  }
.menu ul li a.off,
.menu ul li a.off:link,
.menu ul li a.off:active,
.menu ul li a.off:visited{ font: bold 14px "Trebuchet MS", Arial; color:#EC6E00; text-decoration:underline; }
/*.menu ul li a.off:visited{ font: bold 11px "Trebuchet MS", Arial; color:#EC6E00; text-decoration:underline; text-transform:uppercase; }*/

.payOff{ width:100%; height:auto; float:left; margin:0 0 15px 0;} 
.payOff img{ float:left; margin:0 0 0 385px}

.cont955{ width:955px; height:auto; float:left;}

.colSx{ width:220px; height:auto; margin:0 0 0 15px; float:left; padding:0 20px 0 0; background:url(../img/lineDivide.jpg) right top repeat-y; }
.colSx h1{ font: normal 14px "Trebuchet MS", Arial; color:#EC6E00;}

.colSx a.reservedArea,
.colSx a.reservedArea:link, 
.colSx a.reservedArea:active,
.colSx a.reservedArea:visited{ font: bold 14px "Trebuchet MS", Arial; color:#000; text-decoration:none; float:left; background:url(../img/arrowBullet.jpg) right center no-repeat; padding:0 25px 0 0}
.colSx a.reservedArea:hover{ color:#EC6E00; background:url(../img/arrowBullet.jpg) right center no-repeat; padding:0 25px 0 0}

.colSx a.reservedArea_portfolio,
.colSx a.reservedArea_portfolio:link, 
.colSx a.reservedArea_portfolio:active,
.colSx a.reservedArea_portfolio:visited{ font:12px "Trebuchet MS", Arial; color:#404040; text-decoration:none; float:left;  padding:0 25px 0 0}
.colSx a.reservedArea_portfolio:hover{ color:#EC6E00;  padding:0 25px 0 0}
.colSx a.reservedArea_portfolio:hover{ color:#EC6E00;  padding:0 25px 0 0}
.colSx h1 img{ float:left; margin:4px 0 0 10px}
.colSx a,
.colSx a:link, 
.colSx a:active,
.colSx a:visited { font: normal 11px "Trebuchet MS", Arial; color:#999; margin:4px 0 0 0; text-align:left; text-decoration:none}
.colSx a:hover { color:#EC6E00;}
.newsArea{ background:url(../img/lineDivideHoriz.jpg) left bottom repeat-x; width:220px; height:auto; padding:0 0 20px 0; float:left; margin:0 0 20px 0 }
.newsArea ul li p{ font: normal 11px "Trebuchet MS", Arial; color:#666; line-height:16px; margin:20px 0 0 0;}

.newsArea h2{ font: normal 11px "Trebuchet MS", Arial; color:#4F5660; float:left; margin:6px 0 0 0;}
.newsArea select{ width:auto; height:auto; padding:1px 5px; font: normal 11px "Trebuchet MS", Arial; color:#4F5660; margin: 5px 10px 0 10px; float:left }

.newsArea ul{ display:block; height:auto; width:100%; list-style:none; float:left; margin:10px 0 0 0; /*background:url(../img/lineDivideHoriz.jpg) left top repeat-x;*/ padding:10px 0 0 0}
.newsArea ul li{ display:block; width:100%; list-style:none; float:left; margin:0 0 10px 0; background:url(../img/lineDivideHoriz.jpg) top left repeat-x; padding:0 0 5px 0}
.newsArea ul li span.stile_title{ width:100%; font: bold 12px "Trebuchet MS", Arial; color:#000; text-align:left}
.newsArea ul li span.stile_data{ width:100%; font: normal 10px "Trebuchet MS", Arial; color:#999; text-align:left}
.newsArea ul li a,
.newsArea ul li a:link, 
.newsArea ul li a:active,
.newsArea ul li a:visited { font: normal 11px "Trebuchet MS", Arial; color:#666; margin:4px 0 0 0; text-align:left; text-decoration:none; line-height:16px}
.newsArea ul li a:hover { color:#EC6E00;}
.newsArea ul li a.off,
.newsArea ul li a.off:link, 
.newsArea ul li a.off:active,
.newsArea ul li a.off:visited { font: normal 11px "Trebuchet MS", Arial; color:#c00; margin:4px 0 0 0; text-align:left; text-decoration:none; line-height:16px}
.newsArea ul li a.stile_title{ width:100%; font: bold 12px "Trebuchet MS", Arial; color:#000; text-align:left}
.newsArea ul li a.stile_title:hover {text-decoration: underline;}

.newsAreaTab{ width:100%; height:auto; text-align:right; float:left; font: normal 12px "Trebuchet MS", Arial; color:#333;}
.newsAreaTab .input{ width:125px; height:auto; padding:1px 5px; border:1px dashed #ccc; font: normal 11px "Trebuchet MS", Arial; color:#666; margin: 10px 10px 0 10px }
.newsAreaTab .inputError{ width:125px; height:auto; padding:1px 5px; border:1px dashed #c00; font: normal 11px "Trebuchet MS", Arial; color:#fff; background:#c00; margin: 10px 10px 0 10px }
.newsAreaTab .loginBtn{ float:right; font: bold 12px "Trebuchet MS", Arial; color:#EC6E00; padding:2px 25px 2px 0; margin:10px 15px 0 0; background:url(../img/arrowBullet.jpg) right no-repeat;}
.newsAreaTab img#brochure{ float:left; margin:0 10px 0 0}
.newsAreaTab p.brochure{ float:left; margin:40px 0 0 0; text-align:left}
.newsAreaTab p.facebook{
float:left;
 margin:10px 0 0 0 !important; 
margin:0 0 0 8px; 
text-align:left}
.newsAreaTab p.brochure a,
.newsAreaTab p.brochure a:link, 
.newsAreaTab p.brochure a:active,
.newsAreaTab p.brochure a:visited { font: normal 11px "Trebuchet MS", Arial; color:#999; margin:4px 0 0 0; text-align:left; text-decoration:none}
.newsAreaTab p.brochure a:hover { color:#ec6e00;}
a.brochure:hover{color:#ec6e00}

.colDx{ width:680px !important; width:660px; height:auto; margin:0 0 20px 15px; float:left;}
.colDx p{ font: normal 16px "Trebuchet MS", Arial; color:#999; line-height:28px; margin:0 0 15px 0}
.orange{ color:#EC6E00;}

#testata{ width:100%; height:auto; float:left; margin:30px 0 10px 0}
#testata span.title{ font: normal 20px "Trebuchet MS", Arial; color:#9581A6; float:left;}
#testata h2{ font: normal 11px "Trebuchet MS", Arial; color:#4F5660; float:right; margin:6px 0 0 0}
#testata h2.visualizza{ background: url(../img/freccina_orange.gif) no-repeat 0 0;font: normal 11px "Trebuchet MS", Arial; color:#4F5660; float:right; margin:6px 0 0 0; padding-left:18px; display:block}
#testata select{ width:auto; height:auto; padding:1px 5px; font: normal 11px "Trebuchet MS", Arial; color:#4F5660; margin: 5px 10px 0 10px; float:right }


#portfolio{ width:680px !important; width:660px; float:left; margin:15px 0 0 0;}
#portfolio ul{ width:inherit; float:left; display:block; list-style:none}
#portfolio ul li{ width:inherit; display:block; list-style:none; float:left; }
#portfolio ul li .top{ width:inherit; height:144px; float:left; background:#FAFAFA;}
#portfolio ul li .top .sx{ float:left; width:277px; height:144px;}
#portfolio ul li .top .sx img{ float:left;}
#portfolio ul li .top .dx{ float:left; width:403px !important; width:383px; height:144px;}
#portfolio ul li .top .dx span.titleh1{ font: bold 13px "Trebuchet MS", Arial; color:#333; margin:5px 0 5px 10px}
#portfolio ul li .top .dx p{ font: normal 11px "Trebuchet MS", Arial; color:#666; line-height:16px; padding:0 10px;}
#portfolio ul li .top .dx p.dettP{ font: normal 11px "Trebuchet MS", Arial; color:#666; line-height:16px; padding:0 10px; clear:both; margin:10px 0 0 0}
#portfolio ul li .top .dx p.dettP a,
#portfolio ul li .top .dx p.dettP a:link,
#portfolio ul li .top .dx p.dettP a:active,
#portfolio ul li .top .dx p.dettP a:visited{ font: normal 10px "Trebuchet MS", Arial; color:#333; background:#dcdcdc; padding:3px 5px; text-decoration:none;}
#portfolio ul li .top .dx p.dettP a:hover{ color:#dcdcdc; background:#333;}
#portfolio ul li .bottom{ width:100%; height:25px; float:left; background:#FAFAFA; margin:5px 0 0 0; background:url(../img/lineDivideHoriz.jpg) bottom left repeat-x; padding:0 0 15px 0}
#portfolio ul li .bottom .sx{ float:left; width:277px; height:25px;}
#portfolio ul li .bottom .sx p.sitelink{ float:left; margin:0 0 0 5px; text-align:left; padding:6px 0 0 0}
#portfolio ul li .bottom .sx p.sitelink a,
#portfolio ul li .bottom .sx p.sitelink a:link,
#portfolio ul li .bottom .sx p.sitelink a:active,
#portfolio ul li .bottom .sx p.sitelink a:visited{ font: normal 12px "Trebuchet MS", Arial; color:#333; text-decoration:underline;}
#portfolio ul li .bottom .sx p.sitelink a:hover{ color:#000;}
#portfolio ul li .bottom .sx p.tAward{ float:right; margin:0 5px 0 0; font: normal 10px "Trebuchet MS", Arial; color:#666; text-align:right; padding:6px 0 0 0}
#portfolio ul li .bottom .dx{ float:left; width:403px !important; width:383px; height:25px; background:#dcdcdc;}
#portfolio ul li .bottom .dx ul.awards{ width:393px !important; width:373px; float:left; list-style:none; display:inline; vertical-align:middle; margin:0 0 0 5px}
#portfolio ul li .bottom .dx ul.awards li{ width:auto; list-style:none; float:left; display:inline; margin:0 1px; vertical-align:middle;}
#portfolio ul li .bottom .dx ul.awards li a img,
#portfolio ul li .bottom .dx ul.awards li a:link img,
#portfolio ul li .bottom .dx ul.awards li a:active img,
#portfolio ul li .bottom .dx ul.awards li a:visited img{ border:1px solid #dcdcdc; text-decoration:none; vertical-align:middle;}
#portfolio ul li .bottom .dx ul.awards li a:hover img{ border:1px solid #333;}

.content{ width:100%; height:auto; margin:0 0 10px 0; float:left; text-align:left;}
.content h1{ font: normal 20px "Trebuchet MS", Arial; color:#EC6E00;}
.content h2{ font: bold 16px "Trebuchet MS", Arial; color:#333;}
.content h3{ font: normal 13px "Trebuchet MS", Arial; color:#EC6E00; margin:30px 0 0 0}
.content h4{ font: normal 11px "Trebuchet MS", Arial; color:#000; margin:20px 0 0 0}
.content p{ float:left; font: normal 11px "Trebuchet MS", Arial; color:#666; line-height:16px; margin:20px 0 0 0;}
.content p.desc{ float:left; width:100%; font: normal 11px "Trebuchet MS", Arial; color:#666; line-height:16px; margin:20px 0 0 0;}
.content a,
.content a:link,
.content a:active,
.content a:visited{ font: normal 11px "Trebuchet MS", Arial; color:#EC6E00; text-decoration:none;}
.content a:hover{ color:#333; text-decoration:none} 

.content_news a,
.content_news a:link,
.content_news a:active,
.content_news a:visited{ font: normal 11px "Trebuchet MS", Arial; color:#333; text-decoration:none;}
.content_news a:hover{ color:#EC6E00; text-decoration:none} 

.content .backBtn{ float:right;}
.content .backBtn a,
.content .backBtn a:link,
.content .backBtn a:active,
.content .backBtn a:visited{ font: normal 10px "Trebuchet MS", Arial; color:#333; background:#dcdcdc; padding:3px 5px; text-decoration:none;}
.content .backBtn a:hover{ color:#FFFFFF; background:#EC6E00;}

.content ul{ display:inline; list-style:none; float:left; margin:15px 0 10px 0}
.content ul li{ display:inline; list-style:none; float:left; margin:0 5px 5px 0}
.content ul li a img,
.content ul li a:link img,
.content ul li a:active img,
.content ul li a:visited img{ border:1px solid #ccc; padding:2px; text-decoration:none}
.content ul li a:hover img{ border:1px solid #333; padding:2px;}

.content ul.award{ width:100%; display:block; list-style:none; float:left; margin:15px 0 10px 0}
.content ul.award h1{ width:100px; font: normal 10px "Trebuchet MS", Arial; color:#333; background:#dcdcdc; padding:3px 5px; margin:20px 0 10px 0}
.content ul.award li{ width:100%; display:block; list-style:none; float:left; margin:0 0 5px 0}
.content ul.award li a img,
.content ul.award li a:link img,
.content ul.award li a:active img,
.content ul.award li a:visited img{ border:1px solid #ccc; padding:2px; float:left; text-decoration:none;}
.content ul.award li a:hover img{ border:1px solid #333; padding:2px;}
.content ul.award li p{ font: normal 10px "Trebuchet MS", Arial; color:#666; line-height:16px; padding:15px 0 0 0; margin:0 0 0 10px; float:left;}

.content img{ border:1px solid #FAFAFA; padding:2px; text-decoration:none; margin:10px 0 0 0; float:left;}
.content iframe{ border:1px solid #EC6E00; padding:2px; text-decoration:none; margin:10px 0 0 0;}

.content p.dettP{ width:100%; float:left; font: normal 11px "Trebuchet MS", Arial; color:#666; line-height:16px; margin:15px 0 0 0;}
.content p.dettP a,
.content p.dettP a:link,
.content p.dettP a:active,
.content p.dettP a:visited{ font: normal 10px "Trebuchet MS", Arial; color:#333; background:#dcdcdc; padding:3px 5px; text-decoration:none;}
.content p.dettP a:hover{ color:#FFFFFF; background:#EC6E00;}

.content p.back{ font: normal 11px "Trebuchet MS", Arial; color:#666; line-height:16px; clear:both; margin:15px 0 0 0}
.content p.back a,
.content p.back a:link,
.content p.back a:active,
.content p.back a:visited{ font: normal 10px "Trebuchet MS", Arial; color:#333; background:#dcdcdc; padding:3px 5px; text-decoration:none;}
.content p.back a:hover{ color:#333; background:#EC6E00;}

.contentTab2{ width:450px; height:auto; text-align:right; clear:both; font: normal 12px "Trebuchet MS", Arial; color:#333;}
.contentTab2 .input2{ width:200px; height:auto; padding:1px 5px; border:1px dashed #ccc; font: normal 11px "Trebuchet MS", Arial; color:#666; margin: 10px 10px 0 10px }

.contentTab{ width:450px; height:auto; text-align:right; clear:both; font: normal 12px "Trebuchet MS", Arial; color:#333;}
.contentTab .input{ width:300px; height:auto; padding:1px 5px;  border:1px dashed #ccc; font: normal 11px "Trebuchet MS", Arial; color:#666; margin: 10px 10px 0 10px }

.contentTab .inputMulti{ width:300px; height:80px; padding:1px 5px;  border:1px dashed #ccc; font: normal 11px "Trebuchet MS", Arial; color:#666; margin: 10px 10px 0 10px }
.contentTab .loginBtn{ float:right; font: normal 12px "Trebuchet MS", Arial; color:#EC6E00; padding:2px 2px 0 0; background:#fff; margin:10px 15px 0 30px }
.contentTab .loginBtnDel{ float:right; font: normal 12px "Trebuchet MS", Arial; color:#666; padding:2px 30px 0 0; background:#fff; border-right:1px solid #666; margin:10px 0 0 0}
.contentTab1{ width:400px; height:auto; text-align:center; clear:both; border:1px dashed #ccc; font: normal 12px "Trebuchet MS", Arial; color:#333; margin:0 0 0 80px}
.contentTab1 .input{ font: normal 11px "Trebuchet MS", Arial; color:#666; margin: 10px 10px 0 10px }
.contentTab1 a,
.contentTab1 a:link,
.contentTab1 a:active,
.contentTab1 a:visited{ font: normal 11px "Trebuchet MS", Arial; color:#333; text-decoration:underline;}
.contentTab1 a:hover{ color:#EC6E00; text-decoration:none} 


.paginazione{ width:100%; height:auto; float:left;}
.paginazione ul{ float:left; display:inline; list-style:none; background:#F7F7F7}
.paginazione ul li{ float:left; display:inline; list-style:none; margin:0 3px}
.paginazione ul li a,
.paginazione ul li a:link,
.paginazione ul li a:active,
.paginazione ul li a:visited{ font: normal 10px "Trebuchet MS", Arial; color:#333; padding:0 2px; text-decoration:none;}
.paginazione ul li a:hover{ color:#EC6E00; text-decoration:none} 
.paginazione ul li a.off,
.paginazione ul li a.off:link,
.paginazione ul li a.off:active,
.paginazione ul li a.off:visited{ font: normal 10px "Trebuchet MS", Arial; color:#fff; padding:0 5px; background:#444444; text-decoration:none;}


.error_cont{ width:auto; height:auto; margin:15px 0 15px 130px; float:left; font:bold 10px Arial; color:#c00; text-align:left;}
body ol li { display:list-item; }
ol{ margin:0;}
ol li{ color:#c00; padding:0; display: block; list-style-position: inside;	list-style-image:none; list-style-type: decimal; margin:0 0 2px 0;}

.download{ width:100%; float:left; margin:10px 0;}
.download ul{ width:100%; height:auto; display:block; list-style:none; float:left}
.download ul li{ display:block; list-style:none; margin:0 0 20px 0; clear:both; font: normal 10px "Trebuchet MS", Arial; color:#666;}
.download ul li img{ float:left; margin:0 15px 0 0; border:0;}
.download ul li a,
.download ul li a:link,
.download ul li a:active,
.download ul li a:visited{ font: normal 13px "Trebuchet MS", Arial; color:#EC6E00; text-decoration:none; vertical-align:middle}
.download ul li a:hover{ color:#333; text-decoration:none} 

.textarancio{
color:#ec6e00;
}
.content p.textarancio{
color:#ec6e00;
}
#video_idexa{
padding-left:100px;
}
.contatti_address{
line-height:18px;
font-size:14px;
letter-spacing:1px;
}

.square_blu{ display:block; background:url(../img/square_blu.gif) 0 4px  no-repeat; padding-left:15px; font-size:12px; font-weight:bold; color:#000;}


.portfolio_title{ font: 28px "Trebuchet MS", Arial; color:#333; margin:5px 0 5px 10px}

.Trebuchet11Nero{ font: bold 11px "Trebuchet MS", Arial; color:#000000; text-decoration:none; padding:20px 0 0 0; line-height: 25px; }




a.highlight{ display:block; padding:3px; color:#000000; background-color: #FFBC08; clear:both; float:right; margin-top:10px; border:2px solid #ffbc08; font-weight:bold; }
a.highlight:hover{ background-color: #fff; }



div.pec{ width:650px; float:left;}

div.pec span{ font-weight:bold; font-size: 14px; background-color:#efefef; padding:3px 3px 3px 10px; display:block; color:#000000; }
div.pec strong{ color:#000000; }

.content .pec img.mobile { margin-left:40px; }

div.highlight_pec{color: #000000;
    font-size: 16px;
    font-weight: bold;
	 background-color: #FFBC08;   
    display: block;    
  clear:both;
    padding: 9px;
	margin-top:10px;
	 
	
}
.content .highlight_pec a{ font-weight: bold; color:#000000; display:block; text-align:center;  font-size: 16px;}

.content .highlight_pec a:hover{ text-decoration:underline;}

.pec span.highlight_pec {color: #000000;
    font-size: 14px;
    font-weight: bold;
	 background-color: #FFBC08;   
    display: block;    
    margin-top: 10px;
    padding: 5px;
}



div.pec .left-col{ width:340px; float:left; margin-right:20px; padding: 10px 10px 10px 0;}

div.pec .right-col{width:280px; float:right; margin-right:0; padding: 10px 0 10px 0;}

.content span.ciccio { font-size:20px; color:#575757; font-weight:normal;}



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

body{ background:none;}

	div#wraper {
		width: 400px;
	}

	div.header {
		
		height: auto;
		position: relative;
	}

	div#header h1 {
		font-size: 140%;
	}

	.cont955{
		float: none;
		width: 100%;
	}

	.colSx {
		float:none;
		width: auto;
	}
	.colDx{
		float:none;
		width: auto;
	}
}