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

/* Top page */
#site-main-CTR .site-main-CNT .content .box-media{margin: 40px 0 0;}

/* Common all sections */
ul.list{background: none;}
ul.list li{margin: 0 0 0 17px; padding: 0 0 12px 5px; list-style: disc outside; 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; text-align: left;}
ul.list li strong{font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/}

/* Section 1: Open Innovation */
#open-innovation .section-cnt{width: 100%;}
#open-innovation .up{height: 86px;}
#open-innovation .up h2{padding: 25px 0 0;}
#open-innovation .mid{height: 551px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-biomaterials/bkg-biomateriali-sect03/original.jpg") 50% 0 no-repeat;}
#open-innovation .mid h2{padding: 25px 0 30px; color: #ffffff;}
#open-innovation .mid h2 span{margin: 5px 0 0;}
#open-innovation .mid 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 .mid ul li.first{border-left:1px solid #8f9192;}
#open-innovation .mid ul li figure img{margin: 0 auto;}
#open-innovation .mid ul li p{margin: 16px 0 0; color: #ffffff;}
#open-innovation .mid ul li p.two-lines{margin: -4px 0 0;}
#open-innovation .mid ul li.double{padding: 10px 16px 0; width:289px; }
#open-innovation .mid ul li.double div.bordered{border-top:1px solid #8f9192; padding: 16px 0 0;}
#open-innovation .mid ul li.double div p{margin:7px 0;}
#open-innovation .dw{position:relative; padding: 40px 0 0; height: 106px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-fast-forward/bkg-open-innovation-dw/original.jpg") 50% 0 no-repeat;}

/* Section 2: Driver di innovazione */
#driver-innovazione{height: 330px;}
#driver-innovazione h2{padding: 40px 0 25px;}
#driver-innovazione p{text-align: left;}
#driver-innovazione h2{padding: 40px 0 25px;}
#driver-innovazione ul.list li{padding: 0 0 4px 0;}

/* Section 3: Original equipment */
#original-equipment .section-cnt{width: 100%;}
#original-equipment .up{height: 400px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-fast-forward/bkg-original-equipment/original.jpg") 50% 0 no-repeat;}
#original-equipment .up h2{padding: 38px 0 0; color: #ffffff;}
#original-equipment .up .slider-ctr{position: relative; margin: 60px auto 60px; width: 100%; height:134px;}
#original-equipment .up .slider-ctr a.browse{display:block; position:absolute; top:0; width:69px; height:134px; background:url("/mediaObject/corporate/common/aboutUs-history/spr-arrow-slider/original.png") no-repeat; cursor:pointer; font-size:1px; z-index:99;}
#original-equipment .up .slider-ctr a.left{background-position:0 0; left:0;}
#original-equipment .up .slider-ctr a.left:hover{background-position:0 0;}
#original-equipment .up .slider-ctr a.left:active{background-position:0 0;}
#original-equipment .up .slider-ctr a.right{background-position:-69px 0; right:0;}
#original-equipment .up .slider-ctr a.right:hover{background-position:-69px 0;}
#original-equipment .up .slider-ctr a.right:active{background-position:-69px 0;}
#original-equipment .up .slider-ctr a.disabled{visibility:hidden !important;}
#original-equipment .up .slider-cnt {position:relative; overflow:hidden; margin: 0 auto; width: 810px; height: 134px;}
#original-equipment .up .slider-cnt .items {position:absolute; top:0; left:0; width:99999em; height:134px;}
#original-equipment .up .slider-cnt .items .item{float: left; padding: 11px 0 0; width: 810px; height:124px; text-align: center;}
#original-equipment .up .slider-cnt .items .item figure{float: left; margin: 0 35px; width: 200px; height: 112px;}
#original-equipment .up p{color: #ffffff;}
#original-equipment .dw{position: relative; height: 505px; background: #f5f5f5;}
#original-equipment .dw .arrow_down{background: url("/mediaObject/corporate/common/aboutUs-history/arrow_down-lino/original.png") 50% 0 no-repeat; height: 54px;}
#original-equipment .dw .cnt-center{height: 451px;}
#original-equipment .dw .video-ctr{float: none; margin:35px auto 0; width: 497px; height: 320px;}
#original-equipment .dw .quick-link{right: auto; left: 235px; bottom: 60px;}

/* Section 5: modellistica da fuori serie */
#modellistica .section-cnt{width: 100%;}
#modellistica .up{height: 214px; background: #ffffff;}
#modellistica .up h2{padding: 60px 0 25px;}
#modellistica .dw{height: 520px; background: #000000;}
#modellistica .dw .cnt-center{position: relative; height: 520px;}
#modellistica .dw h2{padding: 50px 0 0; color: #ffffff;}
#modellistica .dw nav{margin: 50px 0 20px 0;}
#modellistica .dw nav ul{border-bottom:1px solid #ffffff;}
#modellistica .dw nav ul li{float: left; margin: 0; width: 242px; text-align: center;}
#modellistica .dw nav ul li a{width: 110px; text-align: center; text-decoration: none;}
#modellistica .dw nav ul li a figure{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-fast-forward/spr-vehicles/original.png") 50% 0 no-repeat; height: 110px; text-align: center;}
#modellistica .dw nav ul li a figure img{margin: 0 auto;}
#modellistica .dw nav ul li.motorcycle a figure{background-position:0 -110px;}
#modellistica .dw nav ul li.truck a figure{background-position:0 -220px;}
#modellistica .dw nav ul li.agro a figure{background-position:0 -330px;}
#modellistica .dw nav ul li a span{display: block; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-business/ico-step-no-active/original.png") 50% 0 no-repeat; height: 48px;}
#modellistica .dw nav ul li a.active span{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-business/ico-step-active/original.png") 50% 1px no-repeat;}
#modellistica .dw nav ul li a p{margin: -15px 0 0; padding: 0 0 8px; font-size:18px; line-height:1.1em; color:#ffffff;}
#modellistica .dw .vehicle-cnt{display: none;}
#modellistica .dw .vehicle-cnt p{color:#ffffff;}
#modellistica .dw .quick-link{left: 0; right: auto; bottom: 30px;}

/* Section 6: processi di nuova generazione */
#nuova-generazione{height: 440px;}
#nuova-generazione .video-ctr{margin: 127px 0 0;}
#nuova-generazione .abstract{padding: 60px 0 0; width: 550px;}

/* Section 7: investimenti premium */
#investimenti-premium{height: 700px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-fast-forward/bkg-lino/original.jpg") 50% 0 no-repeat;}
#investimenti-premium .section-cnt{position: relative; height: 700px;}
#investimenti-premium h2{padding: 25px 0 15px; color: #ffffff;}
#investimenti-premium p{color: #ffffff;}
#investimenti-premium .box-alfa-gray {position:absolute; border:1px solid #b7b8b8; padding:12px 9px; color:#ffffff; 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;*/ text-align:left;}
#investimenti-premium .box-alfa-gray span {display:block; color:#ffdd00; 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;*/ }
#investimenti-premium #box1 { top:210px; left:50px;}
#investimenti-premium #box2 { bottom:125px; left:50px; }
#investimenti-premium #box3 { top:200px; right:86px; }
#investimenti-premium #box4 { top:330px; right:32px; }
#investimenti-premium #box5 { bottom:110px; right:55px; }
#investimenti-premium #graph { position: absolute; left: 290px; top: 205px; width:388px; height:382px; background:transparent;}
#investimenti-premium .graph{position: relative; left: 0; top: 0; width:388px; height:382px; background:transparent;}
#investimenti-premium #prod-def p {position: absolute; left: 95px; top:349px; color: #FFFFFF; font-family: 'Gotham 4r','Gotham A','Gotham B','Gotham-Book',Arial,Helvetica,sans-serif; font-size: 16px; font-style: normal;font-weight: normal; line-height: 1.1em; text-transform:uppercase;}
#investimenti-premium #prod-def .round {position: absolute; top: 383px; left: 350px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-vision/prod-def-round/original.png") no-repeat scroll 0 0; height: 28px; width: 26px; z-index: 2;}
#investimenti-premium #prod-def .round .line {position: absolute; left: -274px; top: 9px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-vision/prod-def-line/original.png") no-repeat scroll 0 0; height: 26px; width: 275px; z-index: 2;}
#investimenti-premium #innovation p {position: absolute; right: 170px; top:429px; color: #FFFFFF; font-family: 'Gotham 4r','Gotham A','Gotham B','Gotham-Book',Arial,Helvetica,sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.1em; text-transform:uppercase;}
#investimenti-premium #innovation .round {position: absolute; top: 442px; right: 312px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-vision/innovation-round/original.png") no-repeat scroll 0 0; height: 28px; width: 26px; z-index: 2;}
#investimenti-premium #innovation .round .line {position: absolute; top: 10px; left: 24px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-vision/innovation-line/original.png") no-repeat scroll 0 0; height: 26px; width: 166px; z-index: 2;}
#investimenti-premium p.note {position: absolute; top: 356px; left: 420px; color: #ffffff; font-size:39px; 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: #ffdd00;}
#investimenti-premium p.note span {font-size:52px;}
#investimenti-premium .quick-link{left: 0; right: auto; bottom: 15px;}

/* Section 7: elettronica dello pneumatico */
#elettronica-pneumatico{height: 370px;}
#elettronica-pneumatico .abstract{padding: 125px 0 0; width: 525px;}
#elettronica-pneumatico .video-ctr{margin: 70px 0 0;}

/* Section 8: auto:cyber tyre */
#cyber-tyre{height: 765px; background: #f5f5f5;}
#cyber-tyre .section-cnt{width: 100%;}
#cyber-tyre .up{position: relative; border-bottom:1px solid #000; height: 415px;}
#cyber-tyre .up h2{padding: 50px 0 25px;}
#cyber-tyre h3{margin: 0 0 30px; padding: 18px 0 17px 85px; 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: #383838;}
#cyber-tyre h3 span{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;*/}
#cyber-tyre ul.details li{float: left; width: 242px; text-align: center; font-size:30px; 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: #000;}
#cyber-tyre ul.details li strong{font-size: 60px; line-height:1.1em; font-weight: normal;}
#cyber-tyre ul.details li span{display: block; padding: 15px 0 0; font-size:18px; line-height:1.2em; 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;}
#cyber-tyre ul.details li span strong{font-size:18px; line-height:1.2em; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/}
#cyber-tyre ul.details li figure img{margin: 0 auto;}
#cyber-tyre .up h3{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-fast-forward/resistenza_rotolamento/original.png") 17% 0 no-repeat;}
#cyber-tyre .up .quick-link{bottom:30px;}
#cyber-tyre .dw{position: relative; padding: 30px 0 0; height: 330px;}
#cyber-tyre .dw h3{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-fast-forward/riduzione_rumorosita/original.png") 17% 0 no-repeat;}
#cyber-tyre .dw .quick-link{bottom: 30px;}

/* Section 9: cyber fleet */
#cyber-fleet .section-cnt{width: 100%; height: 677px;}
#cyber-fleet .up .cnt-center{position: relative; height: 345px;}
#cyber-fleet .up .video-ctr{margin: 50px 0 0;}
#cyber-fleet .up .abstract{padding: 75px 0 0; width: 550px;}
#cyber-fleet .up .quick-link{bottom: 80px; right: 358px;}
#cyber-fleet .dw{height: 333px; background: #f5f5f5;}
#cyber-fleet .dw .cnt-center{height: 332px;}
#cyber-fleet .dw .cnt-center > figure{margin: -39px 0 0 0;}
#cyber-fleet .dw .cnt-center > figure img{margin: 0 auto;}