/* RESET CSS HEADER */
body { background-color:#e6e7e8!important; }
.site #contouter { background: url("../_images/bg-header-timeline.jpg") repeat-x scroll 0 0 transparent!important; }
#header #avatars { display: none!important; }
.site #header #access { display: none!important; }
.site #header { height: 260px!important; }
.site #header #headerinner #search { background-color: #414042!important; }
.site #header h1 { background-position: -756px -310px!important; }

div#balao.dp-1950, div#balao.dp-1960,div#balao.dp-1970,div#balao.dp-1980,div#balao.dp-1990,div#balao.dp-2000,div#balao.dp-2010{ background: url('../_images/box-timeline.png?v=2') no-repeat scroll 0 0; }
div#linha_tempo .d-1950 h2, div#linha_tempo .d-1960 h2, div#linha_tempo .d-1970 h2, div#linha_tempo .d-1980 h2, div#linha_tempo .d-1990 h2, div#linha_tempo .d-2000 h2, div#linha_tempo .d-2010 h2 { background: url('../_images/anos-timeline.gif') no-repeat scroll 0 0; }

/* TIMELINE */
div#container { width: 990px; height: 760px; }
div#container_timeline { width: 990px; margin: 0 auto; height: 663px; clear:both; }
div#container_timeline div.dates { background-image:url(../_images/dates.png); width:15px; height:300px; float:left; margin-top: 349px; }
div#container_timeline div.dates { *margin-top: 351px; } /* IE7 IE6 */
#entrar { height: 39px; width: 178px; top: 280px; position: absolute; margin-left: 406px;}
#entrar a { background: url("../_images/entrar-home.gif") no-repeat scroll 0 0 transparent; display: block; height: 39px; text-indent: -15000px; width: 178px; }
div#linha_tempo { float: left; margin: 0 11px; }
div#linha_tempo h2.ano { display: block; height: 65px; text-indent: -15000px; margin: 15px auto; }
div#linha_tempo .d-1950 h2 { background-position: 0 0; width: 103px; }
div#linha_tempo .d-1960 h2 { background-position: 0 -88px; width: 105px; }
div#linha_tempo .d-1970 h2 { background-position: 0 -177px; width: 103px; }
div#linha_tempo .d-1980 h2 { background-position: 0 -273px; width: 110px; }
div#linha_tempo .d-1990 h2 { background-position: 0 -364px; width: 111px; }
div#linha_tempo .d-2000 h2 { background-position: 0 -444px; width: 112px; }
div#linha_tempo .d-2010 h2 { background-position: 0 -523px; width: 105px; }
div#linha_tempo .d-1990 .personagem a img { position: absolute; right: -12px; top: 0; }
div#linha_tempo h3 {font-weight:normal;}
div#linha_tempo .even { color:#1f50b2; background-color: #d4d5d6; }
div#linha_tempo .odd { color:#3fa701; }
div#linha_tempo div.decada { float:left; width: 134px; padding-top: 64px; }
div#linha_tempo div.decada { *height: 602px; } /* IE7 IE6 */
div#linha_tempo div.decada ul li{width:30px; list-style:none;}
div#linha_tempo div.decada ul li ul li { padding:0px !important; }
div#linha_tempo div.decada ul li.first { border-top: solid 1px #FFF;  height: 31px!important; }
div#linha_tempo div.decada ul li.coluna_ano { border-bottom: solid 1px #FFF; width: 134px; height: 31px;  }
div#linha_tempo div.decada ul li.coluna_ano { *height: 28px; } /* IE7 IE6 */
div.personagem{ height: 178px; width: 134px; text-align:center; position:relative; }/*
div.personagem div.informacao{ height: 84px; left: -355px; position: absolute; top: 0; width: 274px; z-index: 999; }
div.personagem div.informacao_right{ position:absolute; bottom: 456px; left: 175px; }*/
div#linha_tempo div.decada ul li ul li { display:block; height:25px; width:8px; float:left; margin: 3px 0 3px 8px; }
div#linha_tempo div.decada ul li ul li { *height:20px; *margin:3px 0 3px 8px; } /* IE7 IE6 */
div#linha_tempo div.decada ul li ul li a{ display: block; text-indent:-9999px; width: 8px; height:25px; }
div#linha_tempo div.d-1950 ul li ul li { background-color: #f9a7a7; }
div#linha_tempo div.d-1960 ul li ul li { background-color: #a0c5d8; }
div#linha_tempo div.d-1970 ul li ul li { background-color: #e0a773; }
div#linha_tempo div.d-1980 ul li ul li { background-color: #d18bae; }
div#linha_tempo div.d-1990 ul li ul li { background-color: #9abc7d; }
div#linha_tempo div.d-2000 ul li ul li { background-color: #f7aacd; }
div#linha_tempo div.d-2010 ul li ul li { background-color: #ffb469; }


div#linha_tempo div.d-1950 ul li ul li:hover { background-color: #f9c1c1; }
div#linha_tempo div.d-1960 ul li ul li:hover { background-color: #abd3e7; }
div#linha_tempo div.d-1970 ul li ul li:hover { background-color: #f5b77d; }
div#linha_tempo div.d-1980 ul li ul li:hover { background-color: #ed9fc6; }
div#linha_tempo div.d-1990 ul li ul li:hover { background-color: #b4db91; }
div#linha_tempo div.d-2000 ul li ul li:hover { background-color: #ffb8d8; }
div#linha_tempo div.d-2010 ul li ul li:hover { background-color: #ffc58b; }
div#balao a h4, div.informacao a h4:active {color: #000; text-decoration: none;}
div.decada .informacao { display: none; }
div#balao img { margin-right: 5px; float: left; }
div#balao div { height:75px; text-align: left; }
div#balao div h4 { font-family: Arial; font-size: 13px; font-weight: bold; clear: none; line-height: 15px; text-decoration: none; }
div#balao.d-1950 div h4 { color: #f9a7a7; }
div#balao.d-1960 div h4 { color: #a0c5d8; }
div#balao.d-1970 div h4 { color: #e0a773; }
div#balao.d-1980 div h4 { color: #d18bae; }
div#balao.d-1990 div h4 { color: #9abc7d; }
div#balao.d-2000 div h4 { color: #f7aacd; }
div#balao.d-2010 div h4 { color: #ffb469; }
div#balao div p { font-family: Arial; font-size: 11px; color: #000; }
div#balao a{ text-decoration: none !important; }
div.sem_foto div{ padding-left:10px; }
div#balao { position:absolute; width: 270px; height: 85px;}
div#balao.dp-1950 { background-position: -350px -750px; padding: 20px 50px 22px 45px; }
div#balao.dp-1960 { background-position: -350px -625px; padding: 20px 50px 22px 45px; }
div#balao.dp-1970 { background-position: -350px -500px; padding: 20px 50px 22px 45px; }
div#balao.dp-1980 { background-position: 0 0px; padding: 20px 50px 22px 30px; }
div#balao.dp-1990 { background-position: 0 -125px; padding: 20px 50px 22px 30px; }
div#balao.dp-2000 { background-position: 0 -250px; padding: 20px 50px 22px 30px; }
div#balao.dp-2010 { background-position: 0 -375px; padding: 20px 50px 22px 30px; }

div.informacao_right{  left: -306px; background:url('../_images/bg/informacao_right.png') center bottom no-repeat; }