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

#site-main-CTR .site-main-CNT .content > header{margin: 0 0 40px;}

/* Sezione 1 : Esperienza di guida */
#esperienza {height:120px;}
#esperienza h2{padding: 5px 0 15px;}

/* Section 2: Tecnologia Premium */
#premium{height: 917px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-vision/bkg-premium/original.jpg") 50% 0 no-repeat;}
#premium .section-cnt{width: 100%;}
#premium .cnt-center{position: relative; height: 917px;}
#premium h2{padding: 40px 0 25px; color: #ffffff;}
#premium p{color: #ffffff;}
#premium p.oneRow{padding:13px 0 14px;}
#premium nav{margin: 0 0 28px 0; padding: 28px 0 0;}
#premium nav ul{border-bottom:1px solid #ffffff;}
#premium nav ul li{float: left; margin: 0 0 0 75px;}
#premium nav ul li.first{margin: 0 0 0 5px;}
#premium nav ul li a{display: block; text-align: center; text-decoration: none;}
#premium nav ul li a span{display: block; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-140years/ico-step-no-active/original.png") 50% 0 no-repeat; height: 48px; width:124px;}
#premium nav ul li a.active span{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-140years/ico-step-active/original.png") 50% 0 no-repeat;}
#premium nav ul li a p{padding: 0 0 8px; font-size:18px; line-height:1.1em;}
*+html #premium nav ul li a p{height: auto}
#premium nav ul li.singleRow a p{padding: 10px 0 18px;}
#premium .tab-cnt{display: none;}
#premium .tab-cnt p{padding: 0 0 40px;}
#premium .tab-cnt .video-ctr{float: none; margin: 0 auto; width: 570px; height: 380px;}
#premium .tab-cnt .video-ctr.darkShadowBox{border: 0;}
#premium .quick-link{left: 0; bottom: 25px;}

/* Sezione 3 : cambiamo modo di fare industria*/
#cambiamo-industria {position:relative; height:860px;}
#cambiamo-industria .section-cnt{width: 100%;}
#cambiamo-industria h2{padding: 40px 0 23px;}
#cambiamo-industria .up{height: 177px; background: #f5f5f5;}
#cambiamo-industria .dw{height: 643px;}
#cambiamo-industria .dw .grafico-sostenibilita{margin: 50px 0 0;width: 945px;overflow: hidden;height: 255px;}
#cambiamo-industria .dw .quick-link{left: 0; right: auto; bottom: -80px;}

/* Sezione 4: Governance evolution*/
#governance-evolution .section-cnt{width: 100%;}
#governance-evolution .box-graphic{float: left;}
#governance-evolution .box-graphic h3{border-bottom:1px solid #000; margin: 0 0 10px; padding: 0 0 5px 10px; font-size:22px; line-height:1.1em; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#000; text-align: left;}
#governance-evolution .box-graphic p{text-align: left; padding: 0 0 40px;}
#governance-evolution .up{height: 142px; background: #f5f5f5;}
#governance-evolution .up p{padding: 50px 0 0;}
#governance-evolution .mid h2{padding: 50px 0 60px;}
#governance-evolution .mid .box-graphic{width: 462px; margin: 0 0 0 30px; text-align: center;}
#governance-evolution .mid .box-graphic.first{margin: 0;}
#governance-evolution .dw .cnt-center{padding: 50px 0 90px;}
#governance-evolution .dw .box-graphic{width: 100%;}
#governance-evolution .dw .quick-link{bottom:20px; left: 0; right: auto;}

/* Sezione 5: Cambiamo il look and feel delle persone*/
#cambiamo-persone .section-cnt{width:100%; height:200px; background:#f5f5f5}
#cambiamo-persone h2{padding: 52px 0 23px;}
#cambiamo-persone .quick-link{left: 0; right: auto; bottom: -80px;}

/* Section 6: the call */
#theCal{background:#000; height:508px; overflow:hidden;}
#theCal .abstract{float:left; padding:152px 0 0; width:372px;}
#theCal .abstract h2 {text-align:left; color:#ffffff;}
#theCal .abstract h2 span {display:block; font-size:18px;}
#theCal .abstract p{color: #ffffff;}
#theCal .quick-link{left: 0; right: auto; bottom: 40px;}
#theCal .abstract a{display:block; margin:115px 0 0; font-size:16px; line-height:1.1em; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#ffffff; text-decoration:none;}
#ARCHIVE {overflow:hidden; position:relative; height:508px; z-index:0}
#ARCHIVE .cover{top:0; left:0; position:absolute; width:596px; height:508px; background:url("/mediaObject/corporate/common/aboutUs-history/bkg-alfa-black/original.png") 50% 50%; z-index:9}
#ARCHIVE .cover .lnk-button{position:absolute; width:135px; height:135px; background:url("/mediaObject/corporate/common/aboutUs-history/button-timeline/original.png") no-repeat 0 0; overflow:hidden; left:230px; top:186px; display:block}
#parallactic-bkg { position:absolute; top:0; left:0; width:100%; background:transparent url(/mediaObject/corporate/common/aboutUs-history/aboutUs-history-Plunga/bkg-parallactic/original.png) repeat-y 50% 135px; z-index:5; height:508px;}
#parallactic-bkg span{position:absolute; top:0; left:50%; border-left:1px solid #777; width:0; height:508px;}
#ARCHIVE-timeline { position:absolute; top:0; left:0; width:100%; text-align:center; z-index:9; height:508px;}
#ARCHIVE-timeline-CNT {width:600px; position: relative; padding:30px 0 0;}
#ARCHIVE-timeline-CNT article { position:relative; margin:0 0 -10px; width:303px; text-align:left; background:transparent url("/mediaObject/corporate/common/aboutUs-history/aboutUs-history-Plunga/timeline-box/original.png") no-repeat; }
#ARCHIVE-timeline-CNT article time { position:absolute; top:45px; font-size:18px; line-height:1.1em; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color:#FFF; }
#ARCHIVE-timeline-CNT article a { position:relative; padding:5px 5px 5px 5px; width:218px; height:94px; overflow:hidden; text-decoration:none; background:transparent url("/mediaObject/corporate/common/aboutUs-history/aboutUs-history-Plunga/timeline-box-a/original.png") 0 0 no-repeat;}
#ARCHIVE-timeline-CNT article a hgroup { float:left; }
#ARCHIVE-timeline-CNT article a hgroup h1 {width:130px; color:#D2D2D2; text-transform:uppercase; font-size:13px; line-height:1.1em; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ margin:20px 0 0 }
#ARCHIVE-timeline-CNT article a hgroup h1.double{margin-top:5px; font-size:13px}
#ARCHIVE-timeline-CNT article a hgroup h1 strong { display:block; font-size:15px; line-height:1.1em; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ margin:0 0 0 4px }
#ARCHIVE-timeline-CNT article a hgroup h1.double strong{font-size:15px; line-height:1.1em;}
#ARCHIVE-timeline-CNT article a hgroup h2 {padding:0; width:117px; color:#676767; margin:0 0 0 12px; font-size:12px; line-height:1em; font-family:'Gotham 3r','Gotham A','Gotham B','Gotham-Light',Arial,Helvetica,sans-serif; font-weight:300; font-style:normal; /*font-weight:normal;*/ }
#ARCHIVE-timeline-CNT article a figure { float:right; width:63px; height:90px; overflow:hidden; }
#ARCHIVE-timeline-CNT article a figure img { border:0 none; }
#ARCHIVE-timeline-CNT article a span { position:absolute; bottom:5px; right:87px; width:14px; height:15px; overflow:hidden; background:transparent url("/mediaObject/corporate/common/aboutUs-history/aboutUs-history-Plunga/plus/original.png") no-repeat 0 0; }
#ARCHIVE-timeline-CNT article.boxSX1 { float:left; background-position:100% -403px; }
#ARCHIVE-timeline-CNT article.boxSX2 { float:left; background-position:100% -555px; }
#ARCHIVE-timeline-CNT article.boxSX3 { float:left; background-position:99% -706px; }
#ARCHIVE-timeline-CNT article.boxSX1 time, #ARCHIVE-timeline-CNT article.boxSX2 time, #ARCHIVE-timeline-CNT article.boxSX3 time { left:310px; }
#ARCHIVE-timeline-CNT article.boxSX1 a { float:left; margin-left:30px; }
#ARCHIVE-timeline-CNT article.boxSX2 a { float:left; margin-left:20px; }
#ARCHIVE-timeline-CNT article.boxSX3 a { float:left; margin-left:0; }
#ARCHIVE-timeline-CNT article.boxDX1 { float:right; background-position:0 -253px; }
#ARCHIVE-timeline-CNT article.boxDX2 { float:right; background-position:0 -97px; }
#ARCHIVE-timeline-CNT article.boxDX3 { float:right; background-position:0 54px;}
#ARCHIVE-timeline-CNT article.boxDX1 time, #ARCHIVE-timeline-CNT article.boxDX2 time, #ARCHIVE-timeline-CNT article.boxDX3 time { right:310px; }
#ARCHIVE-timeline-CNT article.boxDX1 a { float:right; margin-right:30px; }
#ARCHIVE-timeline-CNT article.boxDX2 a { float:right; margin-right:20px; }
#ARCHIVE-timeline-CNT article.boxDX3 a { float:right; }
#ARCHIVE-timeline-CONTAINER { position: relative; width: 100%; z-index:2 }

/* Section 7: cultura industriale */
#cultura-industriale{height:638px; background:#f5f5f5}
#cultura-industriale h2{padding: 52px 0 23px;}
#cultura-industriale p{font-size:17px;}
#cultura-industriale .slider-ctr{position: relative; margin: 20px auto 0; width: 100%; height:400px;}
#cultura-industriale .slider-ctr a.browse{display:block; position:absolute; top:140px; width:69px; height:134px; background:url("/mediaObject/corporate/common/aboutUs-history/spr-arrow-slider-dark/original.png") no-repeat; cursor:pointer; font-size:1px; z-index:99;}
#cultura-industriale .slider-ctr a.left{background-position:0 0; left:15px;}
#cultura-industriale .slider-ctr a.left:hover{background-position:0 0;}
#cultura-industriale .slider-ctr a.left:active{background-position:0 0;}
#cultura-industriale .slider-ctr a.right{background-position:-69px 0; right:15px;}
#cultura-industriale .slider-ctr a.right:hover{background-position:-69px 0;}
#cultura-industriale .slider-ctr a.right:active{background-position:-69px 0;}
#cultura-industriale .slider-ctr a.disabled{visibility:hidden !important;}
#cultura-industriale .slider-cnt {position:relative; overflow:hidden; margin: 0 auto; width: 788px; height: 400px;}
#cultura-industriale .slider-cnt .items {position:absolute; top:0; left:0; width:99999em; height:400px;}
#cultura-industriale .slider-cnt .items .item{float: left; width: 788px; height:400px; text-align: center;}
#cultura-industriale .items .item figure{margin: 0 auto; width: 590px; height: 400px;}

/* Sezione 8: related-stories*/
#related-stories {height:370px;}
#related-stories ul.threeElms { margin-top:0;}