*{
	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;
}

#prox_ant{
	position : absolute;
	left : 870px;
	top : 10px;
	z-index : 10;
	display : block;
	width : 52px;
	height : 26px; 
	z-index : 77;
	
}
#prox_ant a{
	display : block;
	position : absolute;
	width : 24px;
	height : 24px;
	margin : 1px;
	z-index : 77;
	}
#prox_ant a:hover{
	background-position : 0 -24px;
}
#prox_ant a.pro{	background-image : url(https://www.terra.com.br/noticias/maiores-terremotos-do-seculo/img/prox.gif); left : 26px; top : 1px}
#prox_ant a.ant{
	background-image : url(https://www.terra.com.br/noticias/maiores-terremotos-do-seculo/img/ant.gif);
	left : 0;
	top : 1px;
	font-size: 12px;
}



/*submenu*/
a#linkao{
	z-index : 10;
	background-image : url(https://www.terra.com.br/esportes/infograficos/f1-duelo-de-pilotos-2011/img/x.gif);
}
#info{
	width : 936px;	
	display : block;
	height : auto;
	float : left;
	margin : 0;
}

/*capa*/
#info{
	z-index : 9;
}
#info.interna #texto,
#info.capa #texto{
	font-size : 14px;
	font-weight : bold;
	width : 400px;
	height : 160px;
	display : block;
	position : absolute;
	left : 15px;
	top : 15px;
	overflow : visible;
	border : none;
	background-color : #fff;
	opacity:0.80;
	-moz-opacity: 0.80;
	filter: alpha(opacity=80);
	padding : 5px;
	border : 1px solid #5d5850;
}
#info #texto p{
	margin : 5px 20px 5px 0 ;
	font-weight : normal;
	font-size : 12px;
}
#info #texto h2{
	font-size : 24px;
	margin : 10px 0;

}
#info.interna #texto h2 span.local,
#info.interna #texto h2 strong{
	color : #5d5850;
	width : 300px;
	height : 19px;
	display : block;
	position : absolute;
	left : 70px;
	top : 10px;
	text-indent : 0;
	padding : 0;

}
#info.interna #texto h2 span.local{
	top : 30px;
	font-size : 18px;
}
#info.interna #texto h2 span.mag{
	width : 50px;
	height : 50px;
	line-height : 50px;
	padding : 0;
	display : block;
	text-align : center;
	font-size : 18px;
	color : #fff;
	background-color : #ff9900;
	position : absolute;
	left : 5px;
	top : 10px;
	text-indent : 0;
	padding : 0;
}
#info.interna #texto h2{
	font-size : 11px;
	font-weight : normal;
	text-indent : 60px;
	padding : 40px 0 0 0;
	*padding-left: 60px;
}
#info.interna,
#info.capa{
	background-image : url(https://www.terra.com.br/esportes/infograficos/f1-duelo-de-pilotos-2011/img/mapamundi.gif);
}
#info.interna #texto.terre13,
#info.interna #texto.terre2{	left : 5px;	top : 45px; height : 70px;}
#info.interna #texto.terre10{	left : 125px;	top : 10px; height : 65px;}

#info.interna #texto.terre6,
#info.interna #texto.terre1,
#info.interna #texto.terre3{	left : 280px;	top : 270px; height : 70px;}

#info.interna #texto.terre3{	left : 380px;	top : 5px; height : 70px;}

#info.interna #texto.terre15,
#info.interna #texto.terre9{	left : 400px;	top : 5px; height : 75px;}

#info.interna #texto.terre4,
#info.interna #texto.terre11,
#info.interna #texto.terre5,
#info.interna #texto.terre7{	left : 340px;	top : 300x; height : 70px;}

#info.interna #texto.terre12{	left : 525px;	top : 305px;height : 70px;}

#info.interna #texto.terre8,
#info.interna #texto.terre14{	left : 325px;top : 280px;height : 70px;}

#info.interna #texto.terre13{	 height : 100px;}
#info.interna #texto.terre14{	 height : 135px;}
#info.interna #texto.terre16{	 height : 135px;}

#info.interna #texto.terre3,
#info.interna #texto.terre1{height : 80px;}


/*mais*/
#info.mais{
	background-image : none;
}
#info.mais #texto{
	top : 10px;
	left : 15px;
	width : 925px;
	height : 330px;
	background-color : transparent;
	border : none;
	position : absolute;

}

#info.mais #texto p{
	display : block;
	float : left;
	width : 198px;
	height : 80px;
	line-height : 15px;


}
#info.mais #texto p a{
	width : 198px;
	height : 70px;
	display : block;
	font-weight : bold;
}
#info.mais #texto p a:hover strong,
#info.mais #texto p a:hover{
	color : #ff9900;
}
#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;
}



/*
--------------------------------------// Enquetes //------------------------------------------*/
#info.chaves {
	width:936px;
	height: 870px;
	background: #ebeae6;
}
#info.chaves2  {
	width:936px;
	height: 870px;
	background: #ebeae6;
}
#info.confronto {
	width:936px;
	height: 705px;
	background: #ebeae6;
}
#info.foto {
	width:936px;
	height: 705px;
	background: #ebeae6;
}

/*---- Chaves --*/
#chave {
	width: 430px;
	float:left;
	padding: 10px 5px;
	margin: 10px 5px;
}
#info.chaves2 #chave {
	width: 330px;
	margin: 10px 30px;
	float:left;
	padding: 10px;
}

#abre {
	clear:both;
	width:906px;
	margin: 0 15px;
	height: 240px;
	background:url(img/bg_pilotos2.png) no-repeat;
}
#abre p {
	float:left;
	margin-left: 300px;
	margin-top: 100px;
	line-height: 20px;
	width: 500px;
	font-size:13px;
}
#abre p strong {
	font-size: 14px;
	color: #f90;
}

#abre2 {
	clear:both;
	width:906px;
	margin: 20px 15px 0;
	height: 248px;
	background:url(img/bg_pilotos2a.png) no-repeat -15px 0;
}
#abre2 p {
	float:left;
	margin-left: 15px;
	margin-top: 100px;
	line-height: 20px;
	width: 295px;
	font-size:13px;
}
#abre2 p strong {
	font-size: 14px;
	color: #f90;
}

#abre2 a img {
	float:left;
	border: solid 4px #fff;
	margin-left: 335px;
	margin-top: 90px;
}

#confronto {
	width: 204px;
	float:left;
	margin: 0;
	margin-right: 10px;
}

#confronto.fase2 {
	width: 90px;
	margin: 0 5px;	
	padding: 0 50px;
}
#piloto {
	width:80px;
	float:left;
	background: #fff;
	padding: 4px;
	margin: 0 2px;
	text-align:center;
}
#confronto.fase2 #piloto {
	background: #f90;
}

#piloto a {
	width: 80px;
	float:left;
	text-align:center;
}

#piloto.dois {
	float:right;
}
#piloto a:hover {
	background: #eaece7;
}
#piloto a:hover > h2{
	color:#47432a;
}
#piloto h2 {
	line-height: 20px;
	text-align:left;
	font-size: 13px;
	color:#47432a;
}
#piloto h3 {
	line-height: 20px;
	text-align:center;
	font-size: 12px;
	color:#56b600;
}
#piloto h3.perdeu {
	color: #cb3906;
}


/* ---- Pilotos fase 2 -----*/

#chave2 {
	float:left;
	padding: 10px;
	margin: 10px;
}

#confronto2 {
	width: 408px;
	float:left;
	margin: 0;
	margin-right: 10px;
}

#confronto2.fase2 #piloto2 {
	width: 80px!important;
	margin: 0 160px;	
	padding: 4px;
}
#piloto2 {
	width:170px;
	float:left;
	background: #fff;
	padding: 4px;
	margin: 0 2px;
	text-align:center;
}
#confronto.fase2 #piloto2 {
	background: #f90;
}

#piloto2 a {
	width: auto;
	float:left;
	text-align:center;
}

#piloto2.dois {
	float:right;
}
#piloto2 a:hover {
	background: #eaece7;
}
#piloto2 a:hover > h2{
	color:#47432a;
}
#piloto2 img {
	float:left;
	margin-right: 5px;
}
#piloto2 h2 {
	width: 80px;
	float:left;
	line-height: 20px;
	text-align:left;
	font-size: 13px;
	color:#47432a;
}
#piloto2 h3 {
	line-height: 20px;
	text-align:center;
	font-size: 12px;
	color:#56b600;
}
#piloto2 h3.perdeu {
	color: #cb3906;
}
#piloto2.finalizado, #piloto2.finalizado a, #piloto2.finalizado a:hover {
	background: #f90;
	width: 80px;
}

/*---- SEMIFINAL -----*/
#chave3 {
	float:left;
	padding: 0 10px;
	margin: 10px;
}
#chave3.final {
	margin-top: 0;
	padding-top:0;
}
#confronto3 {
	width: 870px;
	float:left;
	margin: 0;
	margin-right: 10px;
}

#piloto3 a {
	width:350px;
	float:left;
	background: #fff;
	padding: 4px;
	margin: 0 2px;
	text-align:center;
}
#confronto3.fase2 #piloto3 a {
	width:80px;
	float:left;
/*	background: #fff;*/
	padding: 4px;
	margin: 0 390px;
	text-align:center;
}

#piloto3.right {
	float:right;
}
#piloto3.right img {
	float:right;
	margin: 0;
	margin-left: 5px;
}
#piloto3 a:hover  {
	background:#f90;
	color: #f90;
}
#piloto3 a:hover > h2 {
	color:#fff;
}
#piloto3 a:hover > h3 {
	background:#fb2;
}
#piloto3 h2 {
	width: auto;
	float:left;
	line-height: 28px;
	text-align:left;
	font-size: 24px;
	color:#47432a;
	margin-top: 3px;	
}
#piloto3 h3 {
	width: 144px;
	height:48px;
	background:#eaece7;
	line-height: 20px;
	text-align:left;
	font-size: 14px;
	color:#56b600;
	float: left;
	margin-top: 3px;
	padding-top: 4px;
	text-indent: 10px;
}
#piloto3 h3.perdeu {
	color: #cb3906;
}
#piloto3 img {
	float:left;
	margin-right: 5px;
}
#x3, #x3 a {
	text-align:center;
	float:left;
	margin:0 3px;
	font-size: 75px;
	font-weight:bold;
	color: #47432a;
	width: 140px;
	line-height: 130px;
}
#x3 a:hover {
	color:#f90;
}
#x3 {
	background:url(img/bg_x.gif) -27px 70px no-repeat;
}
/*-----*/

.ale {display:block; float:left; margin: 0 2px; background:url(img/Germany-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.fin {display:block; float:left; margin: 0 2px; background:url(img/Finland-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.uk  {display:block; float:left; margin: 0 2px; background:url(img/United-Kingdom-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.ita {display:block; float:left; margin: 0 2px; background:url(img/Italy-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.jap {display:block; float:left; margin: 0 2px; background:url(img/Japan-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.bra {display:block; float:left; margin: 0 2px; background:url(img/Brazil-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.esp {display:block; float:left; margin: 0 2px; background:url(img/Spain-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.rus {display:block; float:left; margin: 0 2px; background:url(img/Russia-Flag.gif) no-repeat 0 0; width:20px; height:20px; }
.aus {display:block; float:left; margin: 0 2px; background:url(img/australia-Flag.gif) no-repeat 0 0; width:20px; height:20px; }

#x, #x a {
	text-align:center;
	float:left;
	margin:0;
	font-size: 30px;
	font-weight:bold;
	color: #47432a;
	width: 20px;
	line-height: 65px;
}
#x a:hover {
	color:#f90;
}

#confronto .um-um {  width:204px; margin:0; height:30px; background:url('img/1-1.gif') no-repeat 0 -8px;}
#confronto .um-dois {  width:204px; margin:0; height:30px; background:url('img/1-2.gif') no-repeat 0 -4px;}
#confronto2 .um-um {  width:408px; margin:0; height:30px; background:url('img/1-1.gif') no-repeat 102px -8px;}
#confronto2 .um-dois {  width:408px; margin:0; height:30px; background:url('img/1-2.gif') no-repeat 102px -4px;}
#confronto3 .um-um {  width:870px; margin:0; height:20px; background:url('img/1-1.gif') no-repeat 333px -12px;}
#confronto3 .um-dois {  width:870px; margin:0; height:20px; background:url('img/1-2.gif') no-repeat 333px -8px;}

/* ---- Fin das chaves ------- */

/* ----- Confronto direto ---------- */

#pilotoFicha {
	width: 450px;
	margin: 5px 3px;
	float:left;
	background: #dddddf;
	padding: 6px;
	position:relative;
	top: 50px;
	z-index: 3;
	border-bottom: solid 3px #333;
}
#pilotoFicha h2 {
	font-size:36px;
}
#pilotoFicha p {
	font-size:10px;
	background: #333;
	color: #999;
	text-align:right;
	padding: 2px 10px;
}
#pilotoFicha img {
	border-bottom: solid 3px #333;
	margin-bottom: 5px;
}

#pilotoFicha ul.direita > li {
	text-align:right;
}
#pilotoFicha li {
	line-height: 26px;
	border-bottom: dotted 1px #eee;
	font-size:14px;
	padding: 0 5px;
}
#pilotoFicha strong {
	line-height: 26px;
	font-size:22px;
	padding: 0 5px;
	font-weight:bold;
	text-transform:none;
}
#enqueteBox {
	position:absolute;
	top: 405px;
	width:300px;
	left: 318px;
	height: 220px;
	background:#FFF;
	border: solid 3px #333;
	z-index: 5;
}
#enqueteBox p {
	margin: 12px 15px;
	font-size:16px;
	font-weight:bold;
}
#enqueteBox p.laranja {
	color:#f90;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}
#enqueteBox input {
	margin: 5px;
}
#enqueteBox p.votar {
	margin: 0 90px;
	width:120px;
	height: 30px;
	text-align:center;
	background:url(img/bt_votar2.png) 0 0 no-repeat;
	cursor:pointer;
}
#enqueteBox p.votar:hover {
	text-align:center;
	background:url(img/bt_votar2.png) 0px -30px no-repeat;
}
#enqueteBox span.avanca a {
	display:block;
	float:left;
	margin: 0 60px;
	width:180px;
	height: 30px;
	background:url(img/bt_votar3.png) 0 0 no-repeat;
	cursor:pointer;
	text-indent: -10000px;
}
#enqueteBox span.avanca a:hover {
	background:url(img/bt_votar3.png) 0px -30px no-repeat;
}
#enqueteBox p.votar input {
	margin:0;
	padding:0;
}
#enqueteBox span.votos {
	color: #9bc80d;
}
#enqueteBox p.resposta {
	font-size:12px;
}
#enqueteX {
	position:absolute;
	top: 210px;
	left: 430px;
	height: 65px;
	z-index: 5;
	text-align:center;
	float:left;
	font-size: 140px;
	font-weight:bold;
	color: #f90;
	width: 66px;
	line-height: 65px;
}
#maisfotos a {
	position:absolute;
	z-index: 5;
	top: 333px;
	left: 10px;
	width: 120px;
	height: 30px;
	background:url(img/bt_maisfotos.png) 0 0 no-repeat;
	text-indent: -10000px;
}
#maisfotos a:hover {
	background:url(img/bt_maisfotos.png) 0 -30px no-repeat;
}
#maisfotos.pilotoDireita a {
	left:333px;
}


/* ---------------------------- Fotos --------------------------------------*/

#foto {  float:left; position:absolute; z-index:1; top:50px; width:936px; height:625px;}
p.credito { position: absolute; top: 675px; width: 936px; line-height: 30px; background: #333; color: #999; text-indent: 20px; font-size:10px;}
#thumbs {
	display:block;
	float:right;
	position:absolute;
	top: 0px;
	left:0;
	z-index: 9;
	background: #333;
	padding: 0;
	width:936px;
	height: 50px;
}
#thumbs h3, #thumbs p { color:#fff; }

#thumbs h3 {
	font-size:28px;
	line-height: 50px;
	margin: 0 ;
	padding: 0 0 0 15px;
	float:left;
	background: #222;
}
span.seta1 { float:left; width:20px; background:url(img/seta.gif) no-repeat; height:50px; }
#thumbs ul {
	list-style:none;
	padding: 0;
}
#thumbs li {
	float:left;
	margin: 3px;
	list-style:none;
}
#thumbs img {
	width:40px;
	height: 40px;
}
#thumbs a {
	display:block;
	width: 40px;
	height:40px;
	border:solid 2px #f90;
	padding:0;
}
#thumbs a:hover {
	border:solid 2px #fff;
}
#thumbs .select a { border:solid 2px #fff; }

#votar1 a {
	float:right;
	width: 120px;
	height: 30px;
	background: url(img/bt_votar.png) 0 0 no-repeat;
	text-indent: -10000px;
	border:none;
	margin: 10px 30px;
	margin-right: 100px;
}
#votar1 a:hover {
	background:url(img/bt_votar.png) 0 -30px no-repeat;
	border:none;
}