/* Os estilos de cada info vão neste CSS */
body{ margin:0;}

#conteudo{
	background-repeat : no-repeat;
	margin : 0;
	padding : 0;
	border-top : 1px dotted #ccc;

}

#conteudo *{border:none}
#abertura,
#abertura *,
#enquete_pag *,
#conteudo *{
	color : #47423a;
	text-decoration : none;
	background-repeat : no-repeat;
	font-family:Arial, Helvetica, sans-serif;
}
#escola{
	padding : 15px 0;
	border-bottom : 1px dotted #ccc;
	width : 460px;
	float : left;

}
#escola #foto,
#escola #foto a,
#escola #foto a span{
	width : 195px;
	height : 146px;
	overflow : hidden;
	float : left;
}
#escola #foto a:hover span{
	width : 189px;
	height : 140px;
	border : 3px solid #ff9900;
}
#escola #foto a span img{
	border: none;
}
#escola #foto a:hover span img{
	margin : -3px -3px;
}
#escola #foto{
	height : 160px;
	width : 195px;
}
#escola h3,
#escola h2{
	margin : 2px 0;
}
#escola h3{
	font-size : 12px;
}
#escola h2{
	font-size : 18px;
}
#escola #foto i{
	width : 195px;
	text-align : left;
	margin : 5px 0 0 0;
	font-size : 10px;
	color : #beb7af;
}
#escola h3 a{
	color : #a39e98;
}
#relacionados p a:hover,
#escola h3 a:hover,
#escola h2 a:hover{
	color : #ff9900;
}
#relacionados p a{
	font-size : 12px;
	font-weight : bold;
	padding-left : 7px;
	background-image : url(img/dot.gif);
	line-height : 14px;
	text-transform : uppercase;
	color : #ff9900
}
#relacionados p.foto a{
	padding-left : 26px;
	background-image : url(img/foto.gif);
}
#relacionados p.twitter a{
	padding-left : 26px;
	background-image : url(img/twitter.gif);
}
#relacionados p.video a{
	padding-left : 26px;
	background-image : url(img/video.gif);
}
#relacionados p.info a{
	padding-left : 28px;
	background-image : url(img/info.gif);
}
#relacionados p{
	margin : 0 0 10px 0;
}

#conteudo #escola #texto{
	width : 195px;
	float : left;
	margin : 0 0 0 10px;
}
#conteudo #escola #enquete{
	margin : 0 0 0 12px;
	border-left : 1px dotted #beb7af;
}
#conteudo #escola #enquete iframe,
#conteudo #escola #enquete{
	width : 195px;
	float : left;
	height : 250px;
}

#enquete_pag{
	width : 185px;
	float:left;
	margin:0 0 0 10px;;
}
#enquete_pag h2{font-size:16px; margin:0 0 10px 0;}
#enquete_pag p{font-size:11px; margin:8px 0; line-height:20px; text-indent: 18px;}
#enquete_pag p span{width: 50px; float:left; margin:0 0 0 0;}


.unselected { background:url(https://www.terra.com.br/diversao/a-fazenda/megaenquete/img/quiz-radio.gif) no-repeat 0 3px; }
.selected { background:url(https://www.terra.com.br/diversao/a-fazenda/megaenquete/img/quiz-radio.gif) no-repeat 0 -85px; }



#maisvistos{
	width:930px;
	height:190px;
	border:3px solid #ebeae6;
	float:left;
	margin:0 0;
	background-color:#fff;
}
#maisvistos h2{
	width:100px;
	float: left;
	margin: 10px 14px;
}
#maisvistos h2 a strong{ font-size:11px; line-height:14px; margin:0 ; padding:0; float:left; width: 100px; display:block; cursor:pointer;}

#maisvistos h2 a strong i{
	width:16px;
	height:12px;
	background-image:url(img/video.gif);
	background-position: -9px 0;
	float:left;
	display:block;
	margin:0;
	padding:0;
}


#maisvistos h2 a:hover strong,
#maisvistos h2 a:hover{color:#ff9900;}
#maisvistos p,
#maisvistos h3{ margin:5px 12px;}

#maisvistos h2 a span{ width:89px; height:67px; display:block; float:left; margin: 3px 0; overflow:hidden}

#maisvistos h2 a:hover span{ width:83px; height:61px; border: 3px solid #ff9900;  cursor:pointer; background-image: url(img/x.gif);}

#maisvistos h2 a:hover span img{ margin: -3px -3px; border: none;}

#maisvistosframe{
	margin:20px 0;
}

#maisvistosframe iframe,
#maisvistosframe{
	width:936px;
	height:200px;
}