html, body{width: 100%;height: 100%;margin: 0;padding: 0;overflow: hidden;font-family:arial, verdana, helvetica, sans-serif;color:#4b4b4b;}
img{border:none;}
table {border-width: 0px;border-spacing: 0px;border-style: none;border-collapse: collapse;}
table th {border-width: 0px;padding: 0px;border-style: none;}
table td {border-width: 0px;padding: 0px;border-style: none;}
strong{font-weight:bold !important;}
a.replace, .replace a{text-decoration:none;}
h1{margin:0;padding:0;font-size:46px;color:#fff;text-indent:42px;padding-top:5px;}
h2{margin:0;padding:0;font-size:23px;margin-bottom:15px;}

.replace{font-family: 'TargetBookRegular';}
.replace2{font-family: 'TargetLightRegular';}
h2.replace{font-weight:normal !important;}
h1{line-height:80px;}

#direct h3,
#mobile h3,
#social h3,
#audience h3,
#engagement h3{padding-top:7px !important;}


.datiLegaliContent{width:300px;margin:25px 5px 5px 5px;background: url(../images/sfumPopLegals.jpg) repeat-x 0 0; background-color:#9a999e;color:#fff;padding:10px;font-size:12px;}
.datiLegaliContent a{color:#fff;text-decoration:none;}

/* LAYOUT */
#sfondo-css{position:absolute;height:100%;width: 100%;margin: 0;padding: 0;z-index: 1;}
#sfondoPortrait{display:none;}

#page{position: absolute;z-index: 2;top:0px;left:0px;color: white;overflow: auto;height: 100%;width: 100%;color:#4b4b4b;min-width:1000px;}
#sfumTop{background: url(../images/sfumTop.png) repeat-x 0 0;height:16px;font-size:0;position:absolute;top:45px;z-index:2000;left:0;width:100%;}
#barraTbl{width:65%;min-width:1000px;align:center;margin:0 auto;}		
#barraColumnTbl{width:100%;min-width:1000px;}
#barraColumnTbl td.tdSx{width:60%;text-align:left;vertical-align:top;}
#barraColumnTbl td.tdDx{width:38%;text-align:right;position:relative;vertical-align:top;}

#barraColumnTb3 td.tdSx{width:75%;min-width:450px;text-align:left;vertical-align:top;}
#barraColumnTb3 td.tdDx{width:20%;text-align:right;position:relative;vertical-align:top;}
#barraColumnTb3 td.tdDx2{width:5%;text-align:right;position:relative;}

#layoutTbl{width:65%;min-width:1000px;align:center;margin:0 auto;height:90%;vertical-align:top;position:relative;}
#layoutTbl td{vertical-align:top;text-align:left;}
#layoutTbl .sxContent{padding-left:10px;width:96%;padding-bottom:50px;}

#layoutTblHp{width:65%;min-width:1000px;align:center;margin:0 auto;height:70%;vertical-align:top;position:relative;}
#layoutTblHp td{vertical-align:top;text-align:left;}
#layoutTblHp .sxContent{padding-left:10px;width:96%;padding-bottom:50px;}

#columnTbl{width:100%;min-width:1000px;}
#columnTbl td.tdSx{width:60%;text-align:left;min-width:672px;}
#columnTbl td.tdDx{width:38%;text-align:center;min-width:328px;position:relative;}
#columnTbl .tdDxContent{width:100%;min-width:328px;text-align:center;}
#columnTbl .td33{width:33%;text-align:center;min-width:308px;}
#columnTbl .td1{width:15px;}

/* BARRA TOP */
#barraTop{top: 0;height: 45px;left: 0;margin: 0;padding:0;background:#ffffff;}
#barraTop img{display:block;}
#barraTop .logo{float:left;margin-right:35px;}
#barraTop .menuEmozionale{float:left;}
#barraTop .menuIstituzionale{float:right;margin:0;padding:0;}
#barraTop .sx{width:633px;}
#barraTop .sx ul{float:left;}
#barraTop .dx ul{float:right;margin:0;padding:0;}
#barraTop .sx ul li{float:left;margin-right:10px;}
#barraTop .dx ul li{float:right;margin-left:10px;}
#barraTop .sx ul li a{color:#0e8ec4;}
#barraTop .dx ul li a{color:#004964;}
#barraTop .sx{float:left;min-width:600px;text-align:left;}
#barraTop .dx{float:right;min-width:315px;text-align:right;margin:0;padding:0 10px 0 0}
#barraTop ul{margin:0;padding:0;}
#barraTop ul li{list-style-type:none;margin:17px 0 0 0;padding:0;float:left;font-size:16px;}
#barraTop ul li a{text-transform:uppercase;}
#barraTop .sx ul li#link-direct a:hover, #direct .sx ul li#link-direct a{color:#b80264 !important;}
#barraTop .sx ul li#link-mobile a:hover, #mobile .sx ul li#link-mobile a{color:#309718;}
#barraTop .sx ul li#link-social a:hover, #social .sx ul li#link-social a{color:#0c547a;}
#barraTop .sx ul li#link-audience a:hover, #barraTop .sx ul li#link-engagement a:hover, #audience .sx ul li#link-audience a, #engagement .sx ul li#link-engagement a{color:#1e1e1e;}
#barraTop .dx ul li a:hover,#events .dx ul li#link-events a,#events-detail .dx ul li#link-events a, #press .dx ul li#link-press a, #contacts .dx ul li#link-contacts a, #clients .dx ul li#link-clients a{color:#1450c0;}

/* BARRA BOTTOM */
#barraBottom{background: #001d28 url(../images/barraBottom.gif) repeat-x 0 0;bottom: 0;height: 35px;left: 0;margin: 0;position: fixed !important;width: 100%;z-index: 99999;display:none;color:#fff;}
#barraBottom .sx{font-size:12px;color:#bad7e2;padding:0;width:664px;line-height:35px;}
#barraBottom .sx a{cursor:pointer;color:#bad7e2;font-weight:bold;text-decoration:underline;}
#barraBottom .sx a span{display:none;}
#barraBottom .sx a:hover span{display:block;position:absolute;top:-40px;color:#0e4e67;font-weight:normal;font-size:13px;}
#barraBottom .dx{float:right;text-transform:uppercase;font-size:13px;color:#fff;padding-right:5px;min-width:280px;text-align:right;}
#barraBottom .dx span{display:block;float:left;line-height:35px;width:210px;text-align:right;}
#barraBottom .dx .fb{display:block;float:right;width:23px;height:23px;text-indent:10000px;background: url(../images/follow_facebook.png) no-repeat 0 0;margin:5px 0 0 6px;}
#barraBottom .dx .tw{display:block;float:right;width:24px;height:23px;text-indent:10000px;background: url(../images/follow_twitter.png) no-repeat 0 0;margin:5px 0 0 6px;}
#barraBottom .dx .li{display:block;float:right;width:23px;height:23px;text-indent:10000px;background: url(../images/follow_linkedin.png) no-repeat 0 0;margin:5px 0 0 6px;}

/* TESTO CLASSICO */
.testo{font-size:12px;text-align:justify;}
.testo ul{margin:12px 0 0 0;padding:0;}
.testo ul li{margin:0 0 8px 0;padding:0;list-style-type:none;padding:0 0 0 15px;}
.scopriClienti{margin:15px 0 0 0;} 
.scopriClienti a{display:inline;font-size:15px;color:#0e4861;border-bottom:solid 1px #0e4861;}
.scopriClienti a:hover{color:#147ca7;border-bottom:solid 1px #147ca7;} 
.contattaci{margin:15px 0 0 0;} 
.contattaci a{display:inline;font-size:15px;text-transform:uppercase;}
#direct .contattaci a{color:#b80264;border-bottom:solid 1px #b80264;} 
#direct .contattaci a:hover{color:#eb1b8c;border-bottom:solid 1px #eb1b8c;}
#mobile .contattaci a{color:#4e7c29;border-bottom:solid 1px #4e7c29;} 
#mobile .contattaci a:hover{color:#39b70d;border-bottom:solid 1px #39b70d;} 
#social .contattaci a{color:#1884bf;border-bottom:solid 1px #1884bf;} 
#social .contattaci a:hover{color:#1b96da;border-bottom:solid 1px #1b96da;} 
#audience .contattaci a, #engagement .contattaci a{color:#1c1c1c;border-bottom:solid 1px #1c1c1c;} 
#audience .contattaci a:hover, #engagement .contattaci a:hover{color:#525252;border-bottom:solid 1px #525252;} 
  
/* CASE HISTORY */
#casehistory{height:447px;width:322px;position:relative;margin:13px auto auto auto;border:solid 1px transparent;text-align:left;}
#casehistory h3{position:absolute;top:0px;left:25px;text-transform:uppercase;font-size:25px;margin:0;padding:0;font-weight:normal !important;}
#casehistory .navi{position:absolute;margin:15px 0 0 190px;padding:0;width:100px;height:20px;}
#casehistory .navi a {width:7px;height:7px;float:left;margin:0 5px 0 0;display:block;font-size:1px;}
#casehistory .scrollable {position:relative;margin-top:57px;margin-left:26px;overflow:hidden;width: 266px;height:405px;}
#casehistory .scrollable .items {width:20000em;position:absolute;clear:both;}
#casehistory .items div.item {float:left;width:266px;height:405px;position:relative;}
#casehistory h4{position:absolute;bottom:2px;left:2px;z-index:3;background:url(../images/case_title.gif) repeat-x 0 0;font-weight:bold;width:262px;color:#fff;margin:0;padding:0;line-height:28px;font-size:12px;text-indent:7px;}
#casehistory .prodotto{width:266px;height:160px;position:absolute;top:0;left:0;background-color:#fff;}
#casehistory .prodotto img{position:absolute;bottom:2px;left:2px;z-index:2;width:262px;height:156px;cursor:pointer;}
#casehistory .more{position:absolute;bottom:0;right:0;}
#casehistory .more a{display:block;width:156px;height:44px;text-indent:-100000px;}
#casehistory .details{position:absolute;top:180px;left:7px;width:252px;height:180px;padding-right:5px;font-size:12px;text-align:left;overflow:hidden;}
#casehistory .details p{margin-top:0 !important;margin-bottom:6px;}

#direct h1{background: url(../images/shape_direct.png) no-repeat 0 0;height:105px;}
#direct h2, #direct h3{color:#b80264;}
#direct .testo ul li{background: url(../images/bullet_direct.png) no-repeat 0 3px;}
#direct .testo ul li strong{color:#b80264;}
#direct #casehistory{background: url(../images/casebox_direct.png) no-repeat 0 bottom;}
#direct #casehistory .navi a {background:url(../images/navigator.png) 0 0 no-repeat;}
#direct #casehistory .navi a:hover {background-position:0 -7px;}
#direct #casehistory .navi a.active {background-position:0 -14px;}
#direct #casehistory .more a{background:url(../images/more_direct.png) no-repeat 0 0;}
#direct #casehistory .more a:hover{background-position:0 -44px;}


#mobile h1{background: url(../images/shape_mobile.png) no-repeat 0 0;height:105px;}
#mobile h2, #mobile h3{color:#4e7c29;}
#mobile .testo ul li{background: url(../images/bullet_mobile.png) no-repeat 0 3px;}
#mobile .testo ul li strong{color:#4e7c29;}
#mobile #casehistory{background: url(../images/casebox_mobile.png) no-repeat 0 bottom;}
#mobile #casehistory .navi a {background:url(../images/navigator.png) -7px 0 no-repeat;}
#mobile #casehistory .navi a:hover {background-position:-7px -7px;}
#mobile #casehistory .navi a.active {background-position:-7px -14px;}
#mobile #casehistory .more a{background:url(../images/more_mobile.png) no-repeat 0 0;}
#mobile #casehistory .more a:hover{background-position:0 -44px;}


#social h1{background: url(../images/shape_social.png) no-repeat 0 0;height:105px;}
#social h2, #social h3{color:#1884bf;}
#social .testo ul li{background: url(../images/bullet_social.png) no-repeat 0 3px;}
#social .testo ul li strong{color:#1884bf;}
#social #casehistory{background: url(../images/casebox_social.png) no-repeat 0 bottom;}
#social #casehistory .navi a {background:url(../images/navigator.png) -14px 0 no-repeat;}
#social #casehistory .navi a:hover {background-position:-14px -7px;}
#social #casehistory .navi a.active {background-position:-14px -14px;}
#social #casehistory .more a{background:url(../images/more_social.png) no-repeat 0 0;}
#social #casehistory .more a:hover{background-position:0 -44px;}


#audience h1{background: url(../images/shape_audience.png) no-repeat 0 0;height:105px;}
#engagement h1{background: url(../images/shape_engagement.png) no-repeat 0 0;height:105px;}
#audience h2, #audience h3, #engagement h2, #engagement h3{color:#1c1c1c;}
#audience .testo ul li, #engagement .testo ul li{background: url(../images/bullet_audience_engagement.png) no-repeat 0 3px;}
#audience .testo ul li strong, #engagement .testo ul li strong{color:#1c1c1c;}
#audience #casehistory, #engagement #casehistory{background: url(../images/casebox_audience_engagement.png) no-repeat 0 bottom;}
#audience #casehistory .navi a, #engagement #casehistory .navi a {background:url(../images/navigator.png) -21px 0 no-repeat;}
#audience #casehistory .navi a:hover, #engagement #casehistory .navi a:hover {background-position:-21px -7px;}
#audience #casehistory .navi a.active, #engagement #casehistory .navi a.active {background-position:-21px -14px;}
#audience #casehistory .more a, #engagement #casehistory .more a{background:url(../images/more_audience_engagement.png) no-repeat 0 0;}
#audience #casehistory .more a:hover, #engagement #casehistory .more a:hover{background-position:0 -44px;}

#events h1,#events-detail h1, #press h1, #contacts h1, #clients h1{background: url(../images/shape_istitutional.png) no-repeat 0 0;height:105px;width:294px;}

#press .box{width:308px;height:373px;background: url(../images/box_press.png) no-repeat 0 0;float:left;position:relative;}
#press h2{color:#fff;font-size:22px;text-align:center;position:absolute;left:5px;top:12px;width:298px;font-family: 'TargetBookRegular';text-shadow: 1px 1px 1px #608c9f !important;}
#press .scrollBox{position:absolute;top:54px;left:6px;width:288px;height:243px;}

#press .vertical {position:relative;overflow:hidden;height:243px;width:298px;text-align:left;}
#press .items {position:absolute;height:20000em;margin: 0px;}
#press .item {margin:0;padding:0;font-size:12px;height:auto !important;height:50px;min-height:50px;width:298px;background: url(../images/press_item.png) no-repeat 0 bottom;padding-bottom:8px;}
#press .itemDirect{background: url(../images/blog_direct.png) no-repeat 0 0;text-indent:-300px;float:left;width:56px;height:45px;border:solid 1px #457a9b;margin:1px 8px 0 0;}
#press .itemMobile{background: url(../images/blog_mobile.png) no-repeat 0 0;text-indent:-300px;float:left;width:56px;height:45px;border:solid 1px #457a9b;margin:1px 8px 0 0;}
#press .itemSocial{background: url(../images/blog_social.png) no-repeat 0 0;text-indent:-300px;float:left;width:56px;height:45px;border:solid 1px #457a9b;margin:1px 8px 0 0;}
#press .item a{color:#4b4b4b;text-decoration:none;display:block;background: url(../images/bullet_press.png) no-repeat right 28px;padding: 8px 15px 0 12px;}
#press .item a strong{font-style:italic;}
#press .item a .titolo{color:#237a9b;font-weight:bold;margin:4px 0 0 0;width:250px;}
#press .item a:hover .titolo{color:#0c4f82;}
#press #actions {width:297px;margin:0;position:absolute;top:-40px;left:0;z-index:2;}
#press #actions a {font-size:11px;cursor:pointer;color:#666;}
#press .disabled {visibility:hidden;}
#press .next {float:left;width:18px;height:18px;display:block;background: url(../images/press_arrow_sx.png) no-repeat 0 0;text-indent:-10000px;margin:0 0 0 10px;}	
#press .prev {float:right;width:18px;height:18px;display:block;background: url(../images/press_arrow_dx.png) no-repeat 0 0;text-indent:-10000px;margin:0 10px 0 0;}	
#press .itemPage{height:243px;width:298px;overflow-y:hidden;overflow-x:hidden;}
 /*#press a.pressKit{display:block;margin:-70px 0 30px 635px;width:308px;height:44px;text-indent:-100000px;background: url(../images/presskit.png) no-repeat right 0;}*/
#press a.pressKit{display:block;margin:-70px 0 30px 315px;width:308px;height:44px;text-indent:-100000px;background: url(../images/presskit.png) no-repeat right 0;}
#press a.pressKit:hover{background-position:right -44px;}
#press #dicono, #press #comunicati{margin-right:10px  !important;}

/* Pagina Eventi */

#events .box{width:308px;height:373px;background: url(../events/images/box_events.png) no-repeat 0 0;float:left;position:relative;margin-top:20px;}
#events h2{color:#fff;font-size:22px;text-align:left;position:absolute;left:15px;top:15px;width:298px;font-family: 'TargetBookRegular';}
#events #event3 h2{color:#fff;font-size:10px;text-align:left;position:absolute;left:10px;top:10px;width:298px;font-family: 'TargetBookRegular';}
#events .box .noflip{margin:44px 5px 5px 5px;padding:0px;}

#events .date {position:absolute;right:0px;top:-17px;width:100%;height:27px;text-indent:-9000px;}
#events #event1 .date {background:url('../events/images/26-09-2011.png') no-repeat top right;}
#events #event2 .date {background:url('../events/images/12-10-2011.png') no-repeat top right;}
#events #event3 .date {background:url('../events/images/26-01-2012.png') no-repeat top right;}

#events #event1, #events #event2{margin-right:10px  !important;}

/* Pagina DettaglioEventi */

#events-detail .mainbox{width:618px;height:312px;background: url(../events/images/box_events_detail.jpg) no-repeat 0 0;float:left;position:relative;margin-top:20px;margin-right:10px  !important;}
#events-detail h2{color:#fff;font-size:22px;text-align:left;position:absolute;left:15px;top:15px;font-family: 'TargetBookRegular';}
#events-detail h3{color:#fff;font-size:22px;text-align:left;position:absolute;left:15px;top:145px;width:298px;font-family: 'TargetBookRegular';}
#events-detail .mainbox .date {position:absolute;right:0px;top:-17px;width:100%;height:27px;background:url('../events/images/26-09-2011.png') no-repeat top right;text-indent:-9000px;}
#events-detail .mainbox .date2 {position:absolute;right:0px;top:-17px;width:100%;height:27px;background:url('../events/images/12-10-2011.png') no-repeat top right;text-indent:-9000px;}
#events-detail .mainbox .date3 {position:absolute;right:0px;top:-17px;width:100%;height:27px;background:url('../events/images/26-01-2012.png') no-repeat top right;text-indent:-9000px;}
#events-detail .mainbox .image {margin:44px 5px 5px 5px;padding:0px;width:298px;height:263px;position:relative;}
#events-detail .mainbox .testo {margin:44px 5px 5px 5px;width:310px;height:263;position:absolute;top:0px;right:0px;}
#events-detail .mainbox p{color:#4b4b4b;font-size:12px;text-align:left;font-family: 'Arial'; padding:0px 20px 5px 5px;}


#events-detail .box{width:308px;height:312px;background: url(../events/images/box_events_gallery.jpg) no-repeat 0 0;float:left;position:relative;margin-top:20px;}
#events-detail .thinkmobile{width:308px;height:312px;background: url(../events/images/box_events_singolo.jpg) no-repeat 0 0;float:left;position:relative;margin-top:20px;}
#events-detail .box .counter{width:43px;position:absolute;top:0px;right:0px;margin:5px 5px 0px 0px;color:#7eacbd;font-family: 'TargetBookRegular';text-align:center;padding-top:12px;}
#events-detail .box .counter2{width:43px;position:absolute;top:153px;right:0px;margin:5px 5px 0px 0px;color:#7eacbd;font-family: 'TargetBookRegular';text-align:center;padding-top:12px;}

#events-detail .scroll-photo{position:absolute;top:44px;left:5px;width:298px;height:112px;}
#events-detail .scrollable2 {position:relative;overflow:hidden;width: 298px;height:112px;}
#events-detail .items2 {position:absolute;width:20000em;}
#events-detail .item2 {float:left;width:230px;height:84px;margin:14px 34px 14px 34px;}
#events-detail .item2 .foto {width:113px;height:84px;float:left;position:relative;z-index:2;}
#events-detail .item2 .first{margin-right:4px;}

#events-detail #actions {width:298px;margin:0;position:absolute;top:48px;left:0;z-index:2;}
#events-detail #actions a {font-size:11px;cursor:pointer;color:#666;}
#events-detail .disabled {visibility:hidden;}
#events-detail .next {float:right;width:18px;height:18px;display:block;background: url(../images/press_arrow_dx.png) no-repeat 0 0;text-indent:-10000px;margin:0 5px 0 0;}	
#events-detail .prev {float:left;width:18px;height:18px;display:block;background: url(../images/press_arrow_sx.png) no-repeat 0 0;text-indent:-10000px;margin:0 0 0 5px;}


#events-detail .scroll-video{position:absolute;top:195px;left:5px;width:298px;height:112px;}
#events-detail .scrollable3{position:relative;overflow:hidden;width: 298px;height:112px;}
#events-detail .item2 .video {width:113px;height:84px;float:left;position:relative;z-index:2;}

#events-detail #actions2 {width:298px;margin:0;position:absolute;top:48px;left:0;z-index:2;}
#events-detail #actions2 a {font-size:11px;cursor:pointer;color:#666;}


/* Pagina Clienti */

#clients h2{color:#004964;margin-left:10px;}
#clients .loghi{width:85%;min-width:960px;}
#clients .loghi img{display:block;float:left;margin:5px 0 0px 10px;}

#contacts h2{color:#004964;}
#contacts h3{color:#004964;font-size:12px;color:#4b4b4b;font-weight:normal;width:500px;}
#contacts .boxContatti{width:593px;height:259px;background: url(../images/box_contatti.png) no-repeat 0 0;position:relative;}
#contacts .boxContatti .mappa{position:absolute;top:5px;left:5px;}
#contacts .boxContatti .dettagli{position:absolute;top:15px;left:319px;width:243px;height:199px;font-size:12px;color:#4b4b4b;}
#contacts .boxContatti .dettagli strong{color:#16485c;font-size:15px;}
#contacts .boxContatti .dettagli a{color:#4b4b4b;}
#contacts .boxContatti .dettagli .mappaLink{position:absolute;bottom:0;left:0px;color:#16485c;font-weight:bold;}
#contacts .boxForm{float:left;width:278px;margin:59px 0 0 0;padding:15px 15px 0 15px;height:402px;background: url(../images/box_contatti_form.png) no-repeat 0 0;position:relative;text-align:left;font-size:12px;}
#contacts .campo, #contacts .textarea{float:left;width:278px;margin:0 0 10px 0;}
#contacts .campo label, #contacts .textarea label{display:block;float:left;width:60px;padding-right:10px;line-height:20px;text-align:right;}
#contacts .campo input{display:block;float:left;width:180px;border:solid 1px #adc6d0;}
#contacts .textarea textarea{display:block;float:left;width:180px;height:95px;border:solid 1px #adc6d0;}
#contacts fieldset{margin:0;padding:0;border:0;}
#contacts .info{text-align:justify;width:255px;}
#contacts .info a{color:#16485c;font-weight:bold;}
#contacts .invia{position:absolute;bottom:0;left:120px;border:none;cursor:pointer;width:156px;height:44px;background: url(../images/contattaci.png) no-repeat 0 0;}
#contacts .feedback{font-size:16px;text-align:center;line-height:20px;}
#contacts .feedback strong{color:#16485c;font-size:21px;display:block;margin-bottom:20px;line-height:25px;}
#contacts .contactsSx{float:left;width:603px;}
#clients h2, #contacts h2{font-size:18px !important;color:#127096 !important;}
#contactsContent{width:950px;}

.nomore{display:none;}