@import url(jquery.mCustomScrollbar.css);

.content{padding-bottom:0;}
.main{ padding-top:10px;}

/* ---------------------------- */
/* hoghlights - incipit in alto */
/* ---------------------------- */
.highlights{width:565px; height:124px;}
.hlBox{width:173px; float:left; margin-right:14px;}
.hlBox .tit{height:36px;}
.hlBox .tit a{display:block; height:32px; line-height:32px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#fff; text-transform:uppercase; text-decoration:none; background:url(../images/hlBox_bgTit.png) no-repeat; padding-left:10px;}
.hlBox .txt{padding-left:10px;}

.hlBox_orange .tit a{background-position:0 0;}
.hlBox_orange .tit a:hover{background-position:0 -35px;}
.hlBox_orange .txt{color:#233a64;}
.hlBox_orange .txt strong{color:#3c63aa;}
.hlBox_orange a.arrow{color:#233a64;}
.hlBox_orange a.arrow:hover{color:#3c63aa;}
.hlBox_orange a.arrow span{background-position:0 -20px;}
.hlBox_orange a.arrow:hover span{background-position:-10px -20px;}

.hlBox_green .tit a{background-position:-200px 0;}
.hlBox_green .tit a:hover{background-position:-200px -35px;}
.hlBox_green .txt{color:#353e4e;}
.hlBox_green .txt strong{color:#677897;}
.hlBox_green a.arrow{color:#353e4e;}
.hlBox_green a.arrow:hover{color:#677897;}
.hlBox_green a.arrow span{background-position:0 -30px;}
.hlBox_green a.arrow:hover span{background-position:-10px -30px;}

.hlBox_blue .tit a{background-position:-400px 0;}
.hlBox_blue .tit a:hover{background-position:-400px -35px;}
.hlBox_blue .txt{color:#007992;}
.hlBox_blue .txt strong{color:#00B2D8;}
.hlBox_blue a.arrow{color:#007992;}
.hlBox_blue a.arrow:hover{color:#00B2D8;}
.hlBox_blue a.arrow span{background-position:0 -40px;}
.hlBox_blue a.arrow:hover span{background-position:-10px -40px;}

/* -------------------------------------- */
/* box grey - in primo piano e calendario */
/* -------------------------------------- */

.newsList{border-bottom:none; margin-bottom:0;}
.newsList ul{}
.newsList ul li{border-top:none;}
.newsList ul li:after{}
.newsList ul li:hover{background-color:#fff;}
*:first-child+html .newsList ul li:hover{background-color:#fff;}

.greyBox{height:260px; background:0 0 repeat-y; position:relative; margin-top:14px;}
.greyBox .top{width:100%; height:11px; background:0 0 no-repeat; position:absolute; top:0; left:0;}
.greyBox .bot{width:100%; height:11px; background:0 0 no-repeat; position:absolute; bottom:0; left:0;}

.greyBox .tit{padding:13px 0 11px 0; margin:0 14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:100%; text-transform:uppercase; color:#00667D; border-bottom:1px solid #d4d4d4;}
.greyBox .tit a{color:#00667D; text-decoration:none;}
.greyBox .tit a:hover{text-decoration:underline;}

/*in primo piano*/
.topNewsBox{width:300px; float:left; background-image:url(../images/topNewsBox_bg.jpg);}
.topNewsBox .top{background-image:url(../images/topNewsBox_bgTop.jpg);}
.topNewsBox .bot{background-image:url(../images/topNewsBox_bgBot.jpg);}
.topNewsBox .tit{margin-bottom:14px;}

.topNewsBox .newsList{margin:0 0 14px 14px; width:272px; height:192px; overflow:hidden; color:#799698;z-index:0;}
.topNewsBox .newsList li{width:272px; background-color:#E9EDEE;}
.topNewsBox .newsList a{color:#799698; text-decoration:none;}
.topNewsBox .newsList a:hover{text-decoration:underline;}
.topNewsBox .newsTit{min-height:50px; position:relative; padding-left:55px; margin-bottom:10px;}
.topNewsBox .newsTit a{color:#00667D; font-weight:bold;}
.topNewsBox .newsTit a:hover{}
.topNewsBox .newsTit .ico{display:block; width:50px; height:50px; position:absolute; top:2px; left:0; background:url(../images/newsBox_ico.png) no-repeat;}
.topNewsBox .newsTit .icoGeneric{background-position:0 0;}
.topNewsBox .newsTit .icoRegolamenti{background-position:0 -50px;}
.topNewsBox .newsTit .icoCircolari{background-position:0 -150px;}
.topNewsBox .newsTit .icoConvegni{background-position:0 -100px;}
.topNewsBox .newsTit .date{font-style:italic;}
.topNewsBox .newsTit h3{ display:block;}

.topNewsBox .bulletPager{top:18px; right:14px;}

/*calendario*/
.calendarBox{width:233px; float:right; background-image:url(../images/calendarBox_bg.jpg); position:relative;}
.calendarBox .top{background-image:url(../images/calendarBox_bgTop.jpg);}
.calendarBox .bot{background-image:url(../images/calendarBox_bgBot.jpg);}

.calendarBox .tit{text-align:center;}
.calendarBox .month{width:205px; margin-left:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
.calendarBox .monthName{height:30px; line-height:30px; overflow:hidden; border-bottom:1px solid #d4d4d4; text-align:center; font-size:15px; text-transform:uppercase; color:#00B2D9;}

.calendarBox table{width:210px; margin-left:-2px;}
.calendarBox table th, .calendarBox table td{width:30px; text-align:center; vertical-align:middle; color:#00667D; font-size:14px;}
.calendarBox table th{height:30px; border-bottom:1px solid #d4d4d4; text-transform:uppercase;}
.calendarBox table td{height:24px;}
.calendarBox table td div.dateCnt{position:relative;}
.calendarBox table a{display:inline-block; width:30px; color:#00667D; text-decoration:none; background-color:#E9EDEE;}
.calendarBox table th a{height:30px; line-height:30px;}
.calendarBox table td a{height:24px; line-height:24px;}
.calendarBox table a.fest{color:#dc1d1f; cursor:pointer;}
.calendarBox table a.sel{color:#fff; background:url(../images/calendarBox_selBg.png) center center no-repeat;}

.calendarBox .pager{position:absolute; top:51px; padding:0; width:100%;}
.calendarBox .pager a{display:block; width:8px; height:14px; overflow:hidden; line-height:50px; background:url(../images/arrow_pager_calendar.png) no-repeat;}
.calendarBox .pager a.prev{background-position:0 0; left:22px;}
.calendarBox .pager a.prev:hover{background-position:0 -15px;}
.calendarBox .pager a.next{background-position:-10px 0; right:22px;}
.calendarBox .pager a.next:hover{background-position:-10px -15px;}

.calBalloon{width:283px; position:absolute; top:-23px; left:-270px; z-index:10; text-align:left; display:none;}
.calBalloonTop{height:65px; background:url(../images/calBalloon_top.png) 0 0 no-repeat; padding:0 30px 0 24px;}
.calBalloonMid{background:url(../images/calBalloon_mid.png) 0 0 repeat-y; padding:0 30px 0 24px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; line-height:120%; min-height:50px;}
.calBalloonBot{height:22px; background:url(../images/calBalloon_bot.png) 0 0 no-repeat;}

.calBalloonDate{height:54px; overflow:hidden; line-height:70px; border-bottom:1px solid #00B2D9; color:#00B2D9; font-size:15px; text-transform:uppercase;}
.calBalloonMid ul{}
.calBalloonMid ul li{border-top:1px solid #ccc; padding-top:8px; margin-top:6px;}
.calBalloonMid ul li:first-child{border-top:none; padding-top:0; margin-top:0;}
.calBalloonTxt{}

.calBalloon a.close{display:block; width:22px; height:20px; overflow:hidden; line-height:100px; position:absolute; top:24px; right:30px; background:url(../images/calBalloon_close.png) 0 0 no-repeat;}
.calBalloon a.close:hover{background-position:0 -20px;}

.calendarBox a.linkBtn{height:28px; line-height:28px; width:auto; max-width:195px;}

/* --------------------------------------- */
/* box colored - novità, più letti, cndcec */
/* --------------------------------------- */
.colorBox{position:relative; margin-top:14px;}
.colorBox .tit{height:45px; line-height:45px; overflow:hidden; padding:0 14px; background:0 0 no-repeat; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; color:#fff;}
.colorBox .tit em{font-size:16px; font-style:normal;}
.colorBox span.arrow{display:block; width:22px; height:11px; background:url(../images/arrow_hpBox_down.png) 0 0 no-repeat; position:absolute; top:45px; left:22px;}
.colorBox .mid{border-left:1px solid; border-right:1px solid; padding:14px 0 2px 0;}
.colorBox .bot{height:12px; overflow:hidden; background:0 0 no-repeat;}
.colorBox .mid .newsList a{color:#666; text-decoration:none;}
.colorBox .mid .newsList a strong{color:#2C436C;}

.colorBox .mid{height:237px;}
.colorBox .mcs_container{height:238px;}

.colorBox .novita .mcs_container{height:427px;}
.colorBox .novita.mid{height:425px;}



/*.colorBox .mcs_container .dragger_container{height:427px;}*/

/* novità - ultimi aggiornamenti */
.newsBox{width:360px; float:left;}
.newsBox .tit{background-image:url(../images/newsBox_top.png);}
.newsBox .mid{border-color:#D2250D;}
.newsBox .bot{background-image:url(../images/newsBox_bot.png);}

.newsBox .mid .newsList{width:348px;}
.newsBox .mid .newsList ul{}
.newsBox .mid .newsList ul li{margin-bottom:10px;}
.newsBox .mid .newsList ul li ul li{padding:3px 13px 3px 14px; margin-bottom:0;}
.newsBox .mid .newsList ul li ul li:hover{background-color:#f2f2f2;}
.newsBox .mid .newsList .newsDate{color:#D2250C; text-transform:uppercase; padding:0 5px 3px 14px; font-weight:bold;}
.newsBox .mid .newsList a.arrow{color:#666;}
.newsBox .mid .newsList a.arrow strong{color:#2C436C;}
.newsBox .mid .newsList ul li ul li:hover a.arrow strong{color:#D2250C;}


.withEd{}
.withEd .ed{display:block; background-color:#e9e9e9; border:1px solid #D2250D; border-top:none; padding:14px 14px 0 14px; height:105px;}
.withEd .ed .edTit{color:#D2250C;}
.withEd .ed .edTxt{color:#000; padding-top:5px; margin-bottom:5px; height:48px; overflow:hidden;}
.withEd .ed a.more{font-style:italic; color:#666;}
.withEd .ed a.more:hover{color:#D2250C;}
.withEd .mid{height:427px;}
.withEd .mcs_container{height:422px;}
.withEd .mcs_container .dragger_container{height:422px;}



/* i più letti */
.moreReadBox{width:173px; float:right;}
.moreReadBox .tit{background-image:url(../images/moreReadBox_top.png);}
.moreReadBox span.arrow{background-position:0 -15px;}
.moreReadBox .mid{border-color:#2C436D;}
.moreReadBox .bot{background-image:url(../images/moreReadBox_bot.png);}

.moreReadBox .mid .newsList{width:161px;}
.moreReadBox .mid .newsList ul{margin-top:-3px;}
.moreReadBox .mid .newsList ul li{ padding:3px 15px 3px 14px; border-bottom:1px solid #DDE3E4;}
.moreReadBox .mid .newsList ul li:hover{background-color:#f2f2f2;}
.moreReadBox .mid .newsList ul li .newsDate{display:block; font-style:italic; font-size:11px; line-height:120%;}

/* box cndcec */
.cndcecBox{width:173px; margin-top:23px;}
.cndcecBox .tit{background-image:url(../images/cndcecBox_top.png); color:#2C436D;}
.cndcecBox span.arrow{background-position:0 -30px;}
.cndcecBox .mid{height:119px; padding:0; border-color:#ccc; background-color:#f2f2f2;}
.cndcecBox .bot{background-image:url(../images/cndcecBox_bot.png); height:10px;}
.cndcecBox .linkList{}
.cndcecBox .linkList ul{}
.cndcecBox .linkList ul li{border-top:1px solid #dfdfdf;}
.cndcecBox .linkList ul li a{display:block; width:143px; height:28px; padding:0 14px; overflow:hidden; line-height:28px; border-top:1px solid #fff; text-decoration:none; position:relative;}
.cndcecBox .linkList ul li a:hover{color:#D2250C;}
.cndcecBox .linkList ul li a span{display:block; width:4px; height:7px; background:url(../images/arrow.png) 0 -50px no-repeat; position:absolute; top:11px; right:5px; display:none;}
.cndcecBox .linkList ul li a:hover span{display:block;}
.cndcecBox .linkList ul li:first-child{border-top:none;}
.cndcecBox .linkList ul li:first-child a{padding-top:3px;}
.cndcecBox .linkList ul li:first-child a span{top:14px;}

/* ------------------------- */
/* box responsabilità civile */
/* ------------------------- */
.rcpBox{width:173px; margin-top:14px;}
.rcpBox .top{height:10px; background:url(../images/rcpBox_top.png) 0 0 no-repeat;}
.rcpBox .tit{height:100px; padding-bottom:10px; text-align:center; background-color:#fff; border-left:1px solid #2C436D; border-right:1px solid #2C436D;}
.rcpBox .tit h2{display:none;}
.rcpBox .mid{height:135px; padding:0 8px; background-color:#fff; border-left:1px solid #2C436D; border-right:1px solid #2C436D;}
.rcpBox .bot{height:10px; background:url(../images/rcpBox_bot.png) 0 0 no-repeat;}
.rcpBox .linkList{}
.rcpBox .linkList ul{}
.rcpBox .linkList ul li{border-top:1px solid #2C436D; padding:4px 0;}
.rcpBox .linkList ul li a{}
.rcpBox .linkList ul li a:hover{color:#D2250C;}

/* ------ */
/* launch */
/* ------ */
.launch{width:762px; height:144px; overflow:hidden; position:relative; left:-4px; padding-top:14px;}
.launch .boxList{width:800px; padding:14px 0 0 14px; border-top:1px solid #ccc;}
.launch .boxList ul{}
.launch .boxList ul li{float:left; float:left; margin-right:14px;}
.launch .box{height:100px; padding:7px 5px; position:relative; background:center 0 no-repeat; color:#fff; text-align:center;}
.launch .box .tit{font-size:20px; line-height:100%; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; margin-bottom:4px;}
.launch .box .tit .small{font-size:12px; line-height:120%;}
.launch .box a{color:#fff; text-decoration:none;}
.launch .box a:hover{color:#fff; text-decoration:underline;}

.launch .box .btn{width:100%; height:24px; position:absolute; left:0; bottom:7px;}
.launch .box .btn a{display:inline-block; height:24px; line-height:24px; position:relative; left:-10px; background:url(../images/btnBoxLaunch.png) no-repeat; padding-left:12px;}
.launch .box .btn a span{display:block; width:20px; height:24px; position:absolute; top:0; right:-20px; background:url(../images/btnBoxLaunch.png) no-repeat;}
.launch .box .btn a:hover{text-decoration:none;}

.launch .box .corner{display:block; width:7px; height:7px; overflow:hidden; background:url(../images/launch_corner.png) 0 0 no-repeat; position:absolute;}
.launch .box .cornerTL{background-position:0 0; top:0; left:0;}
.launch .box .cornerTR{background-position:-7px 0; top:0; right:0;}
.launch .box .cornerBL{background-position:0 -7px; bottom:0; left:0;}
.launch .box .cornerBR{background-position:-7px -7px; bottom:0; right:0;}

/*diversi colori di box*/
.launch .box_a{background-image:url(../images/bgLaunchBox_c.jpg);}
.launch .box_b{background-image:url(../images/bgLaunchBox_d.jpg);}
.launch .box_c{background-image:url(../images/bgLaunchBox_c.jpg);}
.launch .box_d{background-image:url(../images/bgLaunchBox_d.jpg);}

.launch .box_a .btn a{background-position:0 -100px;}
.launch .box_a .btn a span{background-position:right -100px;}
.launch .box_a .btn a:hover{background-position:0 -125px;}
.launch .box_a .btn a:hover span{background-position:right -125px;}

.launch .box_b .btn a{background-position:0 -150px;}
.launch .box_b .btn a span{background-position:right -150px;}
.launch .box_b .btn a:hover{background-position:0 -175px;}
.launch .box_b .btn a:hover span{background-position:right -175px;}

.launch .box_c .btn a{background-position:0 -100px;}
.launch .box_c .btn a span{background-position:right -100px;}
.launch .box_c .btn a:hover{background-position:0 -125px;}
.launch .box_c .btn a:hover span{background-position:right -125px;}

.launch .box_d .btn a{background-position:0 -150px;}
.launch .box_d .btn a span{background-position:right -150px;}
.launch .box_d .btn a:hover{background-position:0 -175px;}
.launch .box_d .btn a:hover span{background-position:right -175px;}

/*diverse serie di box (4, 3, 2) */
.launch .boxList4 .box{width:163px;}
.launch .boxList3 .box{width:225px;}
.launch .boxList3 .box_d{display:none;}
.launch .boxList2 .box{width:350px;}
.launch .boxList2 .box_c, .launch .boxList2 .box_d{display:none;}

/* ---------------- */
/* feed informativi */
/* ---------------- */
.feedBox{width:210px; height:250px; background:url(../images/feedBox_bg.jpg) 0 0 repeat-y; position:relative; margin-top:10px; color:#2C436D;}
.feedBox .top{width:210px; height:11px; background:url(../images/feedBox_bgTop.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
.feedBox .bot{width:210px; height:11px; background:url(../images/feedBox_bgBot.jpg) 0 0 no-repeat; position:absolute; bottom:0; left:0;}
.feedBox .tit{padding:11px 0 8px 0; margin:0 14px 10px 22px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; line-height:100%; text-transform:uppercase; border-bottom:1px solid #d4d4d4;}

.feedBox .newsList{margin:0 0 0 22px; width:174px; height:165px; overflow:hidden; border-bottom:1px solid #d4d4d4; font-size:11px; line-height:120%;}
.feedBox .newsList li{width:174px; background-color:#f2f2f2;}
.feedBox .newsTit{margin-bottom:5px; font-weight:bold;}
.feedBox .newsTit h3{font-weight:bold;}
.feedBox .newsTit .date{font-style:italic;}
.feedBox a.more{font-style:italic;}

.feedBox .bulletPager{bottom:15px; left:22px;}

/* ---------- */
/* reteconomy */
/* ---------- */
.reteconomyBox{width:210px; padding:11px 0; background:url(../images/reteconomyBox_bg.jpg) 0 0 repeat-y; position:relative; margin-top:10px; color:#2C436D;}
.reteconomyBox .top{width:210px; height:11px; background:url(../images/reteconomyBox_bgTop.jpg) 0 0 no-repeat; position:absolute; top:0; left:0;}
.reteconomyBox .bot{width:210px; height:11px; background:url(../images/reteconomyBox_bgBot.jpg) 0 0 no-repeat; position:absolute; bottom:0; left:0;}
.reteconomyBox iframe{margin-left:9px;}

/* ---------------- */
/* verifica iscrizione ordine */
/* ---------------- */
.verifyBox{color:#fff; margin-top: 10px;}
.verifyBox .top{height:8px; background:url(../images/bgShoulder_verifytop.png) 0 0 no-repeat;}
.verifyBox .mid{background:url(../images/bgShoulder_verifymid.png) 0 0 repeat-y; position:relative;}
.verifyBox .bot{height:10px; background:url(../images/bgShoulder_verifybot.png) 0 0 no-repeat;}

.verifyBox .tit{padding:0 15px 10px 15px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-transform:uppercase; min-height:36px; text-align: center;}
.verifyBox .tit strong{font-size:21px; line-height:120%;}
.verifyBox .tit p{font-size:16px; line-height:120%;}
.verifyBox .tit span{font-size:12px; font-style: italic; line-height:120%;}

.verifyBox .area{padding-bottom:7px;}
.verifyBox .area .top{height:8px;}
.verifyBox .area .mid{}
.verifyBox .area .bot{height:10px;}

.verifyBox a.btn{display:block; width:85px; height:24px; background:url(../images/btn_verify.png) 0 0 no-repeat; color:#fff; text-decoration:none; margin-left:60px;}
.verifyBox a.btn:hover{background:url(../images/btn_verifyover.png) 0 0 no-repeat;}
.verifyBox a.btn span{display:block; padding:4px 0 0 12px;}
.verifyBox a.btn strong{font-size:12px; line-height:100%;}


/* ------ */
/* banner */
/* ------ */
.banner{width:762px; height:auto; overflow:hidden; position:relative; left:-4px; background-color:#ddd;}
.banner .bannerList{width:800px; height:90px; padding:14px 0 14px 14px; background-color:#ddd;}
.banner .bannerBox{height:90px; overflow:hidden; float:left; margin-right:14px;}

/* ----- */
/* pager */
/* ----- */
.bulletPager{position:absolute;}
.bulletPager ul{}
.bulletPager ul li{width:10px; height:10px; overflow:hidden; float:left; padding-left:3px;}
.bulletPager ul li a{display:block; line-height:50px; background:url(../images/pager_bullet.png) 0 0 no-repeat;}
.bulletPager ul li a:hover{background-position:0 -10px;}
.bulletPager ul li a.active, .bulletPager ul li a.active:hover,
.bulletPager ul li.active a, .bulletPager ul li.active a:hover{background-position:0 -20px;}




/*plugin for the win*/

.mCSB_scrollTools_vertical {
    position: absolute;
    top: 0;
    right: 6px;
    width: 5px;
    /* height: 176px; */
    margin: 0;
}
.mCSB_dragger_bar{
    position: absolute;
    width: 5px;
    /*height:60px;*/
   
 }
.mCSB_dragger{
     -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #d4d4d4;

}
.mCSB_draggerRail{
     width: 5px;
    background: #b9b9b9;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #999;
}
.mCSB_scrollTools .mCSB_draggerRail{
    width: 5px;
    background: #d4d4d4;

}