* {
	/* Começo zerando tudo. O * quer dizer TUDO, felizmente o IE aceita isso */
	text-decoration:none;
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:middle;
	border:none;
}

html {
	text-align:center;
	background: #FFFFFF;
}
body, p, ul, ol, dd, dl, form, h1, h2, h3, h4, h5, h6 {
    margin:0px;
    padding:0px;
}
p {
	margin: 0 0 10px 0;
	line-height:18px;
}
body {
	font-family: Verdana, Arial, Geneva, Helvetica ; 
    text-align:center;
	color:#555555;
	font-size:12px;
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #E6E6E6;
	scrollbar-dark-shadow-color: #666666;
	scrollbar-track-color: #efefef;
	scrollbar-face-color: #E6E6E6;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #666666;
	scrollbar-3d-light-color: #666666;
	
}

table {
    text-align:left;
	font: 100% Verdana, Arial;
}

td {
	padding: 0px 2px 1px 2px;
	line-height:20px;
	font:100% Verdana, Arial;
}
.fonteVermelha {
	color:#DA261E;
}
/************************************
#GERAL - O div que envolve todo o site
************************************/
#global {
	clear: both;
	margin:0 auto;
	width:1002px;
	height:600px;
	padding:0;
	background:#FFFFFF url(../images/fundo.jpg) no-repeat center center;
}

#globalI {
	clear: both;
	float:right;
	margin:10px 5px 60px 5px;
	width:760px;
	height:375px;
	text-align:justify;
	_margin: 0px 5px 0px 5px;
}

#topo {
	float:right;
	margin:0 auto;
	width:864px;
	height:108px;
	background:transparent url(../images/topo_logo.jpg) no-repeat right top;
}
.topo_banner {
	float:right;
	/*height:132px;
	margin:-32px auto;*/
	width:650px;
	margin:0 auto;
	height:101px;
	overflow:hidden;
}
br {
	line-height:15px;
}

a, b, em, strong {vertical-align:baseline;}

ul{ list-style:none;}
img, input {vertical-align:middle;}

img {border:0px;}

/****************** menu *****************/
#menu {
	float:left;
	margin:0px 3px 0 200px;
	width:570px;
	height:26px;
	text-align:left;
	_margin:0px 3px 0 100px;
}

#menu ul {
	margin:0px 3px 3px 5px;
	width:600px;
}

#menu li {
	display:inline;
}

#menu ul li a {
	font: 11px Verdana, Arial;
	color:black;
	height:21px;
	line-height:21px;
	text-decoration:none;
	font-weight:bold;
}

#menu ul li a:hover {
	color:#DD2D23;
}
#menu ul li a:active {
	color:#DD2D23;
}
#menu a.menuOver {
	font: 11px Verdana, Arial;
	height:21px;
	line-height:21px;
	text-decoration:none;
	font-weight:bold;
	color:#DD2D23;
}
#busca {
	float:right;
	margin:-22px 3px 0 20px;
	width:250px;
	height:26px;
	text-align:left;
	font-size: 10px;
}
/***************** fim menu ************/

/***************** vídeo ***************/
#tituloVermelho {
	clear:both;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:10px 0 10px 0px;
	color:#DD2D23;
	text-align:left;
	font-variant:small-caps;
	/*background: url(../images/seta.gif) no-repeat left;
	padding-left: 15px;*/
}

#titAmigo{
	clear:both;
	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:10px 0 10px 0px;
	color:#DD2D23;
	text-align:left;
	font-variant:small-caps;
	/*background: url(../images/seta.gif) no-repeat left;
	padding-left: 15px;*/
}

#tituloPreto {
	clear:both;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*font-weight:bold;
	font-style:italic;*/
	margin:10px 0 5px 0px;
	color:#000000;
	text-align:left;
	font-variant:normal;
	background: url(../images/squares_0_hl.gif) no-repeat left;
	padding-left: 15px;
	letter-spacing: 1px;
	vertical-align:top;
}
#textoPreto {
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	font-variant:normal;
	padding-left: 15px;
}

#videoD {
	float:left;
	width:321px;
	height:242px;
	margin:8px 30px 0 220px;
	_margin:8px 30px 0 115px;
}

#video {
	float:left;
	width:321px;
	height:392px;
	margin:8px 30px 0 0px;
}

.linhaBorda {
	border: 1px solid #DFE7DE;	
}
/*** cantos arredondados ***/
#CaixaVideo {
	float:right;
	margin:5px 5px 0 5px;
	width:415px;
	height:242px;
	text-align:justify;
	_width:400px;
}

#CaixaVideo_textoC {
	width:342px;
	height:180px;
	text-align:justify;
	_width:342px;
	overflow:auto;
	padding: 0px 10px 0px 10px;
}

#CaixaVideoI {
	float:right;
	margin:10px 5px -10px 0px;
	width:400px;
	height:360px;
}

#CaixaVideoI_textoC {
	width:342px;
	height:295px;
	text-align:justify;
	overflow:auto;
	padding: 0px 10px 0px 10px;
	line-height: 18px;	
}

#CaixaVideoI_textoC_video {
	width:342px;
	height:295px;
	text-align:justify;
	overflow:scroll;
	padding: 0px 10px 0px 10px;
	line-height: 18px;	
}

#CaixaVideoIcad {
	float:left;
	margin:45px 10px 80px 70px;
	width:510px;
	height:260px;
	text-align:justify;
	_margin:45px 10px 30px 50px;
}

#CaixaVideoIcad_textoC {
	width:452px;
	height:230px;
	text-align:justify;
	overflow:auto;
	padding: 10px 10px 10px 10px;
	line-height: 18px;	
}

#CaixaVideoIFale {
	float:left;
	margin:10px 5px 60px 70px;
	width:510px;
	height:340px;
	text-align:justify;
	_margin:10px 5px -10px 50px;
}

#CaixaVideoIFale_textoC {
	width:452px;
	height:310px;
	text-align:justify;
	overflow:auto;
	padding: 10px 10px 10px 10px;
	line-height: 18px;	
}

#ic_Edit {
	float:left;
	margin:10px 10px 0px 0px;
	width:50px;
	height:180px;
	text-align:center;
	vertical-align:top;
}

#CaixaTexto {
	float:right;
	margin:10px 10px 0 10px;
	width:740px;
	height:360px;
	_margin:8px 3px 0 20px;
	text-align:justify;
}

#CaixaTexto_textoC {
	float:right;
	width:600px;
	height:310px;
	text-align:justify;
	overflow:auto;
	padding: 10px 10px 10px 10px;
	line-height: 18px;	
}

#MaisAssitidos {
	float:left;
	margin:8px 3px 0 210px;
	width:359px;
	height:121px;
	_margin:10px 3px 0 110px;
	background:transparent url(../images/mais_assistidos.gif) no-repeat;
}

#MaisRecentes {
	clear:both;
	float:right;
	margin:-100px 30px -20px 0px;
	width:359px;
	height:121px;
	background:transparent url(../images/mais_recentes.gif) no-repeat;
	_margin:-100px 20px -20px 0px;
}

#MaisRecentes2 {
	clear:both;
	float:right;
	margin:-100px 30px -20px 0px;
	width:359px;
	height:121px;
	background:transparent url(../images/maisrecentes2.gif) no-repeat;
	_margin:-100px 20px -20px 0px;
}
.maisVideos {
	width:100px;
	height:15px;
	margin-left:180px;
	margin-top: 10px;
	
}	

#botaoEditorial {
	float:left;
	margin:-30px 3px 0 30px;
	width:104px;
	height:31px;
	background:transparent url(../images/botao.jpg) no-repeat;
	padding-top:10px;
	font-size:11px;
	font-weight:bold
}

#botaoEditorialI {
	background:transparent url(../images/botao.jpg) no-repeat;
	width:104px;
	height:31px;
	float:left;
	padding-top:10px;
	font-size:11px;
	font-weight:bold;
	margin:-30px 3px 0 30px;
}

#Frase {
	float:left;
	width:790px;
	height:31px;
	padding-top:10px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	text-align:center;
	margin:-50px 3px 0px 170px;
	_margin:-11px 3px 0px 100px;
}
#FraseI {
	float:left;
	width:790px;
	height:31px;
	padding-top:10px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	margin:-50px 3px 0px 170px;
	_margin:-11px 3px 0px 100px;
}

#FraseI1 {
	float:left;
	width:790px;
	height:31px;
	padding-top:10px;
	font-size:13px;
	font-weight:bold;
	font-style:italic;
	margin:-50px 3px 0px 170px;
	_margin:14px 3px 0px 100px;
}

#RodapeD {
	float:left;
	margin: -25px auto;
	width:1000px;
	height: 50px;
	text-align:center;
}

a {
	font: Verdana, Arial;
	font-size:11px;
	color:#000000;
	text-decoration:none;
}

a:hover {
	color:#DA251D;
}
a.link {
	font: 100% Verdana, Arial;
	color:#999999;
	text-decoration:none;
}

a.suporte {
	font: Verdana, Arial;
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

a.suporte:hover {
	color:#DA251D;
}
a.suporte.link {
	font: 100% Verdana, Arial;
	color:#000000;
	text-decoration:none;
}


.Borda {
	border:1px solid #D4D4D5;
	margin: 50px 0 0 10px;
}

.Bordatab {
	border:1px solid #D4D4D5;
	margin: 0px 0 0 0px;
}

h2 {
	font:bold 110% Verdana, Arial, tahoma;
	text-transform:uppercase;
	margin:10px 0 10px 30px;
	color:#EC7914;
}

/***************
Topo
***************/

#topoPrincipal {
	margin:0px auto;
	background: #FFFFFF;
	text-align:left;
	height:156px;
	width:720px;
}

#FlashPrincipal {
	float:left;
	margin:-12px auto;
	text-align:left;
	height:220px;
}

#ImgInterna {
	margin:-12px auto;
	text-align:left;
	height:113px;
}
#EspaçoBotoes {
	margin:10px 0 0 0;
	height:150px;
	width:720px;
	padding:  0;
	clear: both;
	background: #FFFFFF;
	vertical-align:top
}
#TextoConteudo {
	margin:0px 0 0 0;
	height:100%;
	width:720px;
	padding:  0;
	background-color:#FFFFFF;
	vertical-align:top
}

#ConteudoI {
	margin:10px 0 0 0;
	height:100%;
	width:680px;
	text-align:justify;
	background-color:#FFFFFF;
}
.ConteudoTexto {
	margin:10px 10px 0px 12px;
	height:100%;
	width:680px;
	text-align:justify;
	line-height:18px;
	background-color:#FFFFFF;
	padding-bottom:10px;
}
#ConteudoI ul {
	margin:5px 1px 0px 20px;
}

#ConteudoI li {
	display:list-item;
	list-style-type:square;
}

.Q1 {
	float:left;
	margin: 0px 0px 0 12px;
	padding: 0;
	text-align:left;
	width: 185px;
	height: 143px;
	background:#ffffff url(../images/quadro1.gif)  no-repeat left top; 
}
#Q1Titulo {
	margin: 5px 5px 1px 10px;
	text-align:left;
	width: 150px;
	height: 20px;
	font-size:10px;
	font-weight:bold;
	color:#000000;
	
}
#Q1Conteudo {
	margin: 5px 5px 1px 15px;
	padding: 0;
	text-align:left;
	width: 170px;
	height: 120px;
	font-size:10px;
	color:#000000
}

.Q2 {
	float:left;
	margin: 0px 0px 0 2px;
	padding: 0;
	text-align:left;
	width: 310px;
	height: 143px;
	background:#ffffff url(../images/quadro2.gif)  no-repeat left top; 
}
#Q2Titulo {
	margin: 5px 5px 1px 10px;
	padding: 0;
	text-align:left;
	width: 150px;
	height: 20px;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF
}
#Q2Conteudo {
	margin: 5px 5px 1px 15px;
	padding: 0;
	text-align:left;
	width: 250px;
	height: 120px;
	font-size:10px;
	color:#000000;
	display:block;
	overflow:hidden;
}

.Q3 {
	float:left;
	float:left;
	margin: 1px 5px 0 0px;
	padding: 0;
	text-align:left;
	width: 193px;
	height: 144px;
	background:#ffffff url(../images/quadro3.gif)  no-repeat left top; 
}
#Q3Titulo {
	margin: 5px 5px 1px 10px;
	padding: 0;
	text-align:left;
	width: 150px;
	height: 20px;
	font-size:10px;
	font-weight:bold;
	color:#000000
}
#Q3Conteudo {
	margin: 5px 5px 1px 15px;
	padding: 0;
	text-align:left;
	width: 180px;
	height: 120px;
	font-size:10px;
	color:#000000;
	display:block;
	overflow:hidden;
}

	
	
h1 {
	font:bold 105% Verdana, Arial, tahoma;
	text-transform:uppercase;
	margin:20px 8px 5px 73px;
	color:#000000;
	text-align:center;
	line-height: 20px;
}

.subTituloPrincipal {
	font:70% Verdana, Arial;
	color:#000000;
	margin:0 0 20px 73px;
	line-height:15px;
}



/************************************
#Páginas internas
************************************/

#topoInterno {
	float:left;
	margin:0px auto;
	background: #FFFFFF url(../images/cemig.jpg) no-repeat right top;
	text-align:left;
	height:70px;
}

h1.interno {
	font:bold 110% Verdana, Arial, tahoma;
	text-transform:uppercase;
	margin:2px 8px 0px 73px;
	color:#000000;
	text-align:left;
}

.subTituloInterno {
	font:80% Verdana, Arial;
	color:#000000;
	margin:0 0 0px 73px;
	line-height:15px;
}


.BordaAzul {
	background-color: #E9EFF7;
	width:650px;
	margin: 5px 2px 0px 40px;
	text-align:center;
	padding:10px 10px 15px 10px;

}

#FiltraCampos {
	width:650px;
	margin: -15px 2px 0px 40px;
	text-align:left;
	padding:10px 10px 15px 10px;

}

#curvaForm {
	float:right;
	margin:-32px auto;
	width:720px;
	height:80px;
	background: transparent url(../images/curva_form1.gif) no-repeat right top;
}

/************************************
#CONTEUDO
************************************/
.espaço_divisor {
	background: #FFFFFF url(../images/pixel.gif) no-repeat;
	height:5px;
}
.texto {
	font: 10px Verdana, Arial;
	color:#424242;
	margin-bottom:05px;
	line-height:15px;
}

.textoPeq {
	font:70% Verdana, Arial;
	color:#424242;
	margin-bottom:05px;
	line-height:15px;
}
.lembrete {
	font:100% Arial, Verdana;
	color:#CC0000;
	margin-bottom:05px;
	line-height:15px;
}

#conteudo {
	width:720px;
	margin:0;
	text-align:left;
	background:white ;
	float:left;
	font:70% Verdana, Arial;
	color:#000000;
}

#conteudo ul li a {
	font: 70% Verdana, Arial;
	color:#848484;
	text-decoration:none;
    height:15px;
}

#conteudo ul li a:hover {
	color:#6785B7;
}

#conteudo h2 {
	font:bold 110% Verdana, Arial, tahoma;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
#conteudo h2 a {color:#424242;}
#conteudo h3 {
	color:#6785B7;
	font:bold 100% Verdana, Arial, tahoma;
	line-height:25px;
}
#conteudo h3 a {color:#6785B7;}
#conteudo h4 {
	font:bold 90% Verdana, Arial, tahoma;
	color:#424242;
	margin-bottom:3px;
}

/*******************
/* FORMULARIO       
/*******************/
form, fieldset	{
	margin: 0;
	padding: 0;
}
fieldset	{
	border: 0px solid #B3C5DE;
}

input.azul,  select.azul, textarea.azul{
	background-color: #C7D5EB;
	border: 1px solid #C7D5EB;
	font: 95% Arial, Verdana;
	color:#000000;
	line-height:15px;
	padding:0px 2px 0px 5px;
}

input,  select, textarea{
	background-color: #FFFFFF;
	border: 1px solid #C3BB9B;
	font: 95% Arial, Verdana;
	color:#000000;
	line-height:15px;
	padding:0px 2px 0px 5px;
}

input:focus,
textarea:focus	{
	background-color: #ffffff;
	line-height:15px;
}

input.ok {
	font-weight:bold;
	border-width:0;
}

input.image{
	background-color: #E9EFF7;
	border: 1px solid #65B5B4;
	font: 100% Arial, Verdana;
	color:#B92A1A;
	line-height:15px;
	font-weight:bold;
}
input.filtro{
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	font: 100% Arial, Verdana;
	color:#000000;
	line-height:15px;
}

.BotaoSubmit {
	background-color: #FFFFFF;
	border: 1px solid #C3BB9B;
	font: 95% Arial, Verdana;
	color:#DD2D23;
	line-height:15px;
	padding:0px 2px 0px 5px;

}
.BotaoIncluir a {
	background: transparent;
	padding: 0 5px 0 5px;
	margin: 0 ;
	color: #000000;
	text-decoration: none;
	text-align: rights;
	font: 100% Verdana, Arial;
	}	
	
.BotaoIncluir a.hover {
	color: #5D8DBB;
	text-decoration: none;
	}

.BotaoFechar {
	position:relative;
	margin: 10px 10px 10px 550px;
	font: 80% Verdana, Arial;
	text-align:right
}

.BotaoVoltar {
	font: 80% Verdana, Arial;
	font-weight: bold;
	border-top: 1px solid #93B0DC;
	border-left: 1px solid #93B0DC;
	border-right: 2px solid #78B5D1;
	border-bottom: 2px solid #78B5D1;
	font-style: ridge;
	color: #555555;
	background-color: #EAF0D6;
}

.listaAzul {
	background-color: #C7D5EB;
}
.listaBranca {
	background-color: #FFFFFF;
}
.listaCinza {
	background-color: #efefef;
}

legend
{
    FONT: bold 10px Verdana, Arial, Helvetica, Sans-serif;
    COLOR: #000000;
	background-color:#85D07B;
}
legend.azul
{
    FONT: bold 10px Verdana, Arial, Helvetica, Sans-serif;
    COLOR: #000000;
	background-color:#C6D886;
}

fieldset
{
    PADDING-RIGHT: 7px;
    PADDING-LEFT: 7px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px;
	border: 1px dotted #B5B5B5;

}
fieldset.rel
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 20px;
    PADDING-TOP: 20px;
	border: 1px double #999999;
}
legend.relat
{
	FONT: bold 18px Verdana, Arial, Helvetica, Sans-serif;
    COLOR: #000000;
	text-align:center;
	background: transparent;
	margin: 0 0 0 220px;	
}

/************************************
RODAPE
************************************/
#rodape {
	clear:both;
	margin: auto;
	font:bold 80% Verdana, Arial;
	color:#B2B2B2;
	width:750px;
	height:20px;
	background: #FFFFFF url(../images/fundo_rodape.gif) no-repeat center;
	text-align:right
}

a.rodapeR {
	font: 90% Verdana, Arial;
	color:#666666;
	text-decoration:none;
}
/*---inicio galeria de fotos --*/
	ul.fotos {
	position:relative;
	list-style:none;  
	width:320px;
	height: 68px;
	margin:0; 
	padding:0; 
	padding:2px;
	margin-left: 8px;
	margin-top: 10px;
	margin-right:15px;
	padding-right: 5px;
	padding-top: 8px;
	_padding:  2px 2px 1px 0px;	
	_margin-left: 18px;
	_height: 69px;
	_width:324px;
}
ul.fotos li {
	width:87px;
	height:55px;
	float:right; 
	border:1px solid #666666;
	margin:2px 4px 3px 2px; 
	padding: 3px 3px 1px 3px;
	_margin-top:5px;
	_height: 1%;
	_padding-top: 2px;
	_padding-bottom: 2px;
}
ul.fotos li img {
	border:none; 
	width:87px;
	height:53px;
	text-align:center;
}
ul.fotos li a { _height: 1%; }
ul.fotos a:hover {
	_text-decoration:none;
	+background: none; 
	} 
ul.fotos li {_width:93px;}
ul.fotos a:hover span.legenda {_width:103px;}
#paginacao {
	float: right;
	margin-top: 2px;
	padding-top: 1px;
	margin-right: 40px;
	width:220px;
	height:36px;
	border:#EC7914 solid 3px;
	text-align:center;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	_margin-top: 2px;
}
/*caixa xom o entrevistado */
#ToolTip
{
    Z-INDEX: 100;
    VISIBILITY: hidden;
    WIDTH: 390px;
    POSITION: absolute
}
.tooltiptitle
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Tahoma,Verdana,"sans-serif";
    TEXT-DECORATION: none
}
.tooltipcontent
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Tahoma,Verdana,"sans-serif";
    TEXT-DECORATION: none
}

/*---final galeria de fotos --*/
