/* Os estilos de cada info vão neste CSS */

/*capa*/
*{color:#47423a; font-family:Arial, Helvetica, sans-serif; font-size: 12px; border:none;}

.capa {
	background-image:url(img/capa2.jpg);
	background-repeat:no-repeat;
	width:936px;
	height:600px;
}
#abertura{
	position:absolute;
	top:163px;
	left:187px;
	width:521px;
	height:282px;
	padding:20px;
	background-image:url(https://www.terra.com.br/diversao/cinema/infograficos/bolao-oscar/img/bg-texto.png);
	border:1px solid #ff9900;
}
#abertura h2{
	margin-bottom:-8px;
	text-align:left;
	font-size:24px;
	color:#FFFFFF;
}
#abertura p{
	padding-top:10px;
	text-align:left;
	color:#FFFFFF;
	font-size:12px;
}
#abertura p b{color:#FFFFFF;}
#abertura a.veja {
	display:block;
	width:67px;
	height:24px;
	background:url(https://www.terra.com.br/economia/infograficos/15-passos-para-virar-milionario/img/veja-mais.gif);
	text-indent:-5000px;
	margin:10px 0 0 0;
}
#abertura a.veja:hover {background-position:0px -30px;}
#conteudo #creditocapa{
	font-size:10px;
	color:#beb7af;
	font-style:italic;
	position:absolute;
	top:605px;
	left:0;
	z-index:5;
	background-image:url(https://www.terra.com.br/diversao/cinema/infograficos/bolao-oscar/img/bg-texto.png);
	padding:3px;
	display:none;
}
/*capa*/


/* votacao */
h2{font-size:20px; margin:0 0 10px 0;}

#pergunta img{border:1px solid #ccc; margin: 0 5px;}
#pergunta{width: 150px; float:left; height:190px; display:block; margin:0 20px 0 0;}
#pergunta input{float:left; margin:3px; line-height:14px; font-weight:bold; width:12px; height:12px;}
#pergunta span b{color:#5d5850; font-size:11px; font-weight:bold; line-height:18px; }
#submenu{width:936px; float:left; margin:0; padding:0;}

#perguntas{ width: 936px; float:left; margin:10px 0;  float:left }

p.total *{font-size: 16px;}
p.total,
#votar{ width:936px; display:block; float:left; clear:both; margin:0 0 25px 0; text-align:center; clear:both; }
#votar input{margin:auto; text-align:center; }
#perguntas h1{font-size:18px; width:936px; float:left; display:block; line-height:20px; height:20px;}

#submenu h2{
	border-top: 1px dotted #ccc;
	height: 30px;
	line-height:30px;
	width: 117px;
	margin: 15px 0 0 0;
	display:block;
	text-align:center;
	padding:0;
	float:left;
}
#submenu h2 a{
	height: 29px;
	line-height:29px;
	width: 115px;
	margin: 0;
	display:block;
	text-align:center;
	padding:0;
	text-decoration:none;
	border: 1px dotted #ccc;
	border-top: none;
	border-right: 1px solid #eceae7;
	background-color:#eceae7;
}
#submenu h2 a:hover{color:#ff9900;}

#submenu h2#sel a{ border-bottom: 1px solid #fff; background-color:#fff; color: #ff9900;}


b.resp,
b.resp2{color:#9bc80d!important;}

#perguntas #pergunta b.resp2{display:none!important;}

#perguntas #pergunta b.resp{ width:110px; float:none; clear:both; text-align:center;}

/*thumbs*/
#conteudo #thumbs{
	position : absolute;
	left : 500px;
	top : 50px;
	width : 400px;
	z-index : 12;
}
#conteudo #thumbs h3{
	width : 89px;
	height : 67px;
	display : block;
	float : left;
	margin : 0 10px 10px 0;
}
#conteudo #thumbs h3 img{
	margin : 0px;
	border: none;
}
#conteudo #thumbs h3 a{
	width : 89px;
	height : 67px;
	display : block;
	overflow : hidden;
}
#conteudo #thumbs h3 a:hover{
	border : 3px solid #ff9900;
	width : 83px;
	height : 61px;
}
#conteudo #thumbs h3 a:hover img{
	margin : -3px;
}
/*thumbs*/

/* votacao */

/*prox_ant*/
#prox_ant{left:870px;}
/*prox_ant*/