@charset "utf-8";
/* CSS Document */
*{
	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: #1f1f1f;
}
#total {
	display:block;
	width:1000px;
	height: 750px;
	position:relative;
	left : 0;
	top : 0;
	background:url(img/bg.jpg) no-repeat 0 0 #000;
}
#total.abre #info{
	background-image : url(img/capa.jpg);
}
	


#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 : 260px;
	top : 50px;
	width : 728px;
	height : 90px;
	z-index : 9000;
	text-align : center;
}
#info_logo a {
	display:block;
	position:absolute;
	top: 65px;
	left: 0;
	width: 240px;
	height: 100px;
}
/*menu*/
#menu{
	position : absolute;
	left : 0;
	top : 185px;
	width : 1000px;
	height : 40px;
	border-top : 1px solid #000;
	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 15px;
	border-right : 1px solid #000;
	color : #fff;
	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 12px;
	border : none;
}
#menu h2.mne a:hover{
	text-decoration : underline;
}

#prox_ant{
	position : absolute;
	left : 910px;
	top : 230px;
	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(img/prox.gif); left : 26px; top : 1px}
#prox_ant a.ant{	background-image : url(img/ant.gif); left : 0; top : 1px;}



/* fim da abertura */
#linkao,
#info {
	display:block;
	position:absolute;
	top:218px;
	left:0;
	width: 1000px;
	height: 540px;
}
#linkao{
	z-index : 11;
}
#info h2.persons {
	font-size: 28px;
	width : 800px;
	height : 60px;
	display : block;
	margin:0;
	line-height: 60px;
	letter-spacing:2px;
	font-weight:bold;
	color : #b8493c;
	text-indent : 15px;
}
#info .fotos {
	font-size: 30px;
	margin:10px 30px;
	line-height: 24px;
	letter-spacing:2px;
	font-weight:normal;
	text-align:left;
}
#persons_casa {
	display:block;
	float:left;
	width:290px;
	height: 213px;
	position:relative;
	border: solid 1px #4d0800;
	margin-left:5px;
	color:#FFF;
}
.persons_casa_bg {
	display:block;
    float:left;
	width:290px;
	height: 213px;
	background: #000;
	opacity: .25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=25);
	z-index: 1!important;
	position:absolute;
	top:0;
	left:0;
}
#persons_casa_int {
	display:block;
	float:none;
	width:490px;
	height: 85px;
	position:relative;
	top:0;
	border: solid 1px #4d0800;
	margin-left:10px;
	margin-bottom:10px;
	color:#FFF;
}
.persons_casa_bg_int {
	display:block;
    float:left;
	width:380px;
	height: 105px;
	background: #000;
	opacity: .25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=25);
	z-index: 1!important;
	position:absolute;
	top:0;
	left:0;
}
#persons_card {
	display:block;
	width:450px;
	height: 400px;
	position:absolute;
	top:60px;
	left: 510px;
	border: solid 1px #4d0800;
	margin-left:10px;
	margin-bottom:10px;
	color:#FFF;
	background:url(img/card.jpg) no-repeat 0 0;	
}
.persons_card_bg {
	display:block;
    float:left;
	width:450px;
	height: 400px;
	background: #000;
	opacity: .25;
	-moz-opacity: 0.25;
	filter:alpha(opacity=25);
	z-index: 1!important;
	position:absolute;
	top:0;
	left:0;
}
#card {
	display:block;
	position:relative;
	left:34px;
	top:23px;
	z-index:2;
}
#card ul {
	display:block;
	list-style-type:none;
	padding:0;
	margin:0;
	width:235px;
	position:absolute;
	bottom:-355px;
	*bottom:-365px;
	_bottom:25px;
	z-index:30;
}
#card li {
	margin-bottom:5px;
	text-align:left;
	line-height:14px;
	font-size:12px;
	background: url(img/bg_card_li.jpg) repeat-x 0 0;
	padding:1px;
	border: solid 1px #4d0800;	
}
#card h2 {
	display:block;
	font-size:18px;
	position:absolute;
	top:40px;
	*top:55px;
	left:260px;
	width:150px;
	text-align:left;
}
.ator {
	font-style:italic;
	font-size: 14px;
}
.topico {
	color:#b8493c;
	font-weight:bold;
}
.pontos_1 {
	background:url(img/pontos.png) repeat-x 0 0;
	display:block;
	float:right;
	position:relative;
	*top:-15px;
	right:120px;
	z-index:35;
	height:12px;
	width:12px;
}
.pontos_2 {
	background:url(img/pontos.png) repeat-x 0 0;
	display:block;
	float:right;
	position:relative;
	*top:-15px;
	right:108px;
	z-index:35;
	height:12px;
	width:24px;
}
.pontos_3 {
	background:url(img/pontos.png) repeat-x 0 0;
	display:block;
	float:right;
	position:relative;
	*top:-15px;
	right:96px;
	z-index:35;
	height:12px;
	width:36px;
}
.pontos_4 {
	background:url(img/pontos.png) repeat-x 0 0;
	display:block;
	float:right;
	position:relative;
	*top:-15px;
	right:84px;
	z-index:35;
	height:12px;
	width:48px;
}
.pontos_5 {
	background:url(img/pontos.png) repeat-x 0 0;
	display:block;
	float:right;
	position:relative;
	*top:-15px;
	right:72px;
	z-index:35;
	height:12px;
	width:60px;
}

#card p {
	display:block;
	font-size:12px;
	position:absolute;
	top:100px;
	*top:115px;
	left:260px;
	width:140px;
	text-align:left;
}
#card img {
	display:block;
	float:left;
	position:absolute;
	top:-4px;
	left:-5px;
	z-index:10;
}
#simbolo_casa_1 {
	display:block;
	float:left;
	position:absolute;
	top:7px;
	left:10px;
	width:45px;
	height:50px;
	background:url(img/cullen.png) 0 0 no-repeat;
	z-index: 25;
}
#simbolo_casa_2 {
	display:block;
	float:left;
	position:absolute;
	top:7px;
	left:10px;
	width:45px;
	height:50px;
	background: url(img/reservation.png) 0 0 no-repeat;
	z-index: 25;
}
#simbolo_casa_3 {
	display:block;
	float:left;
	position:absolute;
	top:7px;
	left:10px;
	width:45px;
	height:50px;
	background: url(img/volturi.png) 0 0 no-repeat;
	z-index: 25;	
}
#simbolo_casa_1a {
	display:block;
	float:left;
	position:absolute;
	top:-4px;
	left:-3px;
	width:45px;
	height:50px;
	background:url(img/cullen.png) 0 0 no-repeat;
	z-index: 25;
}
#simbolo_casa_2a {
	display:block;
	float:left;
	position:absolute;
	top:-4px;
	left:-3px;
	width:45px;
	height:50px;
	background: url(img/reservation.png) 0 0 no-repeat;
	z-index: 25;
}
#simbolo_casa_3a {
	display:block;
	float:left;
	position:absolute;
	top:-4px;
	left:-3px;
	width:45px;
	height:50px;
	background: url(img/volturi.png) 0 0 no-repeat;
	z-index: 25;	
}
#person_main {
	display:block;
	float:left;
	height:175px;
}
#person_main ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
#person_main li {
	float:left;
	margin: 0 82px;
	_margin: 0px 62px;
}
#person_main a {
	display:block;
	border: solid 3px #b8493c;
}
#person_main a:hover {
	display:block;
	border: solid 3px #FFF;
}
#item_person {
	display:block;
	float:right;
	margin:5px 1px 0 0px;
	_margin:5px 1px 0 0px;	
	position:relative;
	z-index: 2;
}
#item_person a {
	display:block;
	border: solid 2px #b8493c;
	width : 56px;
	height : 70px;
	overflow : hidden;

}
#item_person a img{
	margin : 0 0 0 -6px;
}
#item_person a:hover {
	display:block;
	border: solid 2px #FFF;
}
#item_person.sel_person a {
	border: solid 2px #FFF!important;
}

#thumbs {
	display:block;
	width:336px;
	height: 461px;
	position:absolute;
	top:265px;
	left : 642px;
	z-index : 12;
}
#thumbs h2,
#thumbs h2 a{
	width : 60px;
	height : 60px;
	float : left;
	display : block;
	z-index : 12;
	overflow : hidden;
}
#thumbs h2{
	margin : 1px;
	border : 1px solid #000;
}
#thumbs h2#sel a,
#thumbs h2 a:hover{
	border : 4px solid #540000;
	width : 52px;
	height : 53px;
}
#thumbs h2#sel a img,
#thumbs h2 a:hover img{
	margin : -4px -4px;
}
#thumbs h3{
	background-color : #4d0800;
	height : 30px;
	width:336px;
	color : #fff;
	display : block;
	line-height : 30px;
	float : left;
	text-indent : 10px;
	margin : 0 0 10px 0;
}



#foto_grande {
	display:block;
	float:right;
	width:610px;
	height: 443px;
	position:absolute;
	top:48px;
	left:0px;
	margin-left:10px;
	margin-bottom:10px;
	text-align : center;
	vertical-align : middle;
	background-color : #000;
	border : 1px solid #540000;
}
#foto_grande img {
	margin : auto;
}

#foto_grande p {
	display:block;
	position:absolute;
	bottom:-5px;
	float:right;
	text-align:center;
	width:98%;
	height:30px;
	z-index:3!important;
	margin: 0 5px;
	font-size:13px;
}
.p_bg {
	display:block;
    float:left;
	background: #2C200D;
	opacity: .65;
	-moz-opacity: 0.65;
	filter:alpha(opacity=65);
	z-index: 1!important;
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;
}


#maisesp_int {
	display:block;
	float:none;
	width:853px;
	height: 361px;
	position:relative;
	top:0;
	border: solid 1px #4d0800;
	margin-left:30px;
	margin-bottom:10px;
	color:#FFF;
}
#maisesp_mn {
	display:block;
	float:left;
	margin:8px;
	position:relative;
	z-index: 2;
}
#maisesp_mn a {
	display:block;
	border: solid 3px #b8493c;
	color:#FFF;
	text-align:center;
	text-decoration:none;
}
#maisesp_mn a:hover {
	display:block;
	border: solid 3px #FFF;
}

#info.filme {
	background:url(img/bg_filme.jpg) 0 0 no-repeat;
	z-index:5;
}
#info.livros {
	background: url(img/livros.jpg) 0 0 no-repeat;
	z-index:5;
}
#info.autora {
	background:url(img/bg_autora.jpg) 0 0 no-repeat;
	z-index:5;
}
.quiz {
	background:url(img/bg_quiz.jpg) 0 0 no-repeat;
	z-index:5;
}
#info .iframe {
	display:block;
	float:left;
	background: none;
	position:absolute;
	z-index: 30;
	left:270px;
	top:58px;
}
#textoa,
#texto,
#sinopse {
	display:block;
	float:left;
	position:absolute;
	top: 50px;
	left: 380px;
	width: 580px;
	height: 400px;
	z-index:10;
	background:none;
}

#texto h2,
#texto p,
#sinopse h2,
#sinopse p{
	color : #fff;
	margin : 15px;
}
#texto h2,
#sinopse h2{
	color : #b8493c;
	font-size : 22px;
}
#texto img{
	float : none;
	margin : auto;
}
#sinopse img{
	float : left;
}
#info.livros #sinopse{	padding : 40px 0 0 10px;	}
#info.mundo{
	background-image : url(img/mundo.jpg);
}
#info.mundo #textoa,
#info.mundo #texto{	left : 25px; text-align : center;}
#info.mundo #textoa{
	color: #47423a;
}

#info.mundo #texto p{
	color: #47423a;
	position : absolute;
	left : 2px;
	top : 400px;
}

#foto_acs {
		display:block;
		float:left;
		position:absolute;
		top: 25px;
		left: 10px;
		width: 580px;
		height: 410px;
		z-index:10;
}
#foto_acs img {
	display:block;
	margin:auto;
	z-index:10;
}
#foto_acs_bg {
		display:block;
		float:left;
		position:absolute;
		top: 18px;
		left: 10px;
		width: 580px;
		height: 410px;
		background: #000;
		border: solid 2px #4d0800;
		opacity: .55;
		-moz-opacity: 0.55;
		filter:alpha(opacity=55);
		z-index:1;
}
#foto_acs p {
	display:block;
	position:absolute;
	bottom:15px;
	float:right;
	text-align:left;
	width:580px;
	height:30px;
	z-index:3!important;
	margin: 0 5px;
	color:#FFF;
	font-size:13px;
	line-height:15px;
}
.p_bg2 {
	display:block;
    float:left;
	background: #000;
	opacity: .65;
	-moz-opacity: 0.65;
	filter:alpha(opacity=65);
	z-index: 1!important;
	width:580px;
	height:40px;
	position:absolute;
	bottom:5px;
	left:2px;
}

#acessorios {
	display:block;
	width:290px;
	height: 400px;
	position:absolute;
	top:20px;
	left: 20px;
	color:#FFF;
}
#menu_livros {
	display:block;
	position : absolute;
	left : 381px;
	top : 270px;
	width : 602px; 
	height: 30px;
	line-height : 25px;
	position:absolute;
	z-index : 14;
	border-bottom : 1px dotted #4d0800;

}
#menu_livros h2 a,
#menu_livros h2 {
	font-size:12px;
	line-height : 30px;
	color:#fff;
	float : left;
}
#menu_livros h2 a{
	border-right :  1px dotted #4d0800;
	padding : 0 15px;
}
#menu_livros h2 a:hover,
#menu_livros h2#sel a{
	color : #b8493c;
}
#quiz_bg {
		display:block;
		float:left;
		position:absolute;
		top: 50px;
		left: 258px;
		width: 640px;
		height: 360px;
		background: #000;
		border: solid 3px #4d0800;
		opacity: .55;
		-moz-opacity: 0.55;
		filter:alpha(opacity=55);
		z-index:1;
}
/* Elementos para o scroll */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: transparent url(img/bg_scroll.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #d68f30;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
/* fim dos elementos para o scroll */



#info.trailer #texto{
	position : absolute;
	width : 490px;
	height : 100px;
	left : 20px;
	top:	424px;
	background-color : #000;	
}
#janela_de_video{
	border : 5px solid #000;
	position : absolute;
	left : 20px;
	top : 20px;
	background-color : #000;
}
#janela_de_video,
#janela_de_video iframe,
#janela_de_video a{
	width : 480px;
	height : 397px;
	display : block;
	overflow : hidden;
}
#lista h3,
#info.trailer #texto h2{
	color : #b8493c;
}
#info.trailer #texto p{
	color : #fff;
}
#info.trailer #texto p,
#info.trailer #texto h2{	margin : 10px;}
#lista{
	display:block;
	width:340px;
	height: 461px;
	position:absolute;
	top: 20px;
	left : 520px;
	z-index : 12;
}
#lista h3{
	width : 340px;
	height : 25px;
	line-height : 25px;
	font-size : 18px;
	background-color : #000;
	text-indent : 10px;
	display : block;
	float : left;
	margin : 0 0 10px 0;
}
#lista h2{
	width : 340px;
	height : 67px;
	padding : 3px 0;
	display : block;
	border-bottom : 1px solid #000;
	float : left;
}
#lista h2 a{
	width : 340px;
	height : 67px;
	display : block;
	color : #fff;
}
#lista h2.sel a,
#lista h2 a:hover{ color : #b8493c;}
#lista h2 a span{
	border : 3px solid #000;
	width : 81px;
	height : 61px;
	float : left;
	display : block;
	margin : 0 10px 0 0;
}
#lista h2.sel a span,
#lista h2 a:hover span{
	border : 3px solid #b8493c;
}
#lista h2 a#video1 span{	background-image : url(img/video1.jpg);}
#lista h2 a#video2 span{	background-image : url(img/video2.jpg);}
#lista h2 a#video3 span{	background-image : url(img/video3.jpg);}
#lista h2 a#video4 span{	background-image : url(img/video4.jpg);}
#lista h2 a#video5 span{	background-image : url(img/video5.jpg);}
#lista h2 a#video6 span{	background-image : url(img/video6.jpg);}

/*compartilhar*/
#compartilhar {
	background-image : url(img/compartilhar.gif);
	right : 40px;
	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; }

#avatar,
#compartilhar #avatar{
	width : 1px; height : 1px; display : block;
	position : absolute;
	left : 0;
	top : 0;
	overflow : hidden;
	visibility : hidden;
}


#textoa p,
#textoa h2{
	text-align : left;
	margin : 15px;
}
#textoa h2{
	color : #b8493c;
	font-size : 22px;
}





/* mais */
#info.mais h3 {
	font-size:18px;
	color:#47423a;
	position:absolute;
	left:20px;
	top:5px;
}
#info.mais #texto {
	height:368px;
	left:20px;
	top:36px;
	width:940px;
}
#info.mais #texto p{
	display : block;
	float : left;
	height : 70px;
	margin : 10px 20px 10px 0;

}
#info.mais #texto p,
#info.mais #texto p a{
	width : 210px;
	color : #fff;

}
#info.mais #texto p a{
	height : 70px;
	display : block;
}
#info.mais #texto p a{
	font-weight : bold;
	line-height : 16px;
}
#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;
}