@charset "utf-8"; 
html{font-size:100.01%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,hr,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfont,thead,tr,th,td{padding:0;margin:0;border:0;outline:0;vertical-align:baseline;font-family:inherit;font-size:100%}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6{font-weight:normal}textarea,input,select{font-family:inherit;font-size:1em}blockquote,q{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:'';content:none}ol,ul{list-style:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left}:focus{outline:0}header,nav,section,article,aside,footer{display:block}
/* CSS Document */
body {
	/*font-family: 'Source Sans Pro', source-sans-pro, sans-serif;*/
	font-family: 'Franklin', sans-serif;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
	background: #ffffff;
	text-align:center
}



@font-face{
    font-family: 'nexa-black';
    src: url('../../fonts/Nexa-Black.otf');
}

@font-face{
    font-family: 'nexa-bold';
    src: url('../../fonts/Nexa-Bold.otf')
}

@font-face {
    font-family: 'nexa-regular';
    src: url('../../fonts/Nexa-Regular.otf')
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////// VIDA Y OBRA ///////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#linea-de-tiempo{
    width:920px;
    height:auto;
    margin:0 auto;
    background:#fff;
}


#linea-de-tiempo #contenedor {
    line-height: 1;
} /*overflow: hidden;*/


#linea-de-tiempo h1,
#linea-de-tiempo h2,
#linea-de-tiempo h3 {
    width:183px;
    height:35px;
    margin:0;
    padding:15px 0 0 25px;
    color:#fff;
    font-size:16px;
    font-family: 'nexa-black', sans-serif;
    /* font-weight:100;  */
    text-align:left; 
    clear:both; 
    position:absolute;
    z-index:3
}
#linea-de-tiempo h4 {
    width:183px;
    height:35px;
    margin:0;
    padding:15px 0 0 25px;
    color:#fff;
    font-size:16px;
    font-family: 'Source Sans Pro', source-sans-pro, sans-serif;
    font-weight:100;
    text-align:left;
    float:left;
}

/*#linea-de-tiempo h1{ background:#43525a; margin-top:0px;}
#linea-de-tiempo h2{ background:#67737a; margin-top:50px;}
#linea-de-tiempo h3{ background:#848e93; margin-top:100px;}*/
#linea-de-tiempo h1{ color:#000; background:#fff; margin-top:0px; border-top: 2px solid #000;}
#linea-de-tiempo h2{ color:#000; background:#f1f1f1; margin-top:50px;}
#linea-de-tiempo h3{ color:#000; background:#fff; margin-top:100px;}

/*#linea-de-tiempo #contenedor #vida-de-sarmiento{width:5808px; height:50px; float:left; background:#43525a; color:#fff; margin:-200px 0 0 0 !important; }*/
#linea-de-tiempo #contenedor #vida-de-sarmiento{width:5340px; height:50px; float:left; background:#fff; color:#000; margin:-200px 0 0 0 !important; padding: 10px 0px;     border-top: 2px solid #000;}
/*#linea-de-tiempo #contenedor #en-el-pais{width:5808px; height:50px; float:left; background:#67737a; color:#fff; margin:-150px 0 0 0 !important; }*/ 
#linea-de-tiempo #contenedor #en-el-pais{width:5340px; height:50px; float:left; background:#f1f1f1; color:#fff; margin:-150px 0 0 0 !important; } 
/*#linea-de-tiempo #contenedor #en-el-mundo{width:5340px; height:50px;  float:left; background:#848e93; color:#fff; margin:-100px 0 0 0 !important; }*/
#linea-de-tiempo #contenedor #en-el-mundo{width:5340px; height:50px;  float:left; background:#fff; color:#fff; margin:-100px 0 0 0 !important; }
#linea-de-tiempo #contenedor #tiempos{width:5340px; height:70px; float:left; background:#fff; color:#fff; margin:-50px 0 0 0 !important; border-top: 2px solid #000;}
#linea-de-tiempo #contenedor #tiempos-rangos{width:5100px; height:70px; float:left; background:#fff; color:#1d1d1b;}
#linea-de-tiempo #contenedor #tiempos #linea{width: 5100px;height: 5px;border-bottom: 1px dashed #000;margin: -52px 0 0 0px !important;position: absolute;}


#linea-de-tiempo #contenedor ul.marcados {
    width:5100px;
    height:217px;
    margin:-17px 0 0 210px !important;
    padding:0; 
    float:left;
}

#linea-de-tiempo #contenedor ul.marcados li{width:40px; height:217px; margin:0; padding:17px 0 0 0; float:left}
#linea-de-tiempo #contenedor ul.marcados li.dotted{ margin:0 0 0 30px; color:#fff; }
#linea-de-tiempo #contenedor ul.marcados li p a{ color:#fff; text-decoration:none; }
#linea-de-tiempo #contenedor ul.marcados li .vida{ margin:-150px 0 0 12px; position:relative; font-size:20px; float:left}
#linea-de-tiempo #contenedor ul.marcados li .pais{ margin:-100px 0 0 12px; position:relative;  font-size:20px;float:left}
#linea-de-tiempo #contenedor ul.marcados li .mundo{ margin:-50px 0 0 10px; position:relative; font-size:20px;float:left}
/*#linea-de-tiempo #contenedor ul.marcados li p.linea{ top:0; margin:0px 0 0 18px; width:2px; height:150px; border-left:1px dashed #FFFFFF; position:relative; }*/
#linea-de-tiempo #contenedor ul.marcados li .linea{ top:0; margin:0px 0 0 18px; width:2px; height:150px; border-left:1px dashed #999; position:relative; }



#linea-de-tiempo #contenedor ul.anios{
    width:5100px;
    height:70px;
    margin-left: 223px;
}


#linea-de-tiempo #contenedor ul.anios li{width:70px; height:70px; margin:0; padding:0 0 0 0; float:left}
#linea-de-tiempo #contenedor ul.anios li p{
    color:#000; 
    font-size:11px; 
    font-family: 'nexa-regular', sans-serif;
    font-weight:600; text-align:center; 
    clear:both; 
    margin:0 0 0 0;
}
#linea-de-tiempo #contenedor ul.anios li p.dot{font-family: 'Franklin', sans-serif; font-size:40px;font-weight:400;line-height: 0.8em; margin-top: 7px;}
.strong{ font-weight:600; font-size:16px}

.bg-dadada{
    background-color: #dadada;
}
.bg-ececed{
    background-color: #ececed;
}

/* #linea-de-tiempo #contenedor ul.rangos{ width:5600px; height:70px; margin-left: 208px;}
#linea-de-tiempo #contenedor ul.rangos li{height:auto; margin:0; padding:0 0 0 0; float:left; font-family: 'periodico', serif; font-weight:600;font-size:40px;text-align: center; color: #1d1d1b; line-height: 70px;}
#linea-de-tiempo #contenedor ul.rangos li.rango-a{width: 1330px; background:#dadada;}
#linea-de-tiempo #contenedor ul.rangos li.rango-b{width: 1050px; background-color: #ececed;}
#linea-de-tiempo #contenedor ul.rangos li.rango-c{width: 280px; background:#dadada;}
#linea-de-tiempo #contenedor ul.rangos li.rango-d{width: 1050px; background-color: #ececed;}
#linea-de-tiempo #contenedor ul.rangos li.rango-e{width: 280px; background:#dadada;}
#linea-de-tiempo #contenedor ul.rangos li.rango-f{width: 490px; background-color: #ececed;}
#linea-de-tiempo #contenedor ul.rangos li.rango-g{width: 1120px; background:#dadada;} */


#linea-de-tiempo .btnIzq{ width:30px; height:46px; background:#ededed url(../lvds-arrows.gif) -7px 0px no-repeat; position:absolute; margin:60px 0 0 -22px; display:block; z-index:4; border-radius: 6px; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius-: 6px; cursor:pointer}
#linea-de-tiempo .btnDer{ width:30px; height:46px; background:#ededed url(../lvds-arrows.gif) -47px 0px no-repeat; position:absolute; display:block; z-index:4; border-radius: 6px; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius-: 6px;cursor:pointer} 

/*#linea-de-tiempo #contenedor .infancia-y-juventud{ width:1160px; height:auto; padding:5px 20px; text-align:left; font-size:12px; color:#848e93; margin:12px 0 -37px 235px; background:#333f45; z-index:0; position:relative; float:left; }*/
/* #linea-de-tiempo #contenedor .exilios{ width:735px; height:auto; padding:5px 20px; text-align:left; font-size:12px; color:#fff; margin:12px 0 -37px 1640px; background:#dbdcdd; z-index:0; position:relative; float:left; }
#linea-de-tiempo #contenedor .viajes{ width:175px; height:auto; padding:5px 20px; text-align:left; font-size:12px; color:#fff; margin:12px 0 -37px 2620px; background:#dbdcdd; z-index:0; position:relative; float:left; }
#linea-de-tiempo #contenedor .vida-en-chile{ width:545px; height:auto; padding:5px 220px; text-align:left; font-size:12px; color:#fff; margin:12px 0 -37px 2900px; background:#dbdcdd; z-index:0; position:relative; float:left; }
#linea-de-tiempo #contenedor .reconocimiento{ width:100px; height:auto; padding:5px 20px; text-align:left; font-size:12px; color:#fff; margin:12px 0 -37px 3955px; background:#dbdcdd; z-index:0; position:relative; float:left; }
#linea-de-tiempo #contenedor .presidencia{ width:170px; height:auto; padding:5px 20px; text-align:left; font-size:12px; color:#fff; margin:12px 0 -37px 4235px; background:#dbdcdd; z-index:0; position:relative; float:left; }
#linea-de-tiempo #contenedor .ultimos-anios{ width:670px; height:auto; padding:5px 120px; text-align:left; font-size:12px; color:#fff; margin:12px 0 -37px 4723px; background:#dbdcdd; z-index:0; position:relative; float:left; } */




#linea-de-tiempo #contenedor .texto-entre-puntos {
    font-family: 'nexa-regular';
    height:auto;
    padding: 5px 20px 3px 20px;
    text-align:center;
    font-size:10px;
    color:#fff;
    background:#dbdcdd;
    z-index:0;
    position:relative;
    float:left;
}
#linea-de-tiempo #contenedor .pupilo-san-jose{
    width:100px;
    margin:19px 0 -37px 1028px;
}

#linea-de-tiempo #contenedor .museo-antropologico{
    width: 170px;
    margin:19px 0 -37px 2288px;
    top: 49px;
}
#linea-de-tiempo #contenedor .viajes-diplomaticos{
    width: 383px;
    margin:19px 0 -37px 3336px;
    top: 49px;
}
#linea-de-tiempo #contenedor .cantinas-escolares{
    width: 313px;
    margin:19px 0 -37px 3967px;
    top: 100px;
}
#linea-de-tiempo #contenedor .museo-de-la-plata{
    width: 1353px;
    margin: 19px 0 -37px 2496px;
    padding-left: 100px;
    text-align: left;
    position: absolute;
    /* font-size: 20px; */
    /* top: 242px; */
    /* left: 308px; */
    /* height: 40px; */
    /* top: 100px; */
}



.fs{
font-size: 16px;
padding-top: 18px;
color: #000;
}
.fs:before {
    background-color: #f1f1f1;
    border-radius: 50%;
}

.tooltip.tt-1881,
.tooltip.tt-1883,
.tooltip.ml-0 {
    margin-left: 0;
}

.tooltip {
    position: relative;
    margin: 0px 2px 0px -2px;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 260px;
    background-color: #555;
    color: #fff;
    text-align: left;
    padding: 20px;
    position: absolute;
    z-index: 500;
    bottom: 90%;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 1s;
    font-size: 13px;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border-width: 15px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
.tiempo-anio{
    font-family: 'nexa-bold';
    font-size: 30px;
}

.tooltip:hover .tooltiptext p:first-of-type {
    /* font-family: 'nexa-regular'; */
    border-top: 2px solid #fff;
    /* padding-top: 10px; */
    /* margin-top: 10px; */
    /* line-height: 1.3em; */
}

.tooltip:hover .tooltiptext p {
    font-family: 'nexa-regular';
    border-top: 1px solid #fff;
    padding-top: 10px;
    margin-top: 10px;
    line-height: 1.3em;
}



#parche-blanco{
    background: #fff;
    position: fixed;
    width: 243px;
    height: 100px;
    z-index: 10;
    top: 380px;
}