*{
	color : #47423a;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration : none;
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	list-style : none;
	border : none;
}
body{
	background-color : #fff;
	background-image : url(https://www.terra.com.br/turismo/infograficos/paises-asia-oceania-copa/img/bg.gif);
	background-repeat : repeat-x;
}

#topo{
	background-color : #ff9900;
	position : absolute;
	width : 1000px;
	height : 30px;
	left : 0;
	top: 0;
	display : block;
	background-image : url(img/terra.gif);
}
#topo a{
	display : block;
	width : 300px;
	float : left;
	height : 30px;
	overflow : hidden;
	text-indent : -60000px;
}
#banner{
	position :  absolute;
	left : 131px;
	top : 40px;
	width : 728px;
	height : 90px;
	z-index : 20;
}
#banner #banner{
	top : 0;
	left : 0;
}
h1{
	background-image : url(https://sdp.terra.com.br/image/klavika?c=ph&t=Caso%20Bruno);
	position : absolute;
	width : 840px;
	height : 40px;
	left : 15px;
	top : 150px;
	z-index : 2;
}
h1 a{
	display : block;
	width : 500px;
	height : 40px;
	float : left;
	text-indent : -6000px;
	overflow : hidden;
}

/*menu*/
#prox_ant{
	position : absolute;
	left : 910px;
	top : 230px;
	z-index : 12;
	display : block;
	width : 52px;
	height : 26px; 
}
#prox_ant a{
	display : block;
	position : absolute;
	width : 24px;
	height : 24px;
	margin : 1px;
}
#prox_ant a:hover{
	background-position : 0 -24px;
}
#prox_ant a.pro{	background-image : url(img/prox.gif); left : 26px; top : 1px}
#prox_ant a.ant{	background-image : url(img/ant.gif); left : 0; top : 1px;}


/*menu*/
#menu{
	position : absolute;
	left : 0;
	top : 185px;
	width : 1000px;
	height : 40px;
	border-top : 1px solid #d5d0cb;
	z-index : 20;
}
#menu h2{
	width : auto;
	height : 40px;
	line-height : 40px;
	float : left;
}
#menu h2 a{
	width : auto;
	height : 13px;
	line-height : 13px;
	float : left;
	margin : 8px 0 0 0;
	padding : 0 12px;
	border-right : 1px solid #bbb7b3;
	color : #5d5850;
	display : block;
}

#menu h2.mne a,
#menu h2 a:hover,
#menu h2#sel a{
	color : #ff9900;
}
#menu h2.mne,
#menu h2.mne a{
	float : right;
	padding : 0 7px;
	border : none;
}
#menu h2.mne a:hover{	text-decoration : underline;}
#menu h2.mn2{	display : none;}

/*submenu*/
a#linkao,
#info{
	width : 1000px;
	height : 600px;
	position : absolute;
	left : 0;
	top : 221px;
	display : block;
	z-index : 9;
	border-top : 1px dotted #eceae7;
}
a#linkao{
	z-index : 10;
	background-image : url(img/x.gif);
	border : none;
}
a#linkao.linhadotempo{
	top : 321px;
	height : 500px;
}
/*capa*/

#info.capa #texto{
	width : 320px;
	display : block;
	position : absolute;
	left : 600px;
	top : 10px;
	overflow : visible;
	z-index : 4;
	border : none;
}
#info.capa #texto p{
	margin : 10px 0
}
#info.capa #texto h2{	font-size : 26px;}
#info.capa{	
	background-image : url(img/capa.jpg);
	background-position : 5px 5px;
}

#legenda {
	position : absolute;
	left : 20px;
	top : 470px;
	background-color : #d8d4cf;
	color: #47423a;
	font-size : 11px;
	line-height : 14px;
	width : 300px;
	height : 82px;
	padding : 5px;
}
#legenda strong{
	color : #666;
	font-size : 10px;
	font-weight : normal;
}
#legenda.capa {
	position : absolute;
	left : 5px;
	top : 460px;
	width : 540px;
	height : 32px;
	padding : 5px;
}
#texto{
	width : 620px;
	height : 450px;
	position : absolute;
	left : 330px;
	top : 35px;
	display : block;
	overflow : hidden;
}
#texto p{
	margin : 7px 0 0 0;
	line-height : 17px;
	font-size : 13px;
}
#texto p strong{
	font-size : 13px;
}
#info.capa #texto p{
	margin : 8px 0 0 0;
	line-height : 16px;
	font-size : 12px;
}
#texto p a{
	font-size : 17px;
	color : #ff9900;
	font-weight : bold;
}
#texto p a:hover{
	text-decoration : underline;
}
#texto p.data{
	font-weight : bold;
	color : #978e81;
	margin : 10px 0 0 0;
	
}


#credito{
	font-size : 10px;
	color : #beb7af;
	position : absolute;
	left : 20px;
	top : 25px;
}




/*mais*/

#info.mais #texto{
	top : 0px;
	left : 5px;
	width : 965px;
	padding-right : 0px;
	height : 800px;
	border : none;
	overflow : hidden;
}

#info.mais #texto p{
	float : left;
	margin : 6px 2px;
}
#info.mais #texto p,
#info.mais #texto p a{
	width : 180px;
	display : block;
	height : 82px;
	font-weight : bold;
	line-height : 12px;
	font-size : 11px;
	color : #47423a;
}
#info.mais #texto p a:hover{
	color : #ff9900;
	text-decoration : none;
}
#info.mais #texto p a img{
	border : 3px solid #fff;
	float : left;
	margin : 0 5px 0 0;
}
#info.mais #texto p a:hover img{
	border : 3px solid #ff9900;
}
#info.mais #texto h2{
	font-size : 18px;
	margin : 0 0 0 5px;
	width : 750px;
	height : 45px;
	line-height : 45px;
}

#info.interna.crimes01 #texto {	background-image : url(img/foto01a.jpg);}
#info.interna.crimes02 #texto{	background-image : url(img/foto02.jpg);}

#info.interna.crimes04 #texto{	background-image : url(img/foto04.jpg);}
#info.interna.crimes05 #texto{	background-image : url(img/foto01.jpg);}

#info.interna.crimes09 #texto{	background-image : url(img/foto05.jpg);}

#info.interna.crimes12 #texto{	background-image : url(img/foto12.jpg);}
#info.interna.crimes13 #texto{	background-image : url(img/foto07.jpg);}
#info.interna.crimes14 #texto{	background-image : url(img/foto16.jpg);}

#info.interna.crimes16 #texto{	background-image : url(img/foto06.jpg);}
#info.interna.crimes17 #texto{	background-image : url(img/foto08.jpg);}
#info.interna.crimes18 #texto{	background-image : url(img/foto09.jpg);}
#info.interna.crimes19 #texto{	background-image : url(img/foto10.jpg);}
#info.interna.crimes20 #texto{	background-image : url(img/foto15.jpg);}
#info.interna.crimes21 #texto{	background-image : url(img/foto14.jpg);}
#info.interna.crimes22 #texto{	background-image : url(img/foto17.jpg);}
#info.interna.crimes23 #texto{	background-image : url(img/foto23.jpg);}
#info.interna.crimes24 #texto{	background-image : url(img/foto24.jpg);}
#info.interna.crimes25 #texto{	background-image : url(img/foto25.jpg);}
#info.interna.crimes26 #texto{	background-image : url(img/foto26.jpg);}
#info.interna.crimes27 #texto{	background-image : url(img/foto27.jpg);}
#info.interna.crimes28 #texto{	background-image : url(img/foto28.jpg);}
#info.interna.crimes29 #texto{	background-image : url(img/foto29.jpg);}
#info.interna.crimes30 #texto{	background-image : url(img/foto30.jpg);}
#info.interna.crimes31 #texto{	background-image : url(img/foto31.jpg);}
#info.interna.crimes32 #texto{	background-image : url(img/foto32.jpg);}
#info.interna.crimes33 #texto{	background-image : url(img/foto33.jpg);}
#info.interna.crimes34 #texto{	background-image : url(img/foto34.jpg);}
#info.interna.crimes35 #texto{	background-image : url(img/foto35.jpg);}
#info.interna.crimes36 #texto{	background-image : url(img/foto36.jpg);}
#info.interna.crimes37 #texto{	background-image : url(img/foto37.jpg);}
#info.interna.crimes38 #texto{	background-image : url(img/foto38.jpg);}
#info.interna.crimes39 #texto{	background-image : url(img/foto39.jpg);}
#info.interna.crimes40 #texto{	background-image : url(img/foto40.jpg);}
#info.interna.crimes41 #texto{	background-image : url(img/foto41.jpg);}
#info.interna.crimes42 #texto{	background-image : url(img/foto42.jpg);}
#info.interna.crimes43 #texto{	background-image : url(img/foto43.jpg);}
#info.interna.crimes44 #texto{	background-image : url(img/foto44.jpg);}
#info.interna.crimes45 #texto{	background-image : url(img/foto45.jpg);}

span.continua{
	position : absolute;
	left : 945px;
	top : 630px;
	height : 25px;
	width : 25px;
	line-height : 22px;
	font-size : 13px;
	font-weight : bold;
	color : #fff;
	background-color : #ff9900;
	display : block;
	text-align : center;
	z-index : 20;
}
span.continua hover{
	background-color : #fff;
	color : #ff9900;
}


/*compartilhar*/

#avatar{
	width : 1px;
	height : 1px;
	display : block;
	overflow : hidden;
	visibility : hidden;
	display : none;
}
#avatar p img{
	display : none;
}


#compartilhar {
	background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/compartilhar.gif) no-repeat 0 top;
	right : 20px;
	padding-left : 80px;
	top : 155px;
	position : absolute;
	z-index : 100;
	background-repeat : no-repeat;
	background-position : 0 -5px;
}
#facebook,
#twitter,
#orkut {
	display:block;
	float:left;
	width:20px;
	height:30px;
	margin : 0 2px ;
	background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/facebook.gif);
	text-indent:-5000px;
	overflow:hidden;

}
#twitter { background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/twitter.gif); }
#orkut {	background:url(https://www.terra.com.br/esportes/infograficos/selecoes-da-copa/img/orkut.gif);	text-indent:0;}
#orkut img {	-moz-opacity:.01;	filter:alpha(opacity=01);	opacity:.01;}
#facebook:hover, #twitter:hover, #orkut:hover { background-position:0 -30px; width : 102px;}
#img-post {	position:absolute;	left:-5000px;	top:-5000px;}
#compartilhar a{	background-repeat : no-repeat!important;}




#linhadotempo{
	width : 1000px;
	height : 91px;
	z-index : 32;

}
#linhadotempo h2,
#linhadotempo h2 a{
	width : 11px;
	height : 30px;
	display : block;
	overflow : hidden;
}
#linhadotempo h2{
	position : absolute;
	top : 62px;
}
#linhadotempo h2 a{
	background-image : url(img/data.gif);
}
#linhadotempo h2 a:hover{
	background-position : 0 -30px;
}
#info.interna{
	background-image : url(img/cronologia3.gif);
	height : 620px;
}
#info.interna #texto{
	top : 100px;
	left : 20px;
	width : 940px;
	height : 460px;
}
#info.interna #texto h2,
#info.interna #texto h3{
	position : absolute;
	left : 330px;
	width : 550px;
}
#info.interna #texto h2{
	font-size : 14px;	top : 80px;

}
#info.interna #texto h3{
	font-size : 12px;
	top : 50px;
	color : #7f7871;
}
.tempo01{	left : 230px;}
.tempo02{	left : 245px;}
.tempo03{	left : 260px;}
.tempo04{	left : 275px;}
.tempo05{	left : 290px;}
.tempo06{	left : 305px;}
.tempo07{	left : 320px;}
.tempo08{	left : 335px;}
.tempo09{	left : 350px;}
.tempo10{	left : 365px;}
.tempo11{	left : 380px;}
.tempo12{	left : 395px;}
.tempo13{	left : 410px;}
.tempo14{	left : 425px;}
.tempo15{	left : 440px;}
.tempo16{	left : 505px;}
.tempo17{	left : 65px;}
.tempo18{	left : 520px;}
.tempo19{	left : 535px;}
.tempo20{	left : 550px;}
.tempo21{	left : 565px;}
.tempo22{	left : 580px;}
.tempo23{	left : 595px;}
.tempo24{	left : 610px;}
.tempo25{	left : 625px;}
.tempo26{	left : 640px;}
.tempo27{	left : 655px;}
.tempo28{	left : 670px;}
.tempo29{	left : 685px;}
.tempo30{	left : 700px;}
.tempo31{	left : 715px;}
.tempo32{	left : 730px;}
.tempo33{	left : 745px;}
.tempo34{	left : 760px;}
.tempo35{	left : 775px;}
.tempo36{	left : 790px;}
.tempo37{	left : 805px;}
.tempo38{	left : 820px;}
.tempo39{	left : 835px;}
.tempo40{	left : 850px;}
.tempo41{	left : 875px;}
.tempo42{	left : 890px;}
.tempo43{	left : 905px;}
.tempo44{	left : 920px;}
.tempo45{	left : 935px;}


#info.interna.crimes01 #linhadotempo h2.tempo01 a,
#info.interna.crimes02 #linhadotempo h2.tempo02 a,
#info.interna.crimes03 #linhadotempo h2.tempo03 a,
#info.interna.crimes04 #linhadotempo h2.tempo04 a,
#info.interna.crimes05 #linhadotempo h2.tempo05 a,
#info.interna.crimes06 #linhadotempo h2.tempo06 a,
#info.interna.crimes07 #linhadotempo h2.tempo07 a,
#info.interna.crimes08 #linhadotempo h2.tempo08 a,
#info.interna.crimes09 #linhadotempo h2.tempo09 a,
#info.interna.crimes10 #linhadotempo h2.tempo10 a,
#info.interna.crimes11 #linhadotempo h2.tempo11 a,
#info.interna.crimes12 #linhadotempo h2.tempo12 a,
#info.interna.crimes13 #linhadotempo h2.tempo13 a,
#info.interna.crimes14 #linhadotempo h2.tempo14 a,
#info.interna.crimes15 #linhadotempo h2.tempo15 a,
#info.interna.crimes16 #linhadotempo h2.tempo16 a,
#info.interna.crimes17 #linhadotempo h2.tempo17 a,
#info.interna.crimes18 #linhadotempo h2.tempo18 a,
#info.interna.crimes19 #linhadotempo h2.tempo19 a,
#info.interna.crimes20 #linhadotempo h2.tempo20 a,
#info.interna.crimes21 #linhadotempo h2.tempo21 a,
#info.interna.crimes22 #linhadotempo h2.tempo22 a,
#info.interna.crimes23 #linhadotempo h2.tempo23 a,
#info.interna.crimes24 #linhadotempo h2.tempo24 a,
#info.interna.crimes25 #linhadotempo h2.tempo25 a,
#info.interna.crimes26 #linhadotempo h2.tempo26 a,
#info.interna.crimes27 #linhadotempo h2.tempo27 a,
#info.interna.crimes28 #linhadotempo h2.tempo28 a,
#info.interna.crimes29 #linhadotempo h2.tempo29 a,
#info.interna.crimes30 #linhadotempo h2.tempo30 a,
#info.interna.crimes31 #linhadotempo h2.tempo31 a,
#info.interna.crimes32 #linhadotempo h2.tempo32 a,
#info.interna.crimes33 #linhadotempo h2.tempo33 a,
#info.interna.crimes34 #linhadotempo h2.tempo34 a,
#info.interna.crimes35 #linhadotempo h2.tempo35 a,
#info.interna.crimes36 #linhadotempo h2.tempo36 a,
#info.interna.crimes37 #linhadotempo h2.tempo37 a,
#info.interna.crimes38 #linhadotempo h2.tempo38 a,
#info.interna.crimes39 #linhadotempo h2.tempo39 a,
#info.interna.crimes40 #linhadotempo h2.tempo40 a,
#info.interna.crimes41 #linhadotempo h2.tempo41 a,
#info.interna.crimes42 #linhadotempo h2.tempo42 a,
#info.interna.crimes43 #linhadotempo h2.tempo43 a,
#info.interna.crimes44 #linhadotempo h2.tempo44 a,
#info.interna.crimes45 #linhadotempo h2.tempo45 a{
	background-position : 0 -60px;
}

#info.lista{	height : 1000px;}

#info.lista #texto p a{
	color : #47423a;
	font-size : 12px;
	line-height : 20px;
}
#info.lista #texto h2{
	font-size : 22px;
}
#info.lista #texto{
	left : 40px;
	top : 20px;
	width : 900px;
	height : 1000px;
}
#info.lista #texto p a strong,
#info.lista #texto p a:hover{
	color : #ff9900;
	text-decoration : none;
}
