*{
	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/diversao/cinema/infograficos/eu-sou-numero-4/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/diversao/cinema/infograficos/eu-sou-numero-4/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.filme {
	width:936px;
	height: 705px;
	background: url(img/filme.jpg) 0 0 no-repeat;
}

#info.confronto {
	width:936px;
	height: 705px;
	background: #ebeae6;
}
#info.foto {
	width:936px;
	height: 705px;
	background: #ebeae6;
}


/*---- Chaves --*/
#filme {
	float:right;
	width: 420px;
	padding: 15px 25px;
	background:#000;
	height: 100%!important;
	opacity: 0.75;
	-moz-dev-opacity: 0.75;
	filter: alpha(opacity=75);
}
#filme h2 {
	margin: 10px;
	font-size:28px;
	color:#FFF;
}
#filme p {
	margin: 0px 10px 10px 10px;
	line-height: 15px;
	font-size: 12px;
	color:#FFF;
	font-weight:bold;
}



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

#foto {  float:left; position:absolute; z-index:1; top:50px; width:936px; height:625px; background:#000;}
#foto #iframe {
	float:left;
	margin: 40px 68px 0 68px;
}
#foto #iframe h3 {
	margin: 0;
	color:#f90;
	font-size:24px;
}
#foto #iframe p {
	color:#eaece7;
}
#nav_foto {  float:left; position:absolute; z-index:3; top:0; width:936px; height:625px;}
#nav_foto a.proxima { display:block; float:right; margin:0; padding:0; width:468px; height: 625px; text-indent: -100000px; }
#nav_foto a.anterior { display:block; float:left; margin:0; padding:0; width:468px; height: 625px; text-indent: -100000px; }
#nav_foto a:hover.proxima { background:url(img/bt_foto_pro.png) no-repeat 0 0; }
#nav_foto a:hover.anterior { background:url(img/bt_foto_ant.png) no-repeat 0 0; }
#desc {
	position: relative;
	z-index:3;
	float:right;
	width: 320px;
	margin-top: 90px; 
	opacity: 0.75;
	-moz-dev-opacity: 0.75;
	filter: alpha(opacity=75);
	padding: 15px 25px;
	background:#000;
}
#desc.esquerda {
	float:left;
}
#desc h2 {
	margin: 10px;
	margin-bottom: 20px;
	font-size:28px;
	line-height:30px;
	color:#F90;
}
#desc p {
	margin: 0px 10px 10px 10px;
	line-height: 16px;
	font-size: 12px;
	color:#FFF;
	font-weight:bold;
}
#desc .laranja { color: #f90; font-size: 14px;}

#desc p.ator { border-top: solid 1px #777; padding-top: 15px; margin-top: 15px; }

#bastidores {
	position: relative;
	z-index:3;
	float:right;
	width: 550px;
	height: 595px;
	margin-top: 50px; 
	opacity: 0.75;
	-moz-dev-opacity: 0.75;
	filter: alpha(opacity=75);
	padding: 15px 25px;
	background:#000;
}
#bastidores p {
	margin: 15px 10px;
	padding-bottom: 10px;
	line-height: 16px;
	font-size: 12px;
	color:#FFF;
	font-weight:bold;
	border-bottom: dotted 1px #666;
}
#bastidores .laranja { color: #f90; font-size: 14px;}
#bastidores em {
	line-height: 16px;
	font-size: 12px;
	color:#FFF;
	font-style:italic;
}

#trechos {
	position: relative;
	z-index:3;
	float:right;
	width: 550px;
	height: 610px;
	margin-top: 50px; 
	opacity: 0.75;
	-moz-dev-opacity: 0.75;
	filter: alpha(opacity=75);
	padding: 0 25px 15px 25px;
	background:#000;
}
#trechos p {
	margin: 15px 10px;
	padding-bottom: 20px;
	line-height: 20px;
	font-size: 14px;
	color:#FFF;
	font-weight:bold;
	border-bottom: dotted 1px #666;
	text-indent: 50px;
}
#trechos .laranja { color: #f90; font-size: 14px;}
#trechos em {
	line-height: 18px;
	font-size: 14px;
	color:#FFF;
	font-style:italic;
}

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;
	width: 420px;
}
#thumbs h3.tt_fotos {
	width: 100px;
}
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;
}