/* ========================================================================== HTML5 Boilerplate styles - h5bp.com (generated via initializr.com) ========================================================================== */ html, button, input, select, textarea { color: #222; } html, body, viewport {width:100%; min-width: 980px;} body { font-size: 62.5%; line-height: 1.4; font-family: 'sansregular'; text-rendering: optimizeLegibility; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } img { vertical-align: middle; } fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; } /* ========================================================================== Author's custom styles ========================================================================== */ .placeholder.banner { background:#CCC; } .centered { position: relative; width: 1336px; margin: 0 auto; overflow: hidden;} /* 190x7 + 1x6 */ .giallo { color:#ffff3e; } .blu { color:#577c9c; } .credits { position:relative; float:left; padding:11px 0 0; margin:0; font-size:1.2em; color:#777; } .credits a { color:#777; text-decoration:none; } .credits a:hover { color:#bbb; text-decoration:underline; } #socialbar { position:relative; width:100%; height:36px; padding:0; margin:0; background:#222; } #socialbar .right-icons { float:right; } #socialbar a.icon { display:block; float:left; width:36px; height:36px; border-right:1px solid #4b4b4b; background-position:left top; background-repeat:no-repeat; } #socialbar a.icon:hover { display:block; float:left; width:36px; height:36px; border-right:1px solid #4b4b4b; background-position:left bottom; } #socialbar a.icon#fb { background-image:url(../img/soc-icon-fb.png); border-left:1px solid #4b4b4b; } #socialbar a.icon#tw { background-image:url(../img/soc-icon-tw.png); } #socialbar a.icon#yt { background-image:url(../img/soc-icon-yt.png); } #socialbar a.icon#gp { background-image:url(../img/soc-icon-gp.png); } #socialbar a.icon#pi { background-image:url(../img/soc-icon-pi.png); } #socialbar a.icon#langit, #socialbar a.icon#langen { color: #9F9F9F; font-size: 14px; height: 21px; padding: 7px 6px; text-align: center; text-decoration: none; width: 24px; background:#444444; } #socialbar a.icon#langit {border-left:1px solid #4b4b4b;} #socialbar a.icon#langit:hover, #socialbar a.icon#langen:hover {background:#cc0; color:#555;} #socialbar a.icon.linguattiva#langit, #socialbar a.icon.linguattiva#langen, #socialbar a.icon.linguattiva#langit:hover, #socialbar a.icon.linguattiva#langen:hover {background:#FF0; color:#222; cursor:default;} footer .right-icons { height:36px; width:186px; border-top: 1px solid #4b4b4b; border-bottom: 1px solid #4b4b4b; margin:10px 0; } footer a.icon { display:block; float:left; width:36px; height:36px; border-right:1px solid #4b4b4b; background-position:left top; background-repeat:no-repeat; } footer a.icon:hover { display:block; float:left; width:36px; height:36px; border-right:1px solid #4b4b4b; background-position:left bottom; } footer a.icon#fb { background-image:url(../img/soc-icon-fb.png); border-left:1px solid #4b4b4b;} footer a.icon#tw { background-image:url(../img/soc-icon-tw.png); } footer a.icon#yt { background-image:url(../img/soc-icon-yt.png); } footer a.icon#gp { background-image:url(../img/soc-icon-gp.png); } footer a.icon#pi { background-image:url(../img/soc-icon-pi.png); } header {position: relative; width: 100%; min-height: 160px; padding: 20px 0 0; margin: 0; background:#fff;} #branding {position: relative; width: 100%; height: 100px; padding: 0; margin: 0; border-bottom: 1px solid #e2e2e2; } #branding .mainlogo { position:relative; float:left; } #branding .patrocinio { position:relative; float:left; width:100px; padding:15px 120px 0 0; color:#999; margin:0 0 0 260px; } #branding .patrocinio img { display:block; position:absolute; right:0; top:0; } #branding h2.milanodesignweek {font-size:13px; position:absolute; top:48px; left:86px; color:#aaa; font-family:"Branbold"; font-weight:normal; } #branding .top_mainsponsor { float:right; padding:10px 0 0; } nav { position: relative; width: 100%; min-height: 58px; padding: 0; margin: 0; border-bottom: 1px solid #e2e2e2; background:url(../img/nav_bg.png) repeat-x #fff; } nav .centered > ul { position: relative; height: 58px; padding:0; margin: 0 auto; list-style: none; border-left: 1px solid #e2e2e2; } nav .centered > ul > li { float:left; padding:0; border-right: 1px solid #e2e2e2; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } nav .centered > ul > li > a { display: inline-block; height: 12px; padding: 23px; font-family: 'branblack'; font-size: 1.2em; color: #333; text-decoration: none; } nav .centered > ul > li:hover { background-color: #f2f2f2; } nav .centered > ul > li.sub:hover { background-color: #f2f2f2; padding-bottom:76px; } nav .centered > ul > li:active { background-color: #ffff3e; } nav .centered > ul > li.active { background-color: #f2f2f2; } nav .centered > ul > li#nav-home {width:0; height: 58px; overflow: hidden; margin-left:-1px; background:url(../img/home-nav.png) #fff; } nav .centered > ul > li ul { position: absolute; top:59px; width:100%; height:76px; right:0; background:#444; margin:0; padding:0; z-index:900; } nav .centered > ul > li:hover ul { z-index:910; } nav .centered > ul > li ul li { position: relative; float: left; } nav .centered > ul > li ul li a { display:inline-block; height: 12px; padding: 10px 15px; font-size: 1.4em; color: #eee; text-decoration: none; margin-top:15px; } nav #searchform { position: absolute; top:0; right: 0; height: 58px; background: #f1f1f1; line-height: 2em; } nav #searchform #keyword{ display: block; float:left; width:139px; height: 58px; margin: 0; border: none; padding: 0 0 0 12px; vertical-align:middle; background: none; font-family: 'sanssemibold'; font-size: 1.4em; color: #959595; text-transform: uppercase; } nav #searchform #lens{ display: block; float:left; width: 40px; height: 58px; border: none; background:url(../img/lens.png) #f1f1f1 -12px 0; } nav.fixed { position: fixed; top:0; z-index:999; } nav.fixed ul li#nav-home {width:58px; margin-left:0px; } nav ul li#nav-home a {width:58px; height: 58px; padding: 0;} section#home-custom1 { position:relative; width:100%; padding:0px 0 60px; background:url(../img/home-custom1.gif) repeat-x center 84px; } section#home-custom { position:relative; width:100%; padding:0px; } #fascia_grigia { position:absolute; width:100%; height:82px; margin-top: 0px; background-image:url(../img/nero50h57.png); background-repeat:repeat-x; z-index:9; } #fascia_h1 { margin-top: 0px;} #fascia_h1 h1 { position:absolute; padding-left: 20px; margin-top:10px; font-family:"sanslight"; font-weight:normal; font-size:32px; line-height:36px; color:#cccccc; z-index:10;text-transform:capitalize; -moz-font-feature-settings: "onum=1"; } .centrato {width: 1336px; margin: 0 auto; overflow: hidden; position: relative;} #timekeeper { width: 440px; height: 82px; margin-right: 0px; float: right; position: relative; padding-right:0px; background-image:url(../img/sfondotimekeeper.png); font-family:"sanslight"; font-weight:normal; font-size: 9px; color:#cccccc;} #time { float: left; position: relative; width: 214px; margin-left:30px;} #timekeeper #time #giorni { font-family:"sanslight"; font-weight:normal; font-size:32px; color:#cccccc; z-index:10; text-transform:uppercase; -moz-font-feature-settings: "onum=1"; margin-top: -6px;} /* #time p.numeri{ width: 60px; height:60px; text-align:center; display:inline;} #time p.punto{ width: 16px; height:60px; text-align:center; display:inline;} */ .numeri, .countdown-amount { width: 45px; height:42px; text-align:center; display:inline; position:relative; float: left; margin-top:14px; } .punti, .countdown-period { width: 6px; height:42px; text-align:center; display:inline; position:relative; float: left; margin-top:14px;} .countdown-section, .countdown-amount, .countdown-period {display:inline-block; text-align:center;} #labelsgiorni span {width:45px; margin-right:6px; display:inline-block; text-align:center;} /*.countdown-period {display:none;}*/ #ore p, #minuti p, #secondi p {display:none;} #tissot { height:81px; border-left-style: solid; border-left-width: 2px; border-left-color: #6c6c6c; margin-left:250px; padding-left: 14px; } #tissot img { padding: 19px 15px 19px;} #fascia_grigia2 { position:absolute; width:100%; height:110px; margin-top: 433px; background-image:url(../img/nero30.png); display:none; } section#home-custom .centered {height:540px;} section#home-custom .centered .slidemappa { background:url(../img/mappa1.png) no-repeat 80px 50px; height:540px; width:100%;} section#home-custom h1 .fuorisalonetitle {color:#333;} section#home-custom h1 strong { font-family:"sansbold"; font-weight:normal; } section#home-custom #mappa { position:relative; float:left; width:1336px; height:540px; margin:0 ; } section#home-custom #mappa a.eventimap { font-family: 'sansextralight'; font-size: 48px; line-height: 11px; position: absolute; text-align: center; width: 100px; z-index: 20; color:#555500; text-decoration:none; display:block; } section#home-custom #mappa a.percorsimin {width:40px; height:40px;} section#home-custom #mappa a.eventicosmit {left:224px; top:42px;} section#home-custom #mappa a.eventisarpi {left:459px; top:128px;} section#home-custom #mappa a.eventipublic {left:497px; top:131px;} section#home-custom #mappa a.eventigreg {left:563px; top:150px;} section#home-custom #mappa a.eventitriennale {left:437px; top:220px;} section#home-custom #mappa a.eventivenezia {left:580px; top:183px;} section#home-custom #mappa a.eventisuperstudio {left:453px; top:330px; z-index:30;} section#home-custom #mappa a.eventi5vie {left:466px; top:263px;} .eventibrera{top: 240px; left: 482px;} .eventitortona{top: 354px; left: 392px; width:76px !important;} .eventilambrate{top: 178px; left: 637px;} section#home-custom #mappa a.eventimap span { font-size: 12px; } section#home-custom #what { position:absolute; right:191px; width:180px; margin:90px 11px 0 0 ; } section#home-custom #who { position:absolute; right:0; top:198px; width:180px;} section#home-custom #where { position:absolute; right:191px; top:345px; width:180px; margin:0 11px 0 0 ;} section#home-custom h2 { font-family:"sansextralight"; font-weight:normal; font-size:2.4em; line-height:24px; color:#2c2c2c; } section#home-custom #what p, section#home-custom #who p { font-size:1.2em; line-height:18px; color:#3b3b3b; } section#home-custom a.to-map { display:inline-block; padding:10px 16px 8px; border:1px solid #333; font-size:1.4em; background:#d0d0d0; color:#3b3b3b; opacity:0.8; text-decoration:none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#home-custom a.to-map:hover { opacity:1; } section#home-custom #home_dx { position:absolute; /*right:50%; margin-right:-800px;*/ right:0; top:345px; width:850px; height:415px; background:url(../img/home_dx.png) no-repeat right top; } section#home-custom1 #home_sx { position:absolute; /*left:50%; margin-left:-890px; */ left:0; top:84px; width:850px; height:377px; background:url(../img/home_sx.png) no-repeat right top; } section#home-custom1 #home-percorsi { position:relative; height:115px; padding:/*40px*/ 0 0; clear:both; width:1336px; margin:/*80px*/ 0 0 70px; z-index:9; overflow:hidden;} section#home-custom1 #home-percorsi .y-square { position:relative; float:left; width:191px; height:114px; padding:0px; background:#fffd47; } section#home-custom1 #home-percorsi .y-square h2 { font-family:"Branbold", sans-serif; font-size:1.1em; line-height:16px; font-weight:400; padding-top:16px; padding-left:20px; /* background:url(../img/p-yellow.png) no-repeat top left;*/ margin:0; } section#home-custom1 #home-percorsi .y-square p { font-size:1.2em; color:#4b4b4b; } section#home-custom1 #home-percorsi .bx-wrapper { position:relative; float:left; width:1145px; } section#home-custom1 #home-percorsi .bx-viewport { margin:0; padding:0; } section#home-custom1 #home-percorsi .bxslider { margin:0; padding:0; } section#home-custom1 #home-percorsi .bxslider li { height:114px; background: url(../img/triangolo-giallo.png) no-repeat right bottom #3b3b3b; } section#home-custom1 #home-percorsi .bxslider li:nth-child(even) { background: url(../img/triangolo-giallo.png) no-repeat right bottom #4d4d4d; } section#home-custom1 #home-percorsi .bxslider li a { display:block; width:190px; height:114px; padding:0; margin:0; text-decoration:none; } section#home-custom1 .bxslider li a .p-name { display:block; position:relative; /* height:28px;*/ padding:16px 10px 4px; font-family:"Branbold", sans-serif; font-size:1.1em; line-height:16px; font-weight:400; color:#FFFf3e; text-transform:uppercase; } section#home-custom1 .bxslider li a .p-area { display:block; padding:0px 10px 0; font-family: 'sansextralight'; font-size:2.5em; line-height:28px; font-weight:400; color:#fff; } section#home-custom1 .bxslider li a img { display:block; opacity:.7; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#home-custom1 .bxslider li a img:hover { display:block; opacity:1; } /*section#home-custom .bxslider li a .p-area:after { position: absolute; width:20px; height: 20px; content: ""; bottom:-10px; left:85px; background:#3b3b3b; z-index:60; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }*/ section#home-custom1 .bxslider li:nth-child(even) a .p-area:after { background:#4d4d4d; } #percorsiprev, #percorsinext {float:left;} section#home-custom1 #home-percorsi .bx-wrapper .bx-controls-direction a, #percorsiprev a, #percorsinext a { width:95px; height:83px; bottom:0; top:auto; opacity:0.5; display:block; text-indent:9000px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#home-custom1 #home-percorsi .bx-wrapper .bx-controls-direction a.bx-prev, #percorsiprev a { left:0; background:url(../img/p-prev.png) top left; } section#home-custom1 #home-percorsi .bx-wrapper .bx-controls-direction a.bx-next, #percorsinext a { right:0; background:url(../img/p-next.png) top left; } section#home-custom1 #home-percorsi .bx-wrapper .bx-controls-direction a:hover, #percorsinext a:hover, #percorsiprev a:hover { opacity:1; } section#home-custom1 #home-percorsi .bx-wrapper .bx-controls-direction a.disabled { opacity:0; } section#home-custom1 #home-speciali { position:relative; float:left; width:573px; height:410px; padding:0; margin:0; } section#home-custom1 #home-speciali h2 { color:#5e77ad; margin:0 0 0 191px; height:50px; } section#home-custom1 #home-speciali .bx-wrapper { position:relative; padding:0 0 0 95px; } section#home-custom1 #home-speciali .bxslider { padding:0; margin:0; } section#home-custom1 #home-speciali .bxslider li { height:52px; width:370px; padding:20px 0 0 96px; margin:0 12px 0 0; background:url(../img/h-spe-divider.png) no-repeat top right; font-family:"sanslight"; } section#home-custom1 #home-speciali .bxslider li a { text-decoration:none; } section#home-custom1 #home-speciali .bxslider li a .s-name { display:block; font-size:2.0em; color:#3b3b3b; line-height:20px; } section#home-custom1 #home-speciali .bxslider li a .s-info { font-size:1.3em; color:#6e88bf; } section#home-custom1 #home-speciali .bxslider li a .s-info strong { font-family:"sansregular"; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a { width:105px; height:72px; left:0; opacity:0.8; margin:0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a.bx-prev { top:0; bottom:auto; background:url(../img/s-up.png) no-repeat center 10px ; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a.bx-next { bottom:0; top:auto; background:url(../img/s-down.png) no-repeat center 10px; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a:hover { opacity:1; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a.disabled { opacity:0; } section#home-custom1 #home-sponsor { position:relative; float:left; width:573px; height:410px; padding:0; margin:0; } /* CON 3 MAINSPONSOR section#home-custom #home-sponsor h2 { color:#5e77ad; height:50px; margin: 0; border-bottom:1px solid #e1e1e1; } section#home-custom #home-sponsor .main { position:relative; float:left; width:189px; padding:0 2px 0 0; margin:0 1px 0 0; height:360px; font-family:"sanslight"; color:#b5b5b5; } section#home-custom #home-sponsor .main:last-child { position:relative; float:left; height:360px; padding:0; margin:0; } section#home-custom #home-sponsor .main .main-company { display:block; position:relative; font-size:2.2em; line-height:22px; margin:20px 0 0; } section#home-custom #home-sponsor .main .main-event { display:block; position:relative; font-size:1.3em; line-height:14px; margin:0 0 15px;} section#home-custom #home-sponsor .main .media { position:relative; width:189px; height:290px; } */ section#home-custom1 #home-sponsor .main { position:relative; float:left; width:280px; padding:0 2px 0 0; margin:0 10px 0 0; height:410px; font-family:"sanslight"; color:#b5b5b5; } section#home-custom1 #home-sponsor .main:last-child { padding:0; margin:0; } section#home-custom1 #home-sponsor .main a { display:block; width:280px; height:410px;padding:0; margin:0; } section#home-custom1 #home-tools { position:relative; float:left; width:180px; height:410px; padding:0; margin:0 0 0 10px; } section#home-custom1 #home-tools h2 { color:#5e77ad; height:50px; margin: 0; border-bottom:1px solid #e1e1e1; } section#home-custom1 #home-tools a#day-by-day { display:block; color: #5f5f5f; text-decoration:none; } section#home-custom1 #home-tools a#day-by-day:hover { color: #3f3f3f; } section#home-custom1 #home-tools a#day-by-day .icon { display:block; position:relative; width:50px; padding:25px 67px 15px 63px; margin:20px 0 10px; background:url(../img/dbd.png) no-repeat top center; font-family:"branbold"; font-size:1.2em; color:#c5cee1; text-align:center; } section#home-custom1 #home-tools a#day-by-day .icon strong { font-family:"branblack"; font-size:3.2em; color:#c5cee1; line-height:36px; } section#home-custom1 #home-tools a#day-by-day .title { display:block; padding:0 0 0 15px; font-family:"sanslight"; font-size:2.0em; } section#home-custom1 #home-tools a#day-by-day .text { display:block; padding:0 0 0 15px; font-family:"sansregular"; font-size:1.2em; } section#home-custom1 #home-tools a#to_app { display:block; color: #5f5f5f; min-height:54px; margin:21px 0 0; padding:80px 0 0; text-decoration:none; background:url(../img/app.png) bottom right no-repeat; } section#home-custom1 #home-tools a#to_app:hover { color: #3f3f3f; } section#home-custom1 #home-tools a#to_app .title { display:block; padding:0 0 0 15px; font-family:"sanslight"; font-size:2.0em; line-height:20px; } section#home-custom1 #home-tools a#to_app .text { display:block; padding:0 0 0 15px; font-family:"sansregular"; font-size:1.2em; } section#home-custom1 #home-tools a#to_app .ghost { display:none; } section#home-photo { position:relative; width:100%; padding:30px 0 45px; background:#222222; } section#home-photo .da-thumbs { margin:0; } section#home-photo #home_reporter { position:absolute; top:0; right:0; width:382px; height:190px; background:#222; } section#home-photo #home_reporter a { display: block; float:left; padding:0 0 10px 10px; } section#home-photo #home_reporter .milestone:after { right: auto; left:-15px; } .da-thumbs > li a.btnall, section#home-photo #home_reporter a.btnall { border: 1px solid #FFFF00; color: #FFFF00; display: inline-block; height: auto; padding: 5px 10px; text-decoration: none; width: auto; position:relative; z-index:70; } .da-thumbs > li a.btnall:hover, section#home-photo #home_reporter a.btnall:hover { background:#333300; } section#home-photo #home_sponsor_reporter { position:absolute; top:191px; right:0; width:190px; height:190px; background:#222; } section#home-photo #home_sponsor_reporter span { display:block; padding:0 0 6px 10px; font-family:"sanslight"; font-size:1.4em; line-height:15px; color:#eee; } section#home-photo #home_facebook { position:absolute; bottom:231px; right:0; width:156px; height:114px; padding:66px 12px 0; background:url(../img/h_fb.png) no-repeat bottom right; } section#home-photo #home_facebook h4 { color:#fff; font-size: 1.4em; line-height: 18px; } section#home-photo .home_insta { display:block; margin:40px 0 0; } section#home-photo .home_insta .milestone { margin:0; background: url("../img/instaicon.png") no-repeat 130px 10px; } section#home-photo .home_insta .foto a { display:block; float:left; margin:0 0 0 1px; } section#home-photo .home_insta a.btnall { border: 1px solid #FFFF00; color: #FFFF00; display: inline-block; height: auto; padding: 5px 10px; text-decoration: none; width: auto; position:relative; z-index:70; } section#home-photo .home_insta .btnall:hover { background:#333300; } section#home-documentario { position:relative; width:100%; background:#EEF1F6; } section#home-documentario .centered { padding:60px 0 40px; } section#home-inseriscievento { position:relative; width:100%; background:#FFFF00; border:1px solid #222; } section#home-inseriscievento:hover {background:#FFFF55;} section#home-inseriscievento .centered a {text-decoration:none; color:#222;} section#home-inseriscievento .centered { padding:20px 0 20px; font-size:30px; font-family:"sanslight"; } section#home-inseriscievento .centered h4 {margin:0; font-weight:normal;} section#home-inseriscievento .centered p {font-size:14px; margin:0;} section#home-sector { position:relative; width:100%; background:#EEF1F6; } section#home-sector .centered { padding:40px 0 40px; } section#home-sector .centered h4 { display:block; width:362px; position:relative; float:left; font-family:"Branbold"; font-size:1.4em; line-height:18px; margin:0 0 22px; color:#878787; font-weight:normal; } section#home-sector .centered p { display:block; font-size:1.2em; line-height:18px; margin:0; color:#878787; font-weight:normal; } section#home-sector .centered a { text-decoration:none; } section#home-sector .centered a:hover { text-decoration:underline; } section#home-parcovittoria { position:relative; width:100%; border-bottom:1px solid #EEF1F6; background:#fff; } section#home-parcovittoria .centered { padding:40px 0 40px ; } section#home-parcovittoria .centered h4 { display:block; width:362px; position:relative; float:left; font-family:"Branbold"; font-size:1.4em; line-height:18px; margin:0 0 22px; color:#878787; font-weight:normal; } section#home-parcovittoria .centered p { display:block; font-size:1.2em; line-height:18px; margin:0; color:#878787; font-weight:normal; } section#home-parcovittoria .centered a { text-decoration:none; } section#home-parcovittoria .centered a:hover { text-decoration:underline; } section#home-asus { position:relative; width:100%; border-bottom:1px solid #EEF1F6; background:#fff; } section#home-asus .centered { padding:40px 0 40px ; } section#home-asus .centered h4 { display:block; width:362px; position:relative; float:left; font-family:"Branbold"; font-size:1.4em; line-height:18px; margin:0 0 22px; color:#878787; font-weight:normal; } section#home-asus .centered p { display:block; font-size:1.2em; line-height:18px; margin:0; color:#878787; font-weight:normal; } section#home-asus .centered a { text-decoration:none; } section#home-asus .centered a:hover { text-decoration:underline; } section#home-sector .doppio, section#home-parcovittoria .doppio, section#home-asus .doppio { position:relative; float:left; width:361px; padding:0 20px 0 0; } section#home-sector .foto, section#home-asus .foto, section#home-parcovittoria .foto { position:relative; float:left; } section#home-sector .foto a, section#home-parcovittoria .foto a, section#home-asus .foto a { display:block; position:relative; float:left; width:190px; height:190px; margin:0 0 0 1px; } section#home-tweet, #home-citysensing { position:relative; width:100%; border-bottom:1px solid #f0f0f0; background:#fff; } section#home-tweet .centered, #home-citysensing .centered { height:160px; padding:60px 0 0; background:url(../img/big_bird.png) no-repeat 0 40px; } section#home-tweet .centered h4, #home-citysensing .centered h4 { display:block; position:relative; float:left; font-family:"Branbold"; width:191px; font-size:1.4em; line-height:18px; margin:0; color:#878787; font-weight:normal; } section#home-tweet .centered #last-tweet { position: relative; float:left; width:764px; font-family:"cardo", Georgia, "Times New Roman", Times, serif; font-size:2.4em; line-height:30px; font-weight:400; color:#a7a7a7; } section#home-tweet .centered #advice, section#home-tweet .centered #adviceb { position:absolute; top:0; right:0; width:161px; min-height:160px; padding:60px 15px 0; background:url(../img/advice.png) no-repeat top left; font-family:"cardo", Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:18px; color:#76839f; } section#home-tweet .centered #advice.fstips, section#home-citysensing .centered #adviceb.fstips, section#home-living .centered #advice1.fscs, section#home-citysensing .centered #advice1b.fscs { position:absolute; top:0; right:0; width:327px; min-height:160px; padding:60px 15px 0; background:url(../img/tips.jpg) no-repeat top right; font-family:"cardo", Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:18px; color:#76839f; } section#home-living .centered #advice1.fscs, section#home-citysensing .centered #advice1b.fscs {background:url(../img/citysensing-sfondo.jpg) no-repeat top right #f4f6f9; padding-top:70px; height:390px;} section#home-tweet .centered #advice a.titoletto, section#home-citysensing .centered #adviceb a.titoletto, section#home-living .centered #advice1 a.titoletto, section#home-citysensing .centered #advice1b a.titoletto { display:block; font-family:"Branbold"; color:#394560; margin:0 0 10px; text-decoration:none; } section#home-living .centered #advice1 a.titoletto, section#home-citysensing .centered #advice1b a.titoletto {margin-top:10px;} #home-citysensing {display:none;} section#home-tweet ul.tweet_list { list-style:none; } section#home-tweet ul.tweet_list a { color:#777; } section#home-living { position:relative; width:100%; } section#home-living .centered { padding:60px 0; } section#home-living .centered h4 { display:block; position:relative; float:left; font-family:"Branbold"; width:191px; font-size:1.4em; line-height:18px; margin:0; color:#878787; font-weight:normal; } section#home-living .centered .bx-wrapper { display:block; position:relative; float:left; } section#home-living .centered .bx-wrapper .bxslider li { position:relative; height:340px; text-align:center; } section#home-living .centered .bx-wrapper .bxslider li a.link { color:#555; text-decoration:none; } section#home-living .centered .bx-wrapper .bxslider li a.link:hover { color:#111;} section#home-living .centered .bx-wrapper .bxslider li a.link img { display: block; margin:0 10px 7px} section#home-living .centered .bx-wrapper .bxslider li a.link .a-title { display:block; font-family: "Georgia", serif; font-size:1.5em; margin:0 0 7px; padding:0 10px;} section#home-living .centered .bx-wrapper .bxslider li a.link .a-text { display:block; font-family: "Georgia", serif; font-size:1.2em; margin:0 0 7px; padding:0 10px; height:85px; background:url(../img/liv.gif) no-repeat bottom center; } section#home-living .centered .bx-wrapper .bxslider li a.to-event { color:#333; text-decoration:none; font-size:1.3em; } section#home-living .centered .bx-wrapper .bxslider li a.to-event span { display:block; font-size:12px; color:#aaa; text-decoration:none; } section#home-living .centered .bx-wrapper .bxslider li a.to-event.brera:hover { color:#E32119; } section#home-living .centered .bx-wrapper .bxslider li a.to-event.tortona:hover { color:#F7901E; } section#home-living .centered .bx-wrapper .bx-controls-direction { display: block; position:absolute; left:-190px; top:60px; width:64px; height:45px; } section#home-living .centered .bx-wrapper .bx-controls-direction a { display:block; width:34px; height:34px; top:0; opacity:0.8; margin:0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#home-living .centered .bx-wrapper .bx-controls-direction a.bx-prev { left:0; background:url(../img/arrow_living.png) no-repeat 9px 7px; } section#home-living .centered .bx-wrapper .bx-controls-direction a.bx-next { right:0; background:url(../img/arrow_living.png) no-repeat -20px 7px; } section#home-living .centered .bx-wrapper .bx-controls-direction a:hover { background-color:#f1f1f1; } section#home-living .centered .bx-wrapper .bx-controls-direction a:hover { opacity:1; } section#home-living .centered .bx-wrapper .bx-controls-direction a.disabled { opacity:0; } #pre-footer {background:#fff;} #home-mdc .centered a h4, #home-mdc .centered a p {color:#333;} #home-mdc {background:url(../img/sfondo-mdc.png) no-repeat center bottom #eef1f6; padding:30px 0;} #home-mdc:hover {background-color:#E8EBF0;} .mdcspiega {width:774px;} .mdccinema {width:360px;} #home-tissot {background:#fff; padding:50px 0;} section#grafica { width:100%; background:url(../img/grafica.png) repeat-x top center #dbdbdb; border-bottom:1px solid #aaa; -webkit-box-shadow:inset 0 0 30px 0 #bbbbbb; box-shadow:inset 0 0 30px 0 #bbbbbb; } section#grafica .centered { padding:50px 0 0; min-height:115px; } section#grafica h2 { font-family: 'sansextralight'; font-size:5.5em; line-height:60px; font-weight:normal; color:#5e5e5e; margin:0 0 0; float:left; } section#grafica.evento .centered { height:150px; } section#grafica.evento h2 { float:none; } section#grafica.evento h1 { font-family: 'sansextralight'; font-size:3.0em; line-height:35px; font-weight:normal; color:#5e5e5e; margin:0 0 20px; float:none; } section#grafica.percorsi { height:260px; margin-bottom:5px; } section#grafica.percorsi h2 { width:382px; } ul#submenu { position: relative; float:left; padding: 0; margin: 0 auto; list-style: none; width:954px; margin:12px 0 0; } ul#submenu li { position: relative; float:left; margin:0 20px 0 0; border-bottom:1px solid #c7c7c7; } ul#submenu li:nth-child(4n) { margin:0;} ul#submenu li a { display:inline-block; position: relative; width:207px; height:23px; padding:15px 8px; font-size:1.2em; color:#414141; text-decoration:none; } ul#submenu li .shade { display:none; position:absolute; top:0; left:0; width:225px; height:53px; background:url(../img/submenu-hover.png) no-repeat bottom left; } ul#submenu li.active .shade { display:block; } section#mappa_percorso { width:100%; background:#dbded7; height:478px; margin-bottom:60px;} section#mappa_percorso #map-canvas { position:absolute; width:100%; height: 478px; margin: 0px; padding: 0px; } section#mappa_percorso .centered {} section#mappa_percorso #titling{ position:relative; clear:right; width:312px; height:322px; padding:60px 35px 0; background:#f1f1f1; left:50%; margin-left:-668px; z-index:9; } /* 1336/2 */ section#mappa_percorso #titling .titoletto{ display:inline-block; font-family: 'sansregular'; font-size:1.4em; line-height:14px; font-weight:normal; color:#212121; padding:0 0 7px; margin:0 0 14px; border-bottom:1px solid #666666; } section#mappa_percorso #titling h1{ font-family: 'sanslight'; font-size:5.5em; line-height:60px; font-weight:normal; color:#212121; margin:0 0 0; } section#mappa_percorso #nav-int { position:relative; float:left; width:192px; height:96px; margin:0 190px 0 -668px; left:50%; z-index:9; } section#mappa_percorso #nav-int a { display:block; position:relative; float:left; float:left; width:96px; height:96px; background-color:#ccc; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section#mappa_percorso #nav-int a:hover { background-color:#c6c6c6; } section#mappa_percorso #nav-int a.prev { background-image:url(../img/nav-int-prev.png); } section#mappa_percorso #nav-int a.next { background-image:url(../img/nav-int-next.png); } section#mappa_percorso #area { position:relative; float:left; width:573px; height:96px; padding:0; margin:0 0 0 -286px; background:#f1f1f1; font-family: 'sansextralight'; font-size:2.6em; line-height:30px; left:50%; z-index:9; } section#mappa_percorso #area #tit{ position:relative; float:left; width:96px; height:64px; padding:32px 0 0; margin:0; background:#333333; text-align:center; color:#fff; z-index:9; } section#mappa_percorso #area h3{ position:relative; float:left; width:445px; height:63px; padding:31px 15px 0; margin:0; background:#f1f1f1; color:#212121; border:1px solid #ccc; text-transform:uppercase; z-index:9; } section#mappa_percorso a#pdf { display:block; position:relative; float:left; width:120px; height:68px; padding:26px 0 0 70px; margin:0; background:url(../img/percorso-pdf.png) no-repeat 25px 26px #FFFFFF; border:1px solid #ccc; border-left:none; font-family: 'sansregular'; font-size:1.2em; line-height:15px; color:#818181; text-decoration:none; left:50%; z-index:9; } section#mappa_percorso a#pdf:hover { background:url(../img/percorso-pdf.png) no-repeat 25px 26px #FdFdFd; } section.content { position:relative; padding:0 0 55px; margin:0 0 60px; } article { position:relative; /*width:764px; padding:0 191px 40px 382px; margin:75px auto 0;*/ overflow:hidden; width:1336px; padding:0 0 40px; margin:0 auto; } section.content#percorso { height:585px; overflow:hidden; } /* Direction Nav */ #percorso .flex-direction-nav a { display: block; width: 96px; height: 96px; margin: 0; position: absolute; top: auto; bottom:0; z-index: 10; overflow: hidden; opacity: 0.5; cursor: pointer; background-color:#000; background-repeat:no-repeat; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } #percorso .flex-direction-nav .flex-prev { right: 95px; left: auto; background-image:url(../img/p_prev.png); background-position:38px 34px; } #percorso .flex-direction-nav .flex-next { right: 0px; background-image:url(../img/p_next.png); background-position:42px 34px; } #percorso .flexslider:hover .flex-prev { opacity: 0.5; } #percorso .flexslider:hover .flex-next { opacity: 0.5; } #percorso .flexslider:hover .flex-next:hover, #percorso .flexslider:hover .flex-prev:hover { opacity: 0.6; } #percorso .flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; } #percorso .flex-direction-nav a:before {content: ''; } #percorso .flex-direction-nav a.flex-next:before { content: ''; } #percorso .flexslider .slides img { max-height: 284px; max-width: 100%; width:auto; } article blockquote { /*position:absolute; top:0; left:0;*/ font-family:Georgia, "Times New Roman", Times, serif; font-size:3.0em; line-height:36px; font-style:italic; color:#7e7e7e; padding:0; margin:0 0 0 35px; width:191px; /**/ float:left; } article blockquote .author { position:absolute; bottom:-72px; left:0; font-family:"sansregular"; font-size:14px; line-height:18px; font-style:normal; } article blockquote .author strong { font-family:"sansbold"; } article blockquote .social {margin-top:30px;} article blockquote .social a {font-size:12px; font-family:"sansregular"; font-style:normal; padding:6px 15px 6px 34px; text-decoration:none; color:#999; border:1px solid #ccc; line-height:42px;} article blockquote .social a.soc-fb {background:url(../img/soc-icon-fb.png) no-repeat left -2px #f7f7f7; } article blockquote .social a.soc-fb:hover {background:url(../img/soc-icon-fb.png) no-repeat left -38px #3453A6; color:#fff; border:1px solid #3453A6;} article blockquote .social a.soc-tw {background:url(../img/soc-icon-tw.png) no-repeat left -2px #f7f7f7; } article blockquote .social a.soc-tw:hover {background:url(../img/soc-icon-tw.png) no-repeat left -38px #50abf1; color:#fff; border:1px solid #50abf1;} article blockquote .social a.soc-gp {background:url(../img/soc-icon-gp.png) no-repeat left -2px #f7f7f7; } article blockquote .social a.soc-gp:hover {background:url(../img/soc-icon-gp.png) no-repeat left -38px #df4a32; color:#fff; border:1px solid #df4a32;} article blockquote .social a.soc-in {background:url(../img/soc-icon-in.png) no-repeat left -2px #f7f7f7; } article blockquote .social a.soc-in:hover {background:url(../img/soc-icon-in.png) no-repeat left -38px #2d6a96; color:#fff; border:1px solid #2d6a96;} article blockquote .social a.soc-pi {background:url(../img/soc-icon-pi.png) no-repeat left -2px #f7f7f7; } article blockquote .social a.soc-pi:hover {background:url(../img/soc-icon-pi.png) no-repeat left -38px #ce1e1f; color:#fff; border:1px solid #ce1e1f;} article blockquote .social a.soc-yt {background:url(../img/soc-icon-yt.png) no-repeat left -2px #f7f7f7; } article blockquote .social a.soc-yt:hover {background:url(../img/soc-icon-yt.png) no-repeat left -38px #e5281c; color:#fff; border:1px solid #e5281c;} article blockquote .social a.soc-vi {background:url(../img/soc-icon-vi.png) no-repeat left -2px #f7f7f7; } article blockquote .social a.soc-vi:hover {background:url(../img/soc-icon-vi.png) no-repeat left -38px #21b7ea; color:#fff; border:1px solid #21b7ea;} article > p { width:478px; font-size:1.4em; line-height:22px; color:#333333; } article div.paragrafo { width:478px; font-size:1.4em; line-height:22px; color:#333333; /**/ float:left; margin-left:156px; } article div.paragrafo-percorso {width:478px; line-height:22px; color:#333333; float:left;} article > p strong { font-family:'sansbold'; font-weight:normal; } article div.paragrafo p { margin-top:0; } article div.paragrafo strong { font-family:'sansbold'; font-weight:normal; } article div.paragrafo p a { color:#333333; } article div.paragrafo p a:hover { color:#777; text-decoration:underline; } article .right { /*position:absolute; top:0; right:191px;*/ width:190px; background:#f1f1f1; padding:0 0 20px; /**/ margin-left:95px; float:left; } article .right .squared_logo { display:block; /*position:absolute; top:0; left:0;*/ width:170px; padding:9px 10px; background:#cbcbcb; } article .right a.dedicated_www { display:block; position:relative; float:left; width:120px; height:66px; padding:30px 50px 0 20px; margin:0 0 45px; background:url(../img/dedicated_www.png) no-repeat 115px 37px #5a5a5a; font-family: 'sanslight'; font-size:1.4em; line-height:19px; color:#f1f1f1; text-decoration:none; } article .right span { display:block; padding:0 12px; font-size:1.3em; line-height:20px; color:#444444; } article .right span strong { font-family:'sansbold'; font-weight:normal; color:#444444; } article .right span a { color:#444444; } /**/ section.content#evento article { /*width:951px; padding:60px 0 40px 382px;*/ width:1336px; padding:0 0 40px; margin:0 auto; } section.content#evento article #showcase { width:670px; height:190px; background:#212121; margin-bottom:50px; } section.content#evento article .left { /*position:absolute; top:60px; left:0;*/ padding:60px 0 20px; width:191px; margin:0 0 0 35px; float:left; } section.content#evento article blockquote { position:relative; font-family:Georgia, "Times New Roman", Times, serif; font-size:3.0em; line-height:36px; font-style:italic; color:#7e7e7e; padding:0; margin:0 0 50px; } section.content#evento article #maxi-tag { position:relative; } section.content#evento article #maxi-tag a { display:inline-block; position:relative; padding:13px 15px 11px; margin:0 0 6px; border:1px solid #dcdcdc; font-size:1.3em; color:#999; text-decoration:none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section.content#evento article #maxi-tag a:hover { border:1px solid #ababab; color:#666; background:#f1f1f1; } section.content#evento article #maxi-tag a:active { border:1px solid #333; color:#333; background:#ffff3e; } section.content#evento article .eventocenter, section.content#percorso article .eventocenter { width:670px; font-size:1.4em; line-height:22px; color:#333333; float:left; margin:60px 0 0 156px; } section.content#percorso article .eventocenter { width:478px; margin-top:0;} section.content#percorso article .eventocenter strong { font-family:'sansbold'; font-weight:normal; } section.content#evento article .eventocenter a, section.content#percorso article .eventocenter a {color:#333;} section.content#evento article .eventocenter p, section.content#percorso article .eventocenter p {margin:0 0 20px;} section.content#evento article .right { right:0; width:191px; padding:60px 0 20px; position:relative; float:left; margin-left:93px; } section.content#evento article .right .comunicato, section.content#evento article .right .add-to-agenda, #percorso article .right .comunicato { display:block; position:relative; padding:14px; font-size:1.2em; line-height:14px; color:#818181; border-top:1px solid #aaaaaa; text-decoration:none; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section.content#evento article .right .comunicato, #percorso article .right .comunicato { margin:16px 0 0; background:url(../img/evento-pdf.png) no-repeat 130px 14px; } section.content#evento article .right .add-to-agenda {border-bottom:1px solid #aaaaaa; } section.content#evento article .right .comunicato:hover, section.content#evento article .right .add-to-agenda:hover { background-color:#e6e6e6;} section.content#evento article .right .add-to-agenda .heart { display:block; position:absolute; top:22px; left:122px; width:27px; height:25px; background:url(../img/heart-big.png) no-repeat center center; opacity:.2; } section.content#evento article .right .add-to-agenda:hover .heart { opacity:.6; } section.content#evento article .right .add-to-agenda.favourite .heart { opacity:.9; } #read-more { position: absolute; bottom:0; left:50%; width:1336px; height:54px; background:#f1f1f1; margin:0 0 0 -668px; border-top:1px solid #757575; z-index:70; } #read-more span { display:block; position:absolute; top:0; left:0; width:147px; height:34px; padding:20px 0 0 43px; background:#dbdbdb; font-family:"sansregular"; font-size:1.3em; color:#696969; } #read-more span.more { background-image:url(../img/readmore.png); background-repeat:no-repeat; background-position:17px 23px; } #read-more span.less { background-image:url(../img/readless.png); background-repeat:no-repeat; background-position:17px 23px; } #read-more a.out { display:block; position:absolute; left:auto; right:0; width:180px; height:34px; padding:20px 0 0 10px; background-color:#dbdbdb; background-image:url(../img/readout.png); background-repeat:no-repeat; background-position:165px 21px; font-family:"sansregular"; font-size:1.3em; color:#696969; text-decoration:none; } .milestone { position:relative; float:left; width:170px; height:170px; padding:10px; margin:0 1px 0 0; background:#222222; font-family:"sanslight"; font-size:1.4em; color:#fff; } .da-thumbs li.milestone { position:relative; float:left; width:170px; height:170px; padding:10px; margin:0 1px 0 0; background:#222222; font-family:"sanslight"; font-size:1.4em; color:#fff; overflow:visible; } .milestone:after { position: absolute; width:30px; height: 30px; content: ""; top: 80px; right: -15px; background:#222; z-index:60; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} #aprimappa {float: left; font-size: 40px; height: 170px; margin: 0 1px 0 0; padding: 10px; position: relative; background:url(../img/aprimappa.jpg) left top;} #aprimappa span {background:url(../img/aprimappaspan.jpg) left top; border: 1px solid #fff; color: #444; cursor: pointer; display: block; padding: 55px 0px 55px 40px; width:1082px;} #aprimappa span:hover {border:1px solid #999; color:#111;} #mappa_speciale.mappaspecialeevento {height:191px;} section#mappa_speciale.mappaspecialeevento .centered {height:191px;} section.focus-on { position:relative; padding:0 0 55px; margin:0 0 60px; } section.focus-on .centered { width:1146px; padding:0 0 0 190px; background:#222222; } section.focus-on .milestone { position:absolute; top:0; left:0; margin:0; } section.focus-on a.banner { display:block; position:relative; float:left; width:381px; height:190px; padding:0; margin:1px 1px 0 0; z-index:50; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section.focus-on a.banner:hover { opacity:.7; } section.inner-events { position:relative; padding:0 0 55px; margin:0 0 60px; height:270px; overflow:hidden; } section.inner-events#n_17 { display:none; } section.inner-events .milestone { height:171px; } section.inner-events a.event { position:relative; float:left; margin:0 1px 1px 0; width:170px; height:170px; padding:10px; text-decoration:none; background: #fefefe; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #fefefe 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fefefe), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #fefefe 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #fefefe 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #fefefe 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(135deg, #fefefe 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaeaea',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section.inner-events .event:hover { background: #fafafa; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmFmYWZhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #fafafa 0%, #e2e2e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fafafa), color-stop(100%,#e2e2e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #fafafa 0%,#e2e2e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #fafafa 0%,#e2e2e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #fafafa 0%,#e2e2e2 100%); /* IE10+ */ background: linear-gradient(135deg, #fafafa 0%,#e2e2e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e2e2e2',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ } section.inner-events .event:nth-child(7n-1) { margin-right:0; } section.inner-events .event ul.mini-cal { position:relative; float:left; list-style:none; margin:0; padding:0; height:22px; } section.inner-events .event ul.mini-cal li { position:relative; float:left; width:20px; height:16px; padding:4px 0 0; margin:0 0 0 -1px; background:#f8f8f8; border:1px solid #e2e2e2; z-index:51; font-family:"branbold"; font-size:1.1em; color:#b3b3b3; text-align:center; } section.inner-events .event ul.mini-cal li.true { background:#dbdbdb; border:1px solid #2d2d2d; z-index:52; color:#2d2d2d; } section.inner-events .event .ev-name { display: block; font-family:"sanssemibold"; font-size:1.4em; color:#212121; } section.inner-events .event .ev-company { display: block; font-family:"sanssemibold"; font-size:1.9em; color:#212121; margin-top:38px; width:170px; } section.inner-events .event ul.mini-tag { position:absolute; bottom:10px; left:10px; list-style:none; margin:0; padding:0; overflow:hidden; } section.inner-events .event ul.mini-tag li { display: block; position:relative; float:left; height:16px; padding:4px 4px 0; margin:0 14px 2px 0; background:#ffff3e; border:1px solid #2d2d2d; font-family:"sanssemibold"; z-index:51; } section.inner-events .event ul.mini-tag li:after { position: absolute; content: "+"; top: 3px; right: -11px; } section.inner-events .event ul.mini-tag:last-child li:after { display:none; } section.inner-events .event .specialtag { background: none repeat scroll 0 0 #FFFF00; border: 1px solid #DADA30; color: #777730; display: inline-block; font-size: 12px; margin-bottom: 5px; margin-right: 20px; margin-top: 8px; padding: 1px 4px; margin-left:-1px; } section#top-speciale { width:100%; height:478px; margin:100px 0 60px; } section#top-speciale .centered { height:478px; background:#f1f1f1; } section#top-speciale #titling{ position:relative; float:left; width:312px; height:322px; padding:60px 35px 0; background:#f1f1f1; } section#top-speciale #titling .titoletto{ display:inline-block; font-family: 'sansregular'; font-size:1.4em; line-height:14px; font-weight:normal; color:#212121; padding:0 0 7px; margin:0 0 10px; border-bottom:1px solid #666666; } section#top-speciale #titling h1{ font-family: 'sanslight'; font-size:5.5em; line-height:56px; font-weight:normal; color:#212121; margin:0 0 0; } section#top-speciale #nav-int { position:relative; float:left; width:191px; height:96px; margin:0 191px 0 0; } section#top-speciale #nav-int a { display:block; position:relative; float:left; float:left; width:95px; height:96px; background-color:#ccc; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section#top-speciale #nav-int a:hover { background-color:#c6c6c6; } section#top-speciale #nav-int a.prev { background-image:url(../img/nav-int-prev.png); } section#top-speciale #nav-int a.next { background-image:url(../img/nav-int-next.png); top:0; } section#top-speciale #giorni { position:relative; float:left; width:764px; height:96px; padding:0; margin:0; background:#f1f1f1; font-family: 'sansextralight'; font-size:2.6em; line-height:30px; } section#top-speciale #giorni #tit{ position:relative; float:left; width:194px; height:64px; padding:32px 0 0; margin:0; background:#333333; text-align:center; color:#fff; } section#top-speciale #giorni ul#maxi-cal { position:relative; float:left; list-style:none; margin:0; padding:0; height:96px; width:570px; } section#top-speciale #giorni ul#maxi-cal li { position:relative; float:left; width:94px; height:62px; padding:32px 0 0; margin:0; background:url(../img/maxical.png) center center #fff; border:1px solid #e2e2e2; z-index:51; text-align:center; border-left:none; color:#ddd; } section#top-speciale #giorni ul#maxi-cal li.true { background:#f1f1f1; color:#222; } section#mappa_speciale { position:relative; width:100%; padding:0 0 55px; margin:0 0 60px; height:382px; overflow:hidden; } section#mappa_speciale .centered { height:382px; } section#mappa_speciale .milestone { height:171px; } section#mappa_speciale #map-canvas { position:absolute; width:100%; height: 100%; margin: 0px; padding: 0px; } section.inner-photos { position:relative; padding:0 0 55px; margin:0 0 60px; /* height:381px; */overflow:hidden; } section.inner-photos .da-thumbs { width:1336px; } section.inner-photos .centered .da-thumbs .milestone { height:170px; margin:0 0 1px 0; } section.inner-photos .centered .da-thumbs .foto { display:block; position:relative; float:left; margin:0 0 1px 1px; width:190px; height:190px; background: #fefefe; /* Old browsers */ } section.inner-photos .centered .da-thumbs li:nth-child(9n-1) { margin-left:0; } section#events { margin:0 0 60px; padding:30px 0 0; position:relative; } a#to_agenda { display:block; position:absolute; top:-46px; right:50%; margin-right:-668px; height:30px; width:161px; padding:15px 15px 0; background:url(../img/heart.png) no-repeat 153px 15px #ebebeb; font-family:"Branbold"; font-size:1.2em; color:#404040; text-decoration:none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } a#to_lists { display:block; position:absolute; top:-46px; right:50%; margin-right:-468px; height:30px; width:161px; padding:15px 15px 0; background:url(../img/heart.png) no-repeat 153px 15px #ebebeb; font-family:"Branbold"; font-size:1.2em; color:#404040; text-decoration:none; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } a#to_agenda:hover, a#to_lists:hover { background-color:#f2f2f2; } section#events #change_view{ display:block; position:absolute; top:-45px; right:50%; margin-right:-236px; height:32px; width:225px; padding:13px 15px 0; font-family:"sanslight"; font-size:1.8em; color:#9a9a9a; } section#events #change_view a { display:block; position:absolute; top:0; height:34px; width:28px; background-color:#ebebeb; padding:10px 8px 0; background-position: -28px 10px; background-repeat:no-repeat; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#events #change_view a:hover { background-color:#f2f2f2; } section#events #change_view a.active { background-color:#FFF; height:45px; background-position: 8px 10px; } section#events #change_view a#view_map { right:0; background-image:url(../img/view_map.png); } section#events #change_view a#view_photo { right:45px; background-image:url(../img/view_photo.png); } section#events #change_view a#view_list { right:90px; background-image:url(../img/view_list.png); } section#events aside { display:block; position:relative; float:left; width:191px; } section#events .elenco { position:relative; float:left; width:1081px; margin:0 0 0 64px; } section#events .elenco #results { position:relative; height:88px; } section#events .elenco #results h3 { font-family:"sanslight"; font-size:3.0em; font-weight:normal; color:#606060; letter-spacing:-1.5px; margin:14px 0 0; } section#events .elenco #results h3 .num{ color:#b0b0b0; } section#events .elenco #pager, section#events .elenco #pager1 { position:absolute; right:0; top:13px; font-family:"sansextralight"; font-size:2.6em; font-weight:normal; color:#5e5e5e; letter-spacing:-1.5px; margin:10px 0 0; line-height:26px; } section#events .elenco #pager1 {bottom:0; top:auto;} section#events .elenco #pager a.prev, section#events .elenco #pager1 a.prev { display:inline-block; padding:2px 8px 5px 5px; text-decoration:none; color:#3e3e3e; } section#events .elenco #pager a.next, section#events .elenco #pager1 a.next { display:inline-block; padding:2px 5px 5px 8px; text-decoration:none; color:#3e3e3e; } section#events .elenco #pager a:hover, section#events .elenco #pager1 a:hover { background:#f1f1f1; } section#events .elenco #pager a:active, section#events .elenco #pager1 a:active { background:#ffff3e; } section#events .elenco > ul { position:relative; border-top:1px solid #d0d0d0; list-style:none; padding:0 0 60px; margin:0;} section#events .elenco > ul > li { position:relative; border-bottom:1px solid #ececec; padding:16px 12px 10px; background:#fff; overflow:hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section#events .elenco > ul > li .ev-name { display:block; position:relative; width:700px; font-family:"sansregular"; font-size:14px; line-height:18px; color:#8c8c8c; text-decoration:none; z-index:60; } section#events .elenco > ul > li .ev-name .company { color:#2d2d2d; text-transform:uppercase;} section#events .elenco > ul > li .ev-name .specialtag { background: none repeat scroll 0 0 #FFFF00; border: 1px solid #DADA30; color: #777730; font-size: 9px; margin-right: 5px; padding: 1px 3px 0; } section#events .elenco > ul > li .ev-tag { position:relative; list-style:none; margin:10px 0 0; padding:0; overflow:hidden; } section#events .elenco > ul > li .ev-tag a { display: block; position:relative; float:left; height:16px; padding:4px 4px 0; margin:0 14px 2px 0; border:1px solid #dcdcdc; color:#8c8c8c; font-family:"sanssemibold"; text-decoration:none; z-index:51; background:#fff; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#events .elenco > ul > li .ev-tag a:after { position: absolute; content: "+"; top: 3px; right: -11px; } section#events .elenco > ul li .ev-tag a:last-child:after { display:none; } section#events .elenco.press > ul > li { padding:16px 12px 12px; } section#events .elenco.press > ul > li .ev-name { padding:2px 0 2px 26px; background:url(../img/mini-pdf.png) no-repeat top left; } section#events .elenco.press > ul > li .ev-link { display:block; position:absolute; top:12px; right:12px; padding:5px 8px 3px; background:#fff; font-size:1.4em; color:#ccc; text-decoration:none; width:95px; z-index:61; } section#events .elenco.press > ul > li:hover .ev-link { top:11px; right:11px; color:#aaa; border:1px solid #ddd; } ul.ev-cal { position:absolute; right:60px; top:12px; list-style:none; margin:0; padding:0; height:22px; } ul.ev-cal li { position:relative; float:left; width:25px; height:19px; padding:6px 0 0; margin:0 0 0 -1px; background:#ffffff; border:1px solid #cbcbcb; z-index:51; font-family:"branbold"; font-size:1.1em; color:#ababab; text-align:center; } ul.ev-cal li.true { background:#f1f1f1; border:1px solid #9a9a9a; z-index:52; color:#404040; } ul.ev-cal:before { position: absolute; content: "GIORNI"; top: 5px; left: -64px; font-family:"sanslight"; font-size:1.4em; color:#b1b1b1; } .ev-heart, .ev-heart1 { display:block; position: absolute; top:20px; right:20px; width:18px; height:17px; background:url(../img/heart.png) no-repeat top left; opacity:0.1; z-index:60; } .ev-heart1 {right:0;} .ev-heart:hover, .ev-heart1:hover { opacity:0.3; } .ev-heart:active, .ev-heart1:active { opacity:1; background-image:url(../img/yellowheart.png); } .favourite .ev-heart, .favourite .ev-heart1 { opacity:0.7; } .popupagenda {color:#fff; font-size:12px;} #ev-aggiunto { padding-top: 47px; /* background-image: url(../img/background.png);*/ background-position:center top; background-repeat: no-repeat; } #ev-rimosso { padding-top: 47px; background-image: url(../img/background.png); background-position:center top; background-repeat: no-repeat;} .agendafeedback { font-family:"sanslight"; font-weight:normal; font-size:24px; line-height:30px; color:#757575; -moz-font-feature-settings: "onum=1"; text-align:center; padding-top: 40px;} .agendafeedback a { font-family:"sanslight"; font-weight:normal; font-size:24px; line-height:30px; color:#757575; text-decoration:underline;} #cuore {width:63px; height:63px; background-image: url(../img/cuori.png); background-position: top; left:50%; margin-left: -32px; position:absolute; } #cuore.rimosso { width:63px; height:63px; background-image: url(../img/cuori.png); background-position: bottom; left:50%; margin-left: -32px; position:absolute;} .testo { display:block; padding-top:42px;} section#events .elenco > ul > li .ev-hover { position:absolute; top:0; left:0; width:100%; height:1100%; background:url(../img/ev-hover.jpg) top left no-repeat; opacity:0; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#events .elenco.foto > ul.da-thumbs { width: 980px; padding:50px 63px; background:#f1f1f1; overflow:hidden; } section#events .elenco.foto > ul > li { padding:0; } section#events .elenco.foto > ul.da-thumbs > li a div.event { position: absolute; width: 170px; height:170px; padding:10px; background: #fefefe; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhZWFlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(-45deg, #fefefe 0%, #eaeaea 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fefefe), color-stop(100%,#eaeaea)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(-45deg, #fefefe 0%,#eaeaea 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(-45deg, #fefefe 0%,#eaeaea 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(-45deg, #fefefe 0%,#eaeaea 100%); /* IE10+ */ background: linear-gradient(135deg, #fefefe 0%,#eaeaea 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaeaea',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-cal { position:relative; float:left; list-style:none; margin:0; padding:0; height:22px; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-cal li { position:relative; float:left; width:20px; height:16px; padding:4px 0 0; margin:0 0 0 -1px; background:#f8f8f8; border:1px solid #e2e2e2; z-index:51; font-family:"branbold"; font-size:1.1em; color:#b3b3b3; text-align:center; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-cal li.true { background:#dbdbdb; border:1px solid #2d2d2d; z-index:52; color:#2d2d2d; } section#events .elenco.foto > ul.da-thumbs > li a div.event .ev-name { display: block; font-family:"sanssemibold"; font-size:1.3em; color:#212121; width:170px; } section#events .elenco.foto > ul.da-thumbs > li a div.event .ev-company { display: block; font-family:"sanssemibold"; font-size:1.8em; color:#212121; margin-top:38px; line-height:1em; width:170px; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-tag { position:absolute; bottom:10px; left:10px; list-style:none; margin:0; padding:0; overflow:hidden; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-tag li { display: block; position:relative; float:left; height:16px; padding:4px 4px 0; margin:0 14px 2px 0; background:#ffffff; border:1px solid #ababab; font-family:"sanssemibold"; z-index:51; color:#8c8c8c; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-tag li:hover { border:1px solid #777777; color:#333333; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-tag li:after { position: absolute; content: "+"; top: 3px; right: -11px; } section#events .elenco.foto > ul.da-thumbs > li a div.event ul#mini-tag li:last-child:after { display:none; } section#events .elenco.foto > ul.da-thumbs > li a div.event .specialtag { background: none repeat scroll 0 0 #FFFF00; border: 1px solid #DADA30; color: #777730; display: inline-block; font-size: 12px; margin-bottom: 5px; margin-right: 20px; margin-top: 8px; padding: 1px 4px; margin-left:-1px; } section#events .elenco > ul > li:hover { background:#fefe81; } section#events .elenco > ul > li:hover .ev-name { color:#666; } section#events .elenco > ul > li:hover ul.ev-cal:before {color:#888; } section#events .elenco > ul > li .ev-tag a:hover { border:1px solid #999; color:#777; } section#events .elenco > ul > li:hover .ev-hover { opacity:.4; } section#events #cal { display:block; height:32px; margin:0 0 30px; padding:0 0 0 1px; } section#events #cal a { display:block; position:relative; float:left; width:30px; height:22px; padding:8px 0 0; border:1px solid #ddd; text-align:center; margin:0 0 0 -1px; font-family:"branbold"; font-size:1.2em; text-decoration:none; color:#404040; z-index:50; } section#events #cal a.true, section#events #cal a:hover { border:1px solid #222; background:#ffff3e; z-index:51; } section#events .label { display:block; margin:0 0 3px; font-size:1.2em;} section#events label { display:block; margin:0 0 3px; font-size:1.2em; } section#events #search > input { width:181px; height:20px; border:0; padding:5px 5px 3px; margin:0 0 10px; background:#e5e5e5; } section#events select { width:181px; height:20px; border:0; padding:5px 5px 3px; margin:0 0 5px; background:#e5e5e5; } section#events .set-group { position: relative; width:191px; overflow:hidden; margin:10px 0 0; } section#events .set-group .set-title { display:block; font-family:"Branbold"; color:#222; font-size:1.4em; margin:0 0 10px; background:url(../img/slidedown.png) no-repeat 170px 5px; text-transform:uppercase; } section#events .set-group.open .set-title { background:url(../img/slideup.png) no-repeat 170px 5px; } section#events .set-group .check-group { display:none; } section#events .set-group input[type="checkbox"] { display:none; } section#events .set-group input[type="checkbox"] + label { display:block; position:relative; text-transform:uppercase; } section#events .set-group input[type="checkbox"] + label span { display:inline-block; width:13px; height:13px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/check_radio_sheet.png) left top no-repeat; cursor:pointer; } section#events .set-group input[type="checkbox"]:checked + label span { background:url(../img/check_radio_sheet.png) -13px top no-repeat; } section#events #search > input[type="submit"] { width:191px; height:60px; padding:0; margin:10px 0; background:#333; border:5px solid #757575; font-family:"sanslight"; font-size:2.0em; color:#ffff3e; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#events #search > input[type="submit"]:hover { background:#222; border:3px solid #757575; } section#events #search > input[type="submit"]:active { border:3px solid #ffff3e; } #cdtissot { width: 191px; height: 190px; /*background-color:#CCC;*/ background-image:url(../img/logotissot.png); background-position:center top; background-repeat:no-repeat; margin-top: 20px; } #countdown-ev { width: 191px; height: 60px; margin-top: 46px; border-bottom: 2px solid #ececec; border-top: 2px solid #ececec; position: absolute; padding-top:6px; color:#5e5e5e;} #cd {font-family:"sanslight"; font-weight:normal; font-size:26px; line-height:10px; letter-spacing: 2px; color:#0000; z-index:10;text-transform:uppercase; -moz-font-feature-settings: "onum=1"; position: absolute; padding-top:1px; margin-left:9px;} #cdtissot .countdown-amount { width: 36px; height:30px; text-align:center; display:inline; position:relative; float: left; margin-top:14px; margin-left:2px;} #cdtissot .countdown-period { width: 6px; height:42px; text-align:center; display:inline; position:relative; float: left; margin-top:14px;} #cdtissot p {width:191px; display:inline-block; text-align:center; color:#cccccc; margin-top:20px;} .labels {position: relative; padding-top: 91px; text-align:center; color:#5e5e5e; } .labels span {width:44px; display: inline-block; text-align: center; font-size: 9px; } #cdtissot .countdown-section, {display:inline-block; text-align:center; margin-left: 20px;} section#foto { position:relative; background:#212121; padding:40px 0 60px; color:#f1f1f1; } section#foto aside { display:block; position:relative; float:left; width:190px; } section#foto aside h4 { font-family:"sanslight"; font-size:2.0em; line-height:22px; font-weight:normal; letter-spacing:-1.px; margin:0 0 22px; } section#foto aside p { font-family:"sansregular"; font-size:1.2em; line-height:15px; width:174px; margin:22px 0; color:#999999; } section#foto #results { position:relative; height:88px; } section#foto #results h3 { font-family:"sanslight"; font-size:3.0em; font-weight:normal; color:#606060; letter-spacing:-1.5px; margin:14px 0 0; } section#foto #results h3 .num{ color:#b0b0b0; } section#foto .elenco { position:relative; float:left; width:1146px; margin:0; padding:0; } section#foto #search_photo > input[type="submit"] { width:174px; height:60px; padding:0; margin:10px 0; background:#333; border:4px solid #757575; font-family:"sanslight"; font-size:2.0em; color:#ffff3e; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#foto #search_photo > input[type="submit"]:hover { background:#222; border:2px solid #757575; } section#foto #search_photo > input[type="submit"]:active { border:3px solid #ffff3e; } section#foto #change_view { display:block; position:absolute; top:-45px; right:50%; margin-right:-668px; height:45px; width:1336px/*1146px*//*955px*//*764px*//*573px*/; padding:0; font-family:"sansregular"; font-size:1.2em; } section#foto #change_view a { display:block; position:relative; float:left; height:30px; width:128px; background-color:#bebebe; color:#444; padding:14px 50px 0 11px; background-position: 145px -27px; background-repeat:no-repeat; text-decoration:none; margin:0 0 0 2px; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } section#foto #change_view a:hover { background-color:#f2f2f2; } section#foto #change_view a.active { background-color:#212121; color:#f2f2f2; height:31px; background-position: 145px 10px; } section#foto #change_view a#tab_foto { background-image:url(../img/tab_foto.png); margin-left:0; } section#foto #change_view a#tab_reporter { background-image:url(../img/tab_reporter.png); } section#foto #change_view a#tab_instagram { background-image:url(../img/tab_instagram.png); } section#foto #change_view a#tab_sector { background-image:url(../img/tab_sector.png); } section#foto #change_view a#tab_hyundai { background-image:url(../img/tab_hyundai.png); } section#foto #change_view a#tab_asus { background-image:url(../img/tab_asus.png); background-position: 125px -27px; } section#foto #change_view a#tab_tatras { background-image:url(../img/tab_tatras.png); background-position: 125px -27px; } /*section#events #change_view a#view_list { right:90px; background-image:url(../img/view_list.png); }*/ stile foto direction aware .da-thumbs { position: relative; width: 1146px; margin:0; padding:0; list-style: none; } .da-thumbs > li { position: relative; float: left; margin:0 0 1px 1px; padding: 0; width:190px; height:190px; } .da-thumbs > li a, .da-thumbs > li a img { display: block; position: relative; width:190px; height:190px; } .da-thumbs > li a { overflow: hidden; }/**/ .da-thumbs > li a div { position: absolute; background: #333; background: url(../img/foto-hover.png) no-repeat 150px 19px rgba(255,255,72,0.7); width: 160px; height:160px; padding:15px; } .da-thumbs > li a div span.f-event { display: block; position:absolute; left:15px; bottom:45px; width:160px; color:#212121; } .da-thumbs > li a div span.f-reporter { display: block; position:absolute; left:15px; bottom:15px; width:160px; color:#212121; } .da-thumbs.reporters { position: relative; width: 1146px; margin:0; padding:0; list-style: none; } .da-thumbs.reporters li { position: relative; float: left; margin:0 0 1px 1px; padding: 0; width:190px; height:190px; opacity:0.7; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -ms-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms ease; } .da-thumbs.reporters li:hover { opacity:1; } .da-thumbs li a span.r-name, #home_reporter a span.r-name { display:block; position:absolute; left:0; bottom:0; padding:6px 7px 3px; font-family:"branbold"; font-size:1.1em; line-height:12px; color:#FFF; text-transform:uppercase; background:#000; } #home_reporter a span.r-name {bottom:10px; left:10px;} section#foto .elenco.singolo { position:relative; float:left; width:764px; margin:0; padding:0; } section#foto .elenco.singolo .da-thumbs { width: 764px; } section#foto #scheda { position:relative; float:left; width:342px; padding:20px; background:#1b1b1b;} section#foto #scheda h1 { font-family:"sanslight"; font-size:3.0em; line-height:30px; font-weight:normal; letter-spacing:-1px; margin:70px 0 32px; } section#foto #scheda #info { position: relative; border-top:1px solid #4a4a4a; border-bottom:1px solid #4a4a4a; overflow:hidden; } section#foto #scheda #info span { display:block; padding:14px 5px 16px; float:left; width:161px; font-family:"sanslight"; font-size:1.2em; line-height:22px; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 3200ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section#foto #scheda #info span:hover { background:#282828;} section#foto #scheda #info span strong { font-family:"sansregular"; font-weight:normal; color:#999; } section#foto #scheda a#to_foto { display:inline-block; position:relative; margin:16px 0 24px; padding:12px 16px; border:1px solid #a9a938; color:#ffff3e; text-decoration:none; font-size:1.3em; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 3200ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } section#foto #scheda a#to_foto:hover { border:1px solid #ffff30; backgroud:#000; } section#foto #scheda p { font-family:"sansregular"; font-size:1.2em; line-height:15px; margin:0 0 22px; color:#999999; } .alto { height: 600px; } section#grafica.app .centered { height:150px; } section#grafica.app h2 { float:none; } section#grafica.app h1 { font-family: 'sansextralight'; font-size:3.0em; line-height:35px; font-weight:normal; color:#5e5e5e; margin:0 0 20px; float:none; } section#app{} section#app .centered { background:url(../img/network-right.png) no-repeat 1120px top; } section#app .left { position:relative; float:left; width:382px; padding:30px 0 50px; background:url(../img/network-left.png) no-repeat right top; } section#app .left .quotation { width:300px; height:170px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:2.3em; line-height:28px; color:#bfbfbf; } section#app .left p.credits { font-family:"sansregular"; font-weight:normal; font-size:1.3em; line-height:18px; color:#444; } section#app .left p.credits a { color:#6e88bf; text-decoration:none; } section#app .left p.credits a { text-decoration:underline; } section#app .content { position:relative; float:left; width:741px; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0 0 50px; background:#fff; } section#app .content a.to_market { display:block; position:relative; float:left; width:310px; padding:30px; color:#222; text-decoration:none; font-family:"sanslight"; letter-spacing:-0.5px; margin-bottom:30px; } section#app .content a.to_market#apple { border-right:1px solid #ddd; } section#app .content a.to_market .download { display: block; font-size:1.8em; line-height:18px; } section#app .content a.to_market .os { display: block; font-size:3.6em; line-height:36px; } section#app .content a.to_market .text { display: block; width:160px; margin:36px 0 0; font-family:"sansregular"; font-size:1.3em; line-height:18px; color:#999; } section#app .content a.to_market img { display:block; position:absolute; right:23px; bottom:24px; } section#app .content #showcase { margin:30px; width:681px; } section#app .content #showcase .showcase-content { margin:0 1px 0 0 !important; } section#app .content p { padding:0 30px; font-family:"sansregular"; font-weight:normal; font-size:1.3em; line-height:18px; } section#app .content p strong { font-family:"sansbold"; font-weight:normal; } section#app .content a.to_market:hover { background: #f6f6f6; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f6f6f6 0%, #ffffff 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f6f6f6 0%,#ffffff 100%); /* IE10+ */ background: linear-gradient(to bottom, #f6f6f6 0%,#ffffff 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ } section#app .content a.to_market:hover .text { color:#6e88bf; } section.editorial { margin:0 0 60px; } section.editorial .centered { padding:50px 0 0; background:url(../img/editorial.png) top left no-repeat; } section.editorial .quotation { position:relative; float:left; width:352px; height:300px; padding:15px 30px 0 190px; border-right:1px solid #ddd; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-style:italic; font-size:2.8em; line-height:30px; color:#bfbfbf; text-align:right; } section.editorial .cooman { position:relative; float:left; width:543px; border-left:1px solid #ddd; } section.editorial p { position:relative; float:left; width:543px; padding:0 0 0 30px; font-family:"sansregular"; font-weight:normal; font-size:1.3em; line-height:18px; color:#333; } section.editorial p strong { font-family:"sansbold"; font-weight:normal; } section.editorial p a { color:#999; } section.editorial p a:hover { color:#666; } section.cosmit { margin:0 0 60px; } section.cosmit .centered { padding:50px 0 0; background:url(../img/editorial.png) top left no-repeat; } section.cosmit .onecol { position:relative; float:left; width:287px; margin:0 95px 0 0; } section.cosmit .trecol { position:relative; float:left; width:352px; padding:0 0 0 30px; } section.cosmit p { width:100%; font-family:"sansregular"; font-weight:normal; font-size:1.3em; line-height:18px; color:#333; } section.cosmit p strong { font-family:"sansbold"; font-weight:normal; } section.cosmit p a { color:#999; } section.cosmit p a:hover { color:#666; } section#know_more { position:relative; width:100%; padding: 0 0 55px; margin:0 0 30px; } section#know_more .centered { border-top: 1px solid #757575; } section#know_more .milestone { background:#f1f1f1; height:310px; padding:30px 10px 10px; margin:0; color:#222; } section#know_more .milestone:after { display:none; } section#know_more .col2 { position:relative; float:left; width:322px; padding:30px; color:#333333; } section#know_more .col2 h3 { font-family:"sansextralight"; font-weight:normal; font-size:3.6em; line-height:36px; margin:0 0 24px; } section#know_more .col2 p { font-family:"sansregular"; font-weight:normal; font-size:1.3em; line-height:18px; } section#know_more .col2 p strong { font-family:"sansbold"; font-weight:normal; } section#know_more .col2 a { color:#6e88bf; text-decoration:none; } section#know_more .col2 a:hover { text-decoration:underline; } section#history .centered { background:#f1f1f1; border-top: 1px solid #f1f1f1; } section#history .milestone { margin:0 1px 1px 0;} section#history a.placeholder { background:url(../img/history.png) #fff; } section#history a { display:block; position:relative; float:left; width:160px; height:160px; padding:15px; background: #fff; margin:0 1px 1px 0; font-size:1.3em; line-height:18px; color:#262626; text-decoration:none; } section#history a strong { font-size:64px; line-height:80px; color:#cccccc; font-family:"sansextralight"; font-weight:normal; } section#history a:hover strong{ border-bottom: 2px solid #ccc; } section#history a:nth-child(7n) { width:159px; } section#history a:nth-child(8) { width:159px; margin-left:1px; } section#network { width:100%; margin:60px 0; } section#network .centered > div { position:relative; float:left; width:166px; height:362px; padding:10px 12px; border-left:1px solid #ddd;} section#network .centered > div.left { border:none; background:url(../img/network-left.png) no-repeat top right; } section#network .centered > div.right { border:none; background:url(../img/network-right.png) no-repeat top left; } section#network .centered > div#bdd { border-right:1px solid #ddd;} section#network .centered > div#fs p { font-family:"sanslight"; font-weight:normal; font-size:1.8em; line-height:24px; color:#444; letter-spacing:-0.5px; } section#network .centered > div#fs p .gray { color:#999; } section#network .centered > div p { font-family:"sansregular"; font-weight:normal; font-size:1.2em; line-height:18px; color:#666; } section#network .centered > div p a { color:#6e88bf; text-decoration:none; } section#network .centered > div p a:hover { text-decoration:underline; } footer { position: relative; width: 100%; padding: 75px 0 20px; margin: 0; background:#212121; overflow: hidden; line-height: 20px; } footer #foot-info { position:relative; float:left; width:210px; margin:0 34px 0 0; /*font-family: "Georgia", serif;*/ font-size: 1.3em; color:#bbb; } footer #foot-info a { color:#bbb; } footer #balloon { position:relative; float:left; width:212px; height:204px; padding:100px 25px 58px; margin:0 34px 0 0; background:url(../img/balloon.png) no-repeat; /*font-family: "Georgia", serif;*/ color:#bbb; } footer #balloon .title { font-family: 'sansregular'; font-size: 1.8em; color:#ddd; } footer #balloon .text { /*font-family: "Georgia", serif;*/ font-size: 1.2em; color:#aaa; } footer .col { position: relative; float: left; width: 230px; padding: 0 0 0 34px; border-left: 1px solid #2d2d2d; color: #ffff3e; } footer .col .title { font-family: 'sanslight'; font-size: 1.8em; color:#aaaaaa; } footer .col a { /*font-family: "Georgia", serif;*/ font-size: 1.2em; color: #777777; text-decoration: none; } footer .col#sitemap a { display:block; font-family: 'sanslight'; font-size: 1.8em; color:#aaaaaa; margin:0 0 10px; } a.load-more { display:block; width:758px; text-align:center; padding:20px 0; font-size:2em; background:#111; border:3px solid #444; color: #ffff3e; margin:20px auto 0; text-decoration:none; } a.load-more:hover { border:3px solid #ffff3e; } /******** EVENTI MAPPA ********/ #events #map-canvas { width:100%; height:900px; z-index:0; } section#events.events-map aside { background:url(../img/events-map-aside.png) repeat-y center top; padding:0 20px; height:900px; } section#events.events-map .elenco { margin:0 0 0 24px; display:none; } section#events.events-map .centered { width:231px; margin-left:-688px; position:absolute; left:50%; top:30px; z-index:1; } section#events.events-personal .elenco > ul > li {overflow:hidden;} .eventopartefoto {padding-right:20px; float:left;} #events .mappapersonal { width:100%; height:573px; z-index:0; } section#events.events-personal .elenco > ul > li .ev-tag, section#events.events-personal .elenco > ul > li .ev-name {float:left;} section#events.events-personal .elenco > ul > li .ev-tag {margin-right:220px;} section#events.events-personal .elenco > ul > li .ev-name {width:620px;} section#events a#to_agenda.active { background: url("../img/heart.png") no-repeat scroll 153px 15px #ffffff; padding: 15px 15px 2px; } section#events a#to_lists.active { background: url("../img/heart.png") no-repeat scroll 153px 15px #ffffff; padding: 15px 15px 2px; } /* banners */ #banners {background:url(../img/bannerback.jpg) repeat-x center top; overflow:hidden;} #banners .centered {margin-top:60px; margin-bottom:20px;} #banners .widebanners {width:954px; float:left; text-align:center;} a.big_banner {float:left; width:936px; height:220px; display:block; margin:0 8px; color:#555; font-size:12px; line-height:22px; text-decoration:none;} a.banner {float:left; height:220px; display:block; margin:0 8px; color:#555; font-size:12px; line-height:22px; text-decoration:none;} a.banner:hover {color:#222;} section#banners .centered h4 { color: #878787; display: block; float: left; font-family: "Branbold"; font-size: 1.4em; line-height: 18px; margin: 0; position: relative; width: 191px; font-weight:normal; } /* ========================================================================== Media Queries ========================================================================== */ @media only screen and (max-width: 1130px) { /******** EVENTI MAPPA ********/ #zoommappa { left:50%!important; margin-left:-237px !important; } } @media only screen and (max-width: 1360px) { #home_dx {display:none;} /*body { width: 954px; } 190x5 + 1x4 (sottratte due colonne) */ nav .centered > ul > li > a { padding:23px 20px 23px 19px; } .centered { width: 954px; } /* 190x5 + 1x4 (sottratte due colonne) */ .centrato { width: 954px; margin: 0 auto; } #branding .patrocinio { margin: 5px 0 0 40px; } section#home-custom #mappa { width:954px; } section#home-custom #what, section#home-custom #who, section#home-custom #where { position:relative; float:left; width:290px; margin:0 0 60px; padding:0 18px 0 10px; background:#fff; border-top:1px solid #777; height:205px; top:0; right:0; } section#home-custom1 #home-speciali { width:381px; } section#home-custom1 #home-speciali h2 { margin:0; } section#home-custom1 #home-speciali .bx-wrapper { padding:0; } section#home-custom1 #home-speciali .bxslider { padding:0; margin:0; } section#home-custom1 #home-speciali .bxslider li { padding:20px 0 0; width: 371px !important; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls { position:absolute; top: -52px; right:130px; height:52px; width:80px } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a { width:40px; height:24px; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a.bx-prev { top:2px; bottom:auto; background-position:center 2px; left:40px; } section#home-custom1 #home-speciali .bx-wrapper .bx-controls-direction a.bx-next { top:2px; bottom:auto; background-position:center -21px; left:0;} section#home-custom1 #home-tools { width:954px; margin:30px 0 0; height:auto; } section#home-custom1 #home-tools h2 { width:170px; height:100px; padding:10px; background:#aeb9d4; float:left; color:#fff; margin:0 1px 0 0; } section#home-custom1 #home-tools a#day-by-day { position:relative; width:352px; float:left; height:95px; margin:0 3px 0 2px; padding:15px 10px 10px 15px; background:#f4f4f4; } section#home-custom1 #home-tools a#day-by-day .icon { position:absolute; left:191px; margin:0; } section#home-custom1 #home-tools a#day-by-day .title { width:180px; padding:0; } section#home-custom1 #home-tools a#day-by-day .text { width:180px; padding:0; } section#home-custom1 #home-tools a#to_app { width:356px; height:95px; float:left; margin:0; padding:15px 10px 10px 15px; background-color:#f4f4f4; background-position: 270px -7px; } section#home-custom1 #home-tools a#to_app .title { width:180px; padding:0; } section#home-custom1 #home-tools a#to_app .text { display:none; } section#home-custom1 #home-tools a#to_app .ghost { display:block; width:180px; padding:3px 0 0; font-family:"sansregular"; font-size:1.2em; } section#home-custom1 #home-tools a#day-by-day:hover, section#home-custom1 #home-tools a#to_app:hover { padding:13px 8px 8px 13px; border:2px solid #e4e4e4; } section#home-custom1 #home-tools a#day-by-day:hover .icon { position:absolute; left:189px; margin:0; } section#home-custom1 #home-tools a#to_app:hover { background-position: 268px -9px; } section#home-photo .da-thumbs { width:954px; } section#home-photo .da-thumbs li:nth-child(5), section#home-photo .da-thumbs li:nth-child(6), section#home-photo .da-thumbs li:nth-child(11), section#home-photo .da-thumbs li:nth-child(12), section#home-photo .da-thumbs li:nth-child(17), section#home-photo .da-thumbs li:nth-child(18), section#home-sector .centered a:nth-child(4), section#home-sector .centered a:nth-child(5), section#home-photo .home_insta .foto a:nth-child(4), section#home-photo .home_insta .foto a:nth-child(5), section#home-parcovittoria .centered a:nth-child(4), section#home-parcovittoria .centered a:nth-child(5) { display:none; } section#home-asus .centered a:nth-child(4), section#home-asus .centered a:nth-child(5) { display:none; } article { /*width:764px; padding:0 0 40px 191px;*/ width:955px; } /* tolte due colonne padding a sx */ article div.paragrafo {margin-left: 0px;} article blockquote { font-size:2.0em; line-height:24px; margin:0; width:165px; } #percorso article blockquote {margin-right:26px;} section.content#evento article blockquote { font-size:2.0em; line-height:24px; width:165px; } article .right { right:0px; } #read-more { width:954px; margin-left:-477px; } /* 190x5 + 1x4 (sottratte due colonne) */ section.focus-on .centered { width:764px; } /* 190x4 + 1x3 -più 1col padding sx- (sottratte due colonne) */ section.inner-events .event:nth-child(7n-1) { margin:0 1px 1px 0; } section.inner-events .event:nth-child(5n-1) { margin:0 0 1px 0 !important; } section#mappa_percorso #titling{ margin-left:-477px; } /* -1336/2 + 191 */ section#mappa_percorso #nav-int { margin-left:-477px; } section.content#evento article { /*width:760px; padding:60px 0 40px 191px;*/ width:953px; } section.content#evento article .left { margin:0 ; } section.content#evento article .eventocenter, section.content#percorso article .eventocenter { width:477px; margin-left:0;} section.content#evento article #showcase { width:477px;} section#top-speciale { height:669px;} section#top-speciale .centered { height:669px; } section#top-speciale #ps-container {float:right; } section#top-speciale #titling{ float:none; width:884px; height:161px; padding:30px 35px 0; } section#top-speciale #titling .titoletto{ display:inline-block; font-family: 'sansregular'; font-size:1.4em; line-height:14px; font-weight:normal; color:#212121; padding:0 0 7px; margin:0 0 14px; border-bottom:1px solid #666666; } section#top-speciale #titling h1{ font-family: 'sanslight'; font-size:5.5em; line-height:60px; font-weight:normal; color:#212121; margin:0 0 0; } section#top-speciale #nav-int { margin:0 ; } /* tolta 1col margin left per avvicinare giorni */ section#top-speciale #giorni { width:763px; } /* ridotto 1px */ section#top-speciale #giorni #tit{ width:193px; } /* ridotto 1px */ section.inner-photos .da-thumbs { width:954px; } section.inner-photos .centered .da-thumbs li:nth-child(9n-1) { margin:0 0 1px 1px ;} section.inner-photos .centered .da-thumbs li:nth-child(5n+1) { margin-left:0 !important;} section#events a#to_agenda{ margin-right:-477px; } section#evento a#to_agenda{ margin-right:-477px; } section#foto #change_view{ margin-right:-477px; } section#events #change_view{ margin-right:-245px; } section#events .elenco { width:699px; } section#events .elenco > ul > li .ev-name { width:400px; } ul.ev-cal:before { content: ""; } section#events .elenco.foto > ul.da-thumbs { width: 598px; } section#foto .elenco { width:764px; } section#foto .elenco .da-thumbs { width:764px; } section#foto .elenco.singolo { width:955px; } section#foto .elenco.singolo .da-thumbs { width:955px; } section#foto #scheda { width:724px; } section#foto #scheda img { display:block; float:left; } section#foto #scheda .subdolo { width:362px; float:left; margin:0 0 0 20px; } section#foto #scheda .subdolo h1 { margin:0 0 20px; } section#foto #change_view {width:955px;} section#foto #change_view a {width:113px; background-position: 97px -27px; padding-right:10px;} section#foto #change_view a .hide { display:none; } section#foto #change_view a.active {background-position: 97px 10px;} section#foto #change_view a#tab_asus { background-position: 75px 10px; } section#foto #change_view a#tab_tatras { background-position: 75px 10px; } section#foto #change_view a#tab_asus.active { background-position: 75px 10px; } section#foto #change_view a#tab_tatras.active { background-position: 75px 10px; } section#home-tweet .centered #last-tweet { width:573px; } section#app .left { width:191px; } section#app .left .quotation { width:180px; font-size:1.4em; line-height:25px; color:#aaa; } section.editorial .quotation { padding:15px 30px 0 0; } section.editorial p { width: 503px; } section#know_more .milestone { display:none; } section#know_more .col2 { padding:30px 20px;} section#know_more #team { width: 181px; } section#network .centered > div.left, section#network .centered > div.right { display:none; } section#network .centered > div#fs { padding:10px 11px; } footer #foot-info { position:relative; float:left; width:210px; margin:0 30px 0 0; /*font-family: "Georgia", serif;*/ font-size: 1.3em; color:#bbb; } footer #balloon { width:212px; height:204px; padding:100px 15px 58px; margin:0 ; background:url(../img/balloon.png) no-repeat; /*font-family: "Georgia", serif;*/ color:#bbb; } footer .col { width: 220px; padding: 0 0 0 15px; border-left: none; color: #ffff3e; } #sitemap { width:954px; border-bottom:1px solid #2D2D2D; border-top:1px solid #2D2D2D; padding:15px 0; } footer .col#sitemap a { display:inline-block; padding:0 7px ; margin:0; font-size:1.4em; } /******** EVENTI MAPPA ********/ section#events.events-map .centered { margin-left:-497px; position:absolute; left:50%; z-index:1; } section#events.events-personal .elenco > ul > li .ev-name {width:340px;} #events .mappapersonal {width:100%; height:382px;} /* banners */ section#banners .centered h4 {display:none;} section#grafica.percorsi { height: 284px; margin-bottom: 5px; } .mdcspiega {width:529px;} .mdccinema {width:235px;} #aprimappa span { padding: 55px 0px 55px 40px; width:700px; } #advice1.fscs, #advice.fstips {display:none;} #home-citysensing {display:block;} section#home-citysensing .centered #advice1b.fscs {right:auto; left:0; width:567px; padding-top:37px; padding-left:0; background:none;} } @media only screen and (min-width: 1360px) and (max-width: 1500px) { /******** EVENTI MAPPA ********/ #zoommappa { left:50%!important; margin-left:-427px !important; } } @media print, (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) { } /* ========================================================================== Helper classes ========================================================================== */ .ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; } .ir:before { content: ""; display: block; width: 0; height: 150%; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ========================================================================== Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; /* Black prints faster: h5bp.com/s */ box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } /* * Don't show links for images, or javascript/internal links */ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; /* h5bp.com/t */ } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }