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

#site-main-CTR .site-main-CNT .content .box-media {margin:15px 0 0 30px;}
#site-main-CTR .site-main-CNT .content .box-media .video-ctr{margin: 0 auto 25px;}

/* Section 1: grafico gestione */
#grafico-gestione{height: 1015px; background: #f5f5f5;}
#grafico-gestione .steps-ctr{position: relative; margin: 45px 0 60px; height: 791px;}
#animazione_catena_valore{margin: 45px 0 60px;}
#grafico-gestione .steps-ctr .step{position: absolute;}
#gestione_1{top:265px; left: 352px;}
#gestione_2{top:84px; left: 172px;}
#gestione_3{top:0; left: 60px;}

/* Section 2: 2012 green sourcing policy */
#sourcing-policy{height: 775px; background: #ffffff;}
#sourcing-policy .section-cnt{height: 775px;}
#sourcing-policy h2{padding: 30px 0 10px;}
#sourcing-policy .citazione{text-align: left;}
#sourcing-policy .citazione p{padding:0 0 12px 30px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-target-value/virgoletteDx/original.png") 77% 100% no-repeat; letter-spacing: -1px;}
#sourcing-policy .citazione p strong{font-size: 34px; line-height: 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: #b2b2b2;}
#sourcing-policy .citazione span{display: block; height: 15px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-target-value/virgoletteSx/original.png") 0 0 no-repeat;}
#sourcing-policy .citazione em.right{float: right; margin: 20px 0 0; text-align: left; font-size:14px; line-height:1.1em; font-family:'Gotham 4r','Gotham A','Gotham B','Gotham-Book',Arial,Helvetica,sans-serif; font-weight:400; font-style:normal; /*font-weight:normal;*/ color: #000;}
#sourcing-policy .citazione em.right strong{font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/}
#sourcing-policy .quick-link{left: 0; right: auto; bottom: 25px;}

/* Section 3: Politica Green Sourcing duplice obiettivo */
#sourcing-policy-obiettivo{height: 642px;}
#sourcing-policy-obiettivo .section-cnt{width: 100%;}
#sourcing-policy-obiettivo .up{height: 225px; background: #f5f5f5;}
#sourcing-policy-obiettivo .up h2{padding: 47px 0 30px 0; font-size: 33px; line-height: 1.1em;}
#sourcing-policy-obiettivo .up ul{text-align: left;}
#sourcing-policy-obiettivo .up ul li{padding: 0 0 6px; list-style: disc outside;}
#sourcing-policy-obiettivo .dw{padding: 40px 0 0; height: 377px;}
#sourcing-policy-obiettivo .dw .box{float: left; margin: 25px 20px 0; padding: 5px 18px 0; width: 210px; height: 241px; text-align: left;}
#sourcing-policy-obiettivo .dw .box.shadowBox{border:1px solid #000;}
#sourcing-policy-obiettivo .dw .box.first{margin: 25px 20px 0 225px;}
#sourcing-policy-obiettivo .dw .box h3 strong{float:left; font-size:120px; line-height:121px; font-family:'Gotham 4r','Gotham A','Gotham B','Gotham-Book',Arial,Helvetica,sans-serif; font-weight:400; font-style:normal; /*font-weight:normal;*/ color: #c8c8c8;}
#sourcing-policy-obiettivo .dw .box h3 em{float: left; padding:42px 0 0;font-size:21px; line-height:22px; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color: #383838;}
#sourcing-policy-obiettivo .dw .box.first h3 em{padding: 62px 0 0;}
#sourcing-policy-obiettivo .dw .box p{display: block; font-size: 16px; line-height: 18px;}

/* Section 4: Il perimetro del nostro Eco-sistema */
#eco-sistema{height: 834px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/bkg-ecosistema/original.jpg") 50% 0 no-repeat;}
#eco-sistema .section-cnt{width: 100%;}
#eco-sistema .up{height: 292px; text-align: left;}
#eco-sistema .up h2{padding: 45px 0 30px; text-align: center;}
#eco-sistema .up ul{margin:5px 0 0 15px;}
#eco-sistema .up ul li{padding:0 0 5px 20px; list-style: disc outside;}
#eco-sistema .dw{height: 542px;}
#eco-sistema .dw h2{padding: 75px 0 0; color: #ffdd00;}
#eco-sistema .dw .policy-ctr{position: relative; margin: 0 auto; height: 429px; width: 968px;}
#title{padding:0 0 12px; font-size:34px; line-height:35px; font-family:'Gotham 4r','Gotham A','Gotham B','Gotham-Book',Arial,Helvetica,sans-serif; font-weight:400; font-style:normal; /*font-weight:normal;*/ color: #ffdd00; text-align: center;}
#eco-sistema .dw .policy-ctr .lines{position: relative; text-align: center;}
#eco-sistema .dw .policy-ctr .lines .round{position: relative; margin: 0 auto; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/round/original.png") 0 0 no-repeat; width: 14px; height: 12px;}
#eco-sistema .dw .policy-ctr .lines .lineVsBottom{position: absolute; top: 12px; left: 5px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/lineVsBottom/original.jpg") 0 0 repeat-y; height: 62px; width: 4px;}
#eco-sistema .dw .policy-ctr .lineHorizontal{position: absolute; bottom:-1px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/lineHorizontal/original.jpg") 0 0 repeat-x; height: 3px; width: 265px;}
#lineVsSx{right: 0; background-position: 100% 0;}
#lineVsDx{left: 0;}
#eco-sistema .dw .policy-ctr .arrowVsBottom{position: absolute; top:2px; background:url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/arrowVsBottom/original.png") 0 100% no-repeat; width: 38px; height: 59px;}
#arrowVsBottomSx{left: -18px;}
#arrowVsBottomDx{right: -18px;}
#eco-sistema .dw .policy-ctr .guidelines{position: absolute; top:205px; width: 400px; text-align: center;}
#eco-sistema .dw .policy-ctr .guidelines h3{padding:0 0 10px; font-size:34px; line-height:35px; font-family:'Gotham 4r','Gotham A','Gotham B','Gotham-Book',Arial,Helvetica,sans-serif; font-weight:400; font-style:normal; /*font-weight:normal;*/ color: #ffdd00; text-align: center;}
#eco-sistema .dw .policy-ctr .guidelines h3 span{display: block;}
#eco-sistema .dw .policy-ctr .guidelines p{color: #ffffff;}
#guidelinesSx{left: 30px;}
#guidelinesDx{right: 30px;}

/* Section 5: 2013: green Engineering guidelines */
#green-engineering{height: 604px;}
#green-engineering .section-cnt{height: 604px;}
#green-engineering h2{padding: 50px 0 0;}
#green-engineering .grafico-engineered{position: relative; margin: 60px auto 0; width: 968px; height: 330px;}
#green-engineering .grafico-engineered .box{position: absolute; top:0; border:1px solid #7f7f7f; padding: 20px 10px 0; height: 97px; text-align: center;}
#box_policy{left: 46px;}
#box_guidelines{right: 40px;}
#green-engineering .grafico-engineered .box h2{padding: 0;}
#roundArrowDx{position: absolute; top:40px; left: 408px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/arrowVsDx/original.png") 0 0 no-repeat; width: 100px; height: 39px;}
#roundLineVsBottom{position: absolute; right: 255px; top:128px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/roundLineVsBottom/original.png") 0 0 no-repeat; width: 14px; height: 72px;}
#lineBigHorizontal{position:absolute; top:200px; right:100px; height: 2px; width: 610px; background: #464646;}
#green-engineering .grafico-engineered .arrowBottom{position: absolute;top:202px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/arrowVsBottom_dark/original.png") 50% 100% no-repeat; text-align: center; height: 78px;}
#arrow_1{width: 140px; left: 189px;}
#arrow_2{width: 195px; left: 395px;}
#arrow_3{width: 100px; left: 656px;}
#arrow_4{width: 90px; right: 55px;}
#green-engineering .grafico-engineered .arrowBottom p{position: relative; padding: 97px 0 0;font-size: 28px; line-height: 29px;}
#green-engineering .note{position: relative; padding: 40px 0 0;}

/* Section 6: Next step */
#next-step{height: 287px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-sourcing-green/bkg-next-step/original.jpg") 50% 0 no-repeat;}
#next-step h2{padding: 40px 0 025px; color: #ffffff;}
#next-step p{color: #ffffff;}