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

/* Top page */
#site-main-CTR .site-main-CNT .content > header{margin:0;}
#site-main-CTR .site-main-CNT .content > header h2 span{display:block; margin:0 0 25px 0;}
#site-main-CTR .site-main-CNT .content > header h2{padding: 0 0 4px 0;}
#site-main-CTR .site-main-CNT .content .generazioni{margin: 20px 0 0;}

/* Sezioni bottom */
.section-ctr .section-cnt h2 span{margin: 10px 0 0;}
.section-ctr .section-cnt .abstract{width: 582px;}
.section-ctr .section-cnt .protagonist{float: right; margin: 0 130px 0 0;}
.section-ctr .section-cnt protagonist.left{float: left;}
.section-ctr .section-cnt .quick-link{left:0;}
.section-ctr .section-cnt .quick-link ul li,.section-ctr .section-cnt .quick-link ul li a,.section-ctr .section-cnt .quick-link p{color: #383838;}

/* slider immagini*/
.section-ctr .section-cnt .slider-ctr{position: relative; margin: 0 auto 0; width: 100%; height:400px;}
.section-ctr .section-cnt .slider-ctr a.browse{display:block; position:absolute; top:140px; 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;}
.section-ctr .section-cnt .slider-ctr a.left{background-position:0 0; left:15px;}
.section-ctr .section-cnt .slider-ctr a.left:hover{background-position:0 0;}
.section-ctr .section-cnt .slider-ctr a.left:active{background-position:0 0;}
.section-ctr .section-cnt .slider-ctr a.right{background-position:-69px 0; right:15px;}
.section-ctr .section-cnt .slider-ctr a.right:hover{background-position:-69px 0;}
.section-ctr .section-cnt .slider-ctr a.right:active{background-position:-69px 0;}
.section-ctr .section-cnt .slider-ctr a.disabled{visibility:hidden !important;}
.section-ctr .section-cnt .slider-cnt {position:relative; overflow:hidden; margin: 0 auto; width: 788px; height: 400px;}
.section-ctr .section-cnt .slider-cnt .items {position:absolute; top:0; left:0; width:99999em; height:400px;}
.section-ctr .section-cnt .slider-cnt .items .item{float: left; width: 788px; height:400px; text-align: center;}
.section-ctr .section-cnt .items .item figure{margin: 0 auto; width: 590px; height: 400px;}


/* SEZIONE 1: GIOVANNI BATTISTA PIRELLI */
#gbPirelli{height: 1071px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-lino-low/original.jpg") 50% 100% no-repeat;}
#gbPirelli .up{height: 497px; position: relative;}
#gbPirelli .up h2{padding: 35px 0 60px;}
#gbPirelli .up .protagonist{margin: 10px 130px 0 0;}
#gbPirelli .up .quick-link{bottom: 60px;}
#gbPirelli .dw{padding: 100px 0 0; height: 474px;}

/* SEZIONE 2: PIERO PIRELLI */
#pieroPirelli{height: 798px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-gray/original.jpg") 50% 100% repeat-x;}
#pieroPirelli .up{position: relative; height: 468px;}
#pieroPirelli .up h2{padding: 50px 0 54px;}
#pieroPirelli .up .quick-link{bottom: 50px;}
#pieroPirelli .dw{height: 330px;}
#pieroPirelli .dw .arrow_down{background: url("/mediaObject/corporate/common/aboutUs-history/arrow-next-down/original.png") 50% 0 no-repeat;}
#pieroPirelli .dw .video-ctr{margin:15px 0 0;}
#pieroPirelli .dw .abstract{padding:85px 0 0; width: 555px;}

/* SEZIONE 3: ALBERTO PIRELLI */
#albertoPirelli{height: 1043px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-lino-low/original.jpg") 50% 100% no-repeat;}
#albertoPirelli .up{height: 469px; position: relative;}
#albertoPirelli .up h2{padding: 48px 0 33px;}
#albertoPirelli .up .quick-link{bottom:15px;}
#albertoPirelli .dw{padding: 100px 0 0; height: 474px;}

/* SEZIONE 4: LEOPOLDO PIRELLI */
#leopoldoPirelli{height:1185px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-storia-sect04/original.jpg") 50% 100% no-repeat;}
#leopoldoPirelli .up{height: 470px; position: relative;}
#leopoldoPirelli .up h2{padding: 50px 0 50px;}
#leopoldoPirelli .up .quick-link{bottom:50px;}
#leopoldoPirelli .dw{height: 715px; position: relative;}
#leopoldoPirelli .dw h2{padding: 73px 0 0; color: #ffffff;}
#leopoldoPirelli .dw .articolo{position: absolute; top:189px; left: 310px;}
#leopoldoPirelli .dw .regola{position: absolute;}
#leopoldoPirelli .dw .regola .number{float:left; margin:0 8px 0 0; width:39px; height:39px;background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-number-regola/original.png") 0 0 no-repeat; font-size:19px; line-height:39px; font-family:'Gotham 5r','Gotham A','Gotham B','Gotham-Medium',Arial,Helvetica,sans-serif; font-weight:500; font-style:normal; /*font-weight:normal;*/ text-align: center; color: #ffffff;}
#leopoldoPirelli .dw .regola p{float:left; padding:8px 0 0; font-size: 25px; line-height: 25px; color:#ffdd00; letter-spacing: -1px;}
#regola1{top:242px; left:79px;}
#regola2{top:307px; left:5px;}
#regola3{top:376px; left:20px;}
#regola4{top:452px; left:61px;}
#regola5{top:515px; left:125px;}
#regola6{top:247px; right:165px;}
#regola7{top:294px; right:12px;}
#regola8{top:365px; right:10px;}
#regola9{top:436px; right:90px;}
#regola10{top:506px; right:0;}
#leopoldoPirelli .dw > a {position: absolute; bottom:58px; left:378px; padding: 0 30px 3px 0; background: url("/mediaObject/corporate/common/aboutUs-history/ico-quick-link/original.png") 100% 1px no-repeat; font-size:14px; line-height:14px; 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;}
#leopoldoPirelli .dw > a > span {border-bottom:1px solid #686b69;}

/* SEZIONE 5: BICOCCA */
#progetto-bicocca{height: 893px; background: #f5f5f5 url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-storia-sect05/original.jpg") 50% 0 no-repeat;}
#progetto-bicocca .up{height: 651px; position: relative;}
#progetto-bicocca .up h2{padding: 80px 0 60px; color: #ffffff;}
#progetto-bicocca .quick-link ul li,#progetto-bicocca .quick-link ul li a,#progetto-bicocca .quick-link p{color: #ffffff;}
#progetto-bicocca .dw{height: 242px;}
#progetto-bicocca .dw h2{padding: 55px 0 20px;}

/* SEZIONE 6: LUIGI EMANUELI */
#luigiEmanueli{height: 1100px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-lino-high/original.jpg") 50% 100% no-repeat;}
#luigiEmanueli .up{height: 469px; position:relative;}
#luigiEmanueli .up h2{padding: 40px 0 52px;}
#luigiEmanueli .up .abstract{width:600px;}
#luigiEmanueli .up .citazione{padding:0 0 30px; 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;*/}
#luigiEmanueli .up .quick-link{bottom:15px;}
#luigiEmanueli .dw{height: 631px;}
#luigiEmanueli .dw h2{padding: 70px 0 58px; color: #ffffff;}

/* SEZIONE 7: ARRIGO CASTELLANI */
#arrigoCastellani{height: 1077px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-lino-high/original.jpg") 50% 100% no-repeat;}
#arrigoCastellani .up{position: relative; height: 446px;}
#arrigoCastellani .up h2{padding: 50px 0 51px;}
#arrigoCastellani .up .quick-link{bottom:50px;}
#arrigoCastellani .dw{height: 631px;}
#arrigoCastellani .dw h2{padding: 60px 0 55px; color: #ffffff;}

/* SEZIONE 8: BRUNO MUNARI */
#brunoMunari{height: 870px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-gray/original.jpg") 50% 100% repeat-x;}
#brunoMunari .up{position:relative; height: 540px;}
#brunoMunari .up h2{padding: 50px 0 45px;}
#brunoMunari .up p{padding: 0 0 25px 0;}
#brunoMunari .up .quick-link{bottom:20px;}
#brunoMunari .up .quick-link p{padding: 0;}
#brunoMunari .dw{height: 330px;}
#brunoMunari .dw .arrow_down{background: url("/mediaObject/corporate/common/aboutUs-history/arrow-next-down/original.png") 50% 0 no-repeat;}
#brunoMunari .dw .video-ctr{margin: 15px 0 0;}
#brunoMunari .dw .abstract-right{padding: 80px 0 0; width: 545px;}

/* SEZIONE 9: RACCONTI DI GOMMA */
#racconti-gomma{height: 631px; background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/bkg-lino-high/original.jpg") 50% 0 no-repeat;}
#racconti-gomma .section-cnt{height: 631px;}
#racconti-gomma .arrow_down{background: url("/mediaObject/corporate/common/aboutUs-history/aboutUs-key-figures/arrow-next-gray/original.png") 50% 0 no-repeat;}
#racconti-gomma h2{padding: 20px 0 25px; color: #fff;}
#racconti-gomma figure{margin:0 auto; width: 583px; height: 445px;}
#racconti-gomma .quick-link{bottom:15px; right: 194px; left: auto;}
#racconti-gomma .quick-link ul li,#racconti-gomma .quick-link ul li a,#racconti-gomma .quick-link p{color: #ffffff;}