@charset "utf-8";
@import url("https://use.typekit.net/kac3pbd.css");
body, html {
    background:#E7E8E8;
    margin:0;
    padding:0;
    font-family: trade-gothic-next, sans-serif;
    font-weight: 300;
    font-style: normal;
}
.arrow {
    position: fixed;
    top: 10px;
    left: 14px;
    color: #000;
}
#timeline {
    font-size:12px;
    line-height:15px;
    display: flex;
    align-items: center;
    width: 22150px;
    height: 96vh;
    background:#E7E8E8;
}
#timeline .margin7 {
    margin: 0 0 7px 0;
}
#timeline p {
    margin: 0;
}
#timeline p span {
    font-weight: 700;
}
#timeline div {
    width: 170px;
    margin-left: 10px;
}
#timeline div:nth-of-type(1) {margin-left: 20px;width: 220px;}
#timeline div:nth-of-type(5) {width: 110px;}
#timeline div:nth-of-type(6) {margin-left: 0;}
#timeline div:nth-of-type(7), #timeline div:nth-of-type(29) {width: 220px;}
#timeline div:nth-of-type(10) {width: 160px !important;}
#timeline div:nth-of-type(11), #timeline div:nth-of-type(101) {width: 142px;}
#timeline div:nth-of-type(13) {width: 138px;}
#timeline div:nth-of-type(17) {width: 160px;}
#timeline div:nth-of-type(19) {width: 197px;}
#timeline div:nth-of-type(20), #timeline div:nth-of-type(28), #timeline div:nth-of-type(76), #timeline div:nth-of-type(78) {width: 260px !important;}
#timeline div:nth-of-type(21), #timeline div:nth-of-type(41) {width: 167px;}
#timeline div:nth-of-type(95), #timeline div:nth-of-type(97), #timeline div:nth-of-type(23) {width: 158px;}
#timeline div:nth-of-type(25) {width: 148px;}
#timeline div:nth-of-type(27) {width: 144px;}
#timeline div:nth-of-type(31) {width: 214px;}
#timeline div:nth-of-type(33) {width: 159px;}
#timeline div:nth-of-type(35) {width: 140px;}
#timeline div:nth-of-type(37), #timeline div:nth-of-type(87) {width: 165px;}
#timeline div:nth-of-type(39), #timeline div:nth-of-type(61), #timeline div:nth-of-type(105) {width: 210px;}
#timeline div:nth-of-type(34), #timeline div:nth-of-type(26), #timeline div:nth-of-type(50), #timeline div:nth-of-type(62), #timeline div:nth-of-type(82), #timeline div:nth-of-type(92), #timeline div:nth-of-type(96), #timeline div:nth-of-type(100) {width: 220px !important;}
#timeline div:nth-of-type(52) {width: 180px !important;}
#timeline div:nth-of-type(54), #timeline div:nth-of-type(80), #timeline div:nth-of-type(84) {width: 240px !important;}
#timeline div:nth-of-type(55) {width: 153px;}
#timeline div:nth-of-type(57), #timeline div:nth-of-type(59), timeline div:nth-of-type(63), #timeline div:nth-of-type(79) {width: 180px;}
#timeline div:nth-of-type(71), #timeline div:nth-of-type(75), #timeline div:nth-of-type(77) {width: 178px;}
#timeline div:nth-of-type(47) {width: 123px;}
#timeline div:nth-of-type(61), #timeline div:nth-of-type(103) {width: 190px;}
#timeline div:nth-of-type(68) {width: 100px !important;}
#timeline div:nth-of-type(70) {width: 120px !important;}
#timeline div:nth-of-type(81), #timeline div:nth-of-type(83), #timeline div:nth-of-type(91) {width: 200px;}
#timeline div:nth-of-type(85) {width: 195px;}
#timeline div:nth-of-type(89) {width: 150px;}
#timeline div:nth-of-type(66), #timeline div:nth-of-type(74), #timeline div:nth-of-type(90) {width: 130px !important;}
#timeline div:nth-of-type(99) {width: 146px;}
#timeline div:nth-of-type(104) {width: 340px !important;}

.cien {
    font-weight: 700;
    text-align: center;
    border: #ccc dotted 2px;
    padding: 10px 0;
    margin-top: 20px;
}
.cien img {
    width: 100px !important;
}

#timeline div:nth-child(even) {
    margin-right: 50px;
    width: 150px;
}
#timeline div img {
    width: 100%;
}
#timeline .img-logo {
    margin-top: 20px;
    width: 165px;
}

.contenedor-linea {
    width: 21920px;
    display: flex;
    justify-content: space-between;
    margin: -70px 0 0 17px;
}
.contenedor-linea .year {
    font-weight:700;
    color:#EC1C24;
    font-size:16px;
    letter-spacing: 1px;
    background:url(../images/timeline/circle.png) no-repeat 30px 25px;
    text-align:center;
    width:70px;
    height:60px;
}
.contenedor-linea div:nth-of-type(1),
.contenedor-linea div:nth-of-type(36) {
    font-size: 32px;
    margin-top: -16px;
    background:url(../images/timeline/circle.png) no-repeat 30px 41px;
}
.linea {
    height:1px;
    width:21850px;
    background:#000;
    margin: -27px 0 0 50px;
}