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

.section-ctr .section-cnt ul li{margin: 0 0 0 17px; padding: 0 0 20px 5px; list-style: disc outside; 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: #000000; text-align: left;}
.section-ctr .section-cnt ul li p strong{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;*/}
#site-main-CTR .site-main-CNT .content .box-media{margin: 30px 0 0;}


/* Sezione 1: Strategia di crescita */
#strategia-crescita{height: 230px; text-align: left;}
#strategia-crescita h2{padding: 0 0 30px;}
#strategia-crescita ul li{padding: 0 0 32px 5px;}
#strategia-crescita p{letter-spacing: -1px; }

/* Sezione 2: Open Innovation */
#open-innovation{height: 551px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-biomateriali-sect03/original.jpg") 50% 0 no-repeat;}
#open-innovation h2{padding: 25px 0 30px; color: #ffffff;}
#open-innovation h2 span{margin: 5px 0 0;}
#open-innovation ul li{padding: 10px 0 0; float:left; border-right:1px solid #8f9192; margin: 0 0 34px; list-style: none; width: 321px; height: 166px; text-align: center; opacity: 0;}
#open-innovation ul li.first{border-left:1px solid #8f9192;}
#open-innovation ul li figure img{margin: 0 auto;}
#open-innovation ul li p{margin: 16px 0 0; color: #ffffff;}
#open-innovation ul li p.two-lines{margin: -4px 0 0;}
#open-innovation ul li.double{padding: 10px 16px 0; width:289px; }
#open-innovation ul li.double div.bordered{border-top:1px solid #8f9192; padding: 16px 0 0;}
#open-innovation ul li.double div p{margin:7px 0;}

/* Sezione 3 : Ciclo di vita del prodotto */
#ciclo-prodotto{height: 589px; background:#ffffff url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-sourcingGreen-sect02/original.jpg") 50% 100% no-repeat;}
#ciclo-prodotto .up{position: relative; height:193px; text-align: center;}
#ciclo-prodotto .up h2{padding: 32px 0 23px;}
#ciclo-prodotto .up ul{margin: 0 auto; padding: 0 0 0 83px; width: 565px;}
#ciclo-prodotto .up ul.eng{padding: 0 0 0 30px; width: 530px;}
#ciclo-prodotto .up ul li{text-align: left; padding: 0; font-size:18px; 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: #383838;}
#ciclo-prodotto .dw {position: relative; height: 396px;}
#carbon-footprint{position: absolute; top:95px; left: 10px;}
#carbon-footprint h2{padding:10px 0 0; 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:#FFF;}
#carbon-footprint .box-alfa-gray{position:absolute; bottom: -95px; left:168px; border:1px solid #818181; width: 156px; height: 134px; z-index: 1;}
#carbon-footprint .box-alfa-yellow{position:absolute; top:0; right:0; width: 52px; height: 52px; z-index: 2;}
#ciclo-prodotto .round {position:absolute; top:109px; left:300px; background:url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/round/original.png") 0 0 no-repeat; width:27px; height:27px; z-index:2;}
#ciclo-prodotto .line {position:absolute; top:2px; left:25px; width:295px; height:26px; background:url(/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/line/original.png) 0 0 no-repeat; z-index:2; }
#ciclo-prodotto .line span{position: absolute; top:-10px; 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:#FD0;}
#ciclo-prodotto .average{position: absolute; top:82px; right: 20px;}
#ciclo-prodotto .average .perc {float: left; font-size:63px; line-height:1.1em; font-family:'Gotham 3r','Gotham A','Gotham B','Gotham-Light',Arial,Helvetica,sans-serif; font-weight:300; font-style:normal; /*font-weight:normal;*/ color:#FD0; text-align:center;}
#ciclo-prodotto .average .perc span {font-family:Arial,Helvetica,sans-serif; font-weight:normal;}
#ciclo-prodotto .average p{float:left; padding:9px 0 0 10px; font-size: 17px; color: #ffffff; line-height: 1em; text-align: left;}
#ciclo-prodotto .average p span{display: block; font-size: 15px; line-height: 1em;}
#ciclo-prodotto .average p strong{display: block; font-size:22px; 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:#FD0;}
#ciclo-prodotto .quick-link{bottom:15px;}
#ciclo-prodotto .quick-link{bottom:15px;}
#ciclo-prodotto .dw > img {position:absolute; z-index:99; *zoom:1;}
#car {top:174px; left:0;}
#tyres {bottom:70px; right:0;}

/* Sezione 3b : Life cycle assessment */
#life-cycle{height: 455px; position: relative; background:url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-sourcingGreen-sect02b/original.jpg") 50% 100% no-repeat;}
#life-cycle .section-cnt{position: relative; height: 455px;}
#life-cycle h2{padding: 57px 0 0;}
#life-cycle h2 span{margin: 10px 0 0;}
#life-cycle .histogram{margin: 25px 0 0; width: 100%;}
#life-cycle .histogram ul{position: absolute; bottom: 22px; left: 0; border-top:1px solid #8b8b8b; padding: 10px 0 0;}
#life-cycle .histogram ul li{float: left; margin: 0; padding: 0; width: 193px; text-align: center; list-style: none;}
#life-cycle .histogram ul li span {position:relative; display: block; padding: 15px 0 0; font-size:18px; 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:#000;}
#life-cycle .histogram ul li figure img{margin: 0 auto;}
#life-cycle .histogram .bar-yellow{position: absolute; bottom: 128px; margin: 0 auto; width: 101px;}
#rawMaterials-bar{height: 44px; left: 46px;}
#production-bar{height: 24px; left: 239px;}
#distribution-bar{height: 9px; left:432px;}
#use-bar{height: 154px; left: 625px;}
#endOfLife-bar{height: 24px; left: 818px;}
#life-cycle .histogram .bar-yellow .result{position: relative; bottom:30px; font-size:20px; 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;}

/* Sezione 4: Ricerca e innovazione */
#ricerca-innovazione{height: 250px;}
#ricerca-innovazione h2{padding: 65px 0 25px;}

/* Sezione 5: Biomateriali */
#innovazione-biomateriali{height: 762px; background: #f5f5f5 url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-biomateriali-sect04/original.jpg") 50% 100% no-repeat;}
#innovazione-biomateriali .up{height: 210px;}
#innovazione-biomateriali .up h2{padding: 45px 0 7px;}
#innovazione-biomateriali .dw{position: relative; height:551px;}
#innovazione-biomateriali .dw h2{padding: 60px 0 55px; color: #ffffff;}
#innovazione-biomateriali .dw .box-ctr{width: 466px; text-align: left;}
#ricerca-fonti{float: left;}
#riciclo-materiali{float: right;}
#innovazione-biomateriali .dw .box-ctr .number{float: left; margin:0 5px 0 0;}
#innovazione-biomateriali .dw .box-ctr h3{padding:3px 0 0; 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: #ffffff;}
#riciclo-materiali h3{color:#ffdd00!important;}
#innovazione-biomateriali .dw .box-ctr .box{position: relative; float: left; border:1px solid #868686; margin: 22px 0 0; width: 225px; height: 230px;}
#innovazione-biomateriali .dw .box-ctr .box.first{margin: 22px 10px 0 0;}
#ricerca-fonti .box{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-white-alpha/original.png") 0 0 repeat;}
#riciclo-materiali .box{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-yellow-alpha/original.png") 0 0 repeat;}
#innovazione-biomateriali .dw .box-ctr .box h4{padding: 90px 0 0 10px; font-size:21px; 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: #000000; letter-spacing: -1px;}
#innovazione-biomateriali .dw .box-ctr .box h4.eng{font-size:19px;}
#innovazione-biomateriali .dw .box-ctr .box h4 span{display:block; font-size: 16px; line-height: 1.1em;}
#innovazione-biomateriali .dw .box-ctr .box .arrow{position: absolute; top:25px; right: 10px; width: 40px; height: 183px;}
#innovazione-biomateriali .dw .box-ctr .box .arrow.down{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/arrow-down/original.png") 0 0 no-repeat;}
#innovazione-biomateriali .dw #riciclo-materiali .box .arrow.down{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/arrow-down-black/original.png") 0 0 no-repeat;}
#innovazione-biomateriali .dw .box-ctr .box .arrow.up{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/arrow-up/original.png") 0 0 no-repeat;}
#innovazione-biomateriali .dw .quick-link{bottom: 38px;}

/* Sezione 6: Open Innovation ricerca senza confini */
#innovation-ricerca{height: 500px; background: #ffffff;}
#innovation-ricerca h2{padding: 40px 0 20px;}
#innovation-ricerca .box-tipoGomma{position: relative; float:left; border:1px solid #020202; margin:70px 0 0 0; height:231px; width:231px; -webkit-box-shadow: 0 0 2px 0 rgba(0,0,0,.5); box-shadow: 0 0 2px 0 rgba(0,0,0,.5);}
#innovation-ricerca .box-tipoGomma.fst{}
#innovation-ricerca .box-tipoGomma h2{color:#c8c8c8; font-size:120px; padding:0; line-height:120px; text-align:left; float:left; margin-left:10px}
#innovation-ricerca .box-tipoGomma h3{color:#000; float:left; font-size:20px; line-height: 21px; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ text-transform:uppercase; text-align:left; position:absolute; bottom:10px; left:10px}
#innovation-ricerca .arrow{float: left; margin: 140px 38px 0;}
#innovation-ricerca .plus{float: left; margin: 140px 27px 0;}

/* Sezione 7: Inside Innovation */
#inside-innovation{height: 248px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-inside-innovation/original.jpg") 50% 0 no-repeat;}
#inside-innovation .section-cnt{width: 100%;}
#inside-innovation h2{padding: 52px 0 10px;}
#inside-innovation ul{margin: 15px auto 0; padding: 0 0 0 158px; width: 550px;}
#inside-innovation ul .eng{padding: 0 0 0 165px; width: 480px;}
#inside-innovation ul li{margin:0; padding:0 0 5px 0; list-style:none; font-size:18px; line-height:21px; 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;}

/* Sezione 8: Processo tradizionale */
#processo-tradizionale{height: 772px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-processo-tradizionale/original.jpg") 50% 0 no-repeat;}
#processo-tradizionale h2{padding: 68px 0 15px; color: #ffffff;}
#processo-tradizionale p{color: #ffffff;}
#processo-tradizionale .step-ctr{position: relative;}
#processo-tradizionale .step{position: absolute;}
#step1{top:50px; left: 185px;}
#step2{top:150px; left: 230px;}
#step3{top:194px; left: 572px;}
#step4{top:287px; left: 345px;}
#step5{top:381px; left: 265px;}

/* Sezione 9: Processo Pirelli */
#processo-pirelli{height: 930px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-processo-pirelli/original.jpg") 50% 0 no-repeat;}
#processo-pirelli h2{padding: 68px 0 15px; color: #ffffff;}
#processo-pirelli p{color: #ffffff;}
#processo-pirelli .grafico-lolla{margin: 0 0 25px;}
#processo-pirelli h3{padding: 25px 0 0; font-size:18px; line-height: 19px; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ color: #ffdd00;}

/* Sezione 10: Target */
#target{height: 185px; background: #e7e7e7;}
#target h2{padding: 40px 0 15px;}

/* Related stories */
#related-stories ul li{padding: 0; list-style: none;}