body, html, div, p, h1, h2, h3, h4, h5, input, textarea, form, p, ul, li, a, img
{
	font:11px Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	list-style:none;
	margin:0px;
	padding:0px;
	text-decoration:none;
	border:none;
}

a:hover { text-decoration:underline; }

* { outline:none; }
	
/* --------------------------------------
	      === Div. Topo ====
---------------------------------------*/
.topo 
{
	height:90px;
	margin-bottom:30px;
}

/*\ *Banner* \*/

.topo .banner 
{
	width:740px;
	height:90px;
	float:left;
}

.topo .banner object
{
	position:absolute;
}


.topo .banner  span.vertical { margin:14px 2px 15px 0px; display:block; float:left; }

.topo .banner  a { margin-left:3px; }

/*\ *Links* \*/

.topo .links
{
	width:100px;
	float:left;
	margin-left:20px;
}

.topo .links ul 
{
	margin-top:15px;
}

.topo .links ul li
{
	background-image:url(../../imgs/master/mid-red.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:10px;
	margin-bottom:10px;
}


.topo .links ul li a:hover { color:#d01f25; }


.bot-twitter
{
	position:absolute;
	margin-left:100px;
	margin-top:-60px;
}

/* --------------------------------------
	      === Div. Topo ====
---------------------------------------*/
.cabecalho 
{
	height:128px;
}

.cabecalho h1
{
	width:330px;
	float:left;
}

.cabecalho .pesquisa p 
{
	padding:20px 0px 8px 0px;
	font-size:14px;
}

.cabecalho span 
{
	color:#adadad;
	font-size:11px;
}

.cabecalho span a 
{
	color:#726667;
	text-decoration:underline;
}

.cabecalho span a:hover { color:#adadad; }

.cabecalho input { vertical-align:middle; }
.cabecalho input.campo
{
	background-color:transparent;
	font-size:14px;
	font-weight:bold;
	color:#adadad;
	padding:10px 10px 5px 10px;
	width:310px;
	margin-right:20px;
}

.cabecalho select
{
	font-size:14px;
	font-weight:bold;
	color:#adadad;
	width:170px;
	margin-right:20px;
	vertical-align:middle;
	border:1px solid #eaeaea;
	font-family:"Trebuchet MS", Tahoma, Arial;
	padding:12px 5px 6px 10px;
	text-transform:uppercase;
}


/* --------------------------------------
	      === Div. Áreas ====
---------------------------------------*/
.areas { height:110px; }

.areas a 
{ 
	position:absolute;
	margin:15px 0px 0px 0px;
	display:block;
	float:left;
}

.areas a.link-1 { margin: 0px 30px 0px 0px; padding:15px 15px 35px 15px; z-index:100; }
.areas a.link-2 { margin: 0px 30px 0px 340px; padding:15px 77px 35px 15px; z-index:100; }
.areas a.link-3 { margin: 0px 0px 0px 670px;  padding:15px 104px 35px 15px; z-index:100; }


/* --------------------------------------
	      === Div. Conteúdo ====
---------------------------------------*/
.conteudo 
{
	display:block;
	clear:both;
}


/* --------------------------------------
  === Div. Conteúdo ColunaEsquerda ====
---------------------------------------*/
.conteudo .colunaEsquerda 
{
	width:218px;
	float:left;
}

/*\ *----Login----* \*/

.colunaEsquerda .login 
{
	background-image:url(../../imgs/master/area-login.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:164px;
	padding:26px 15px 0px 15px;
}

.colunaEsquerda .login p 
{
	color:#adadad;
	font-weight:bold;
	margin-top:10px;
}

.colunaEsquerda p.logado 
{
	height:90px;
}

.colunaEsquerda .login input.campo
{
	border:1px solid #e6e6e6;
	background-image:url(../../imgs/master/bg-input.jpg);
	background-repeat:repeat-x;
	background-position:top;
	padding:0px 0px 0px 0px;
	height:22px;
	width:130px;
	vertical-align:middle;
	padding:5px 5px 0px 5px;
}


.colunaEsquerda .login .botaoEntrar 
{
	position:absolute;
	margin:0px 0px 0px 118px;
}

.colunaEsquerda .login a.EsqueciSenha 
{
	position:absolute;
	margin:25px 0px 0px 0px;
	color:#726667;
	text-decoration:underline;
}

.colunaEsquerda .login a.EsqueciSenha:hover { color:#d74e54; }


.colunaEsquerda .login .botaoSair 
{
	position:absolute;
	margin:13px 0px 0px 118px;
}


/* LOGIN */
.login b
{
	color:#d01f25;
	font-size:14px;
	display:block;
	margin-bottom:0px;
}
.login span
{
	font-weight:normal;
	color:#5c5c5c;
}


/*\ *----Menu----* \*/

.colunaEsquerda ul.menu 
{
	display:block;
	clear:both;
	margin-top:17px;
	margin-bottom:10px;
}

.colunaEsquerda ul.menu li 
{
	margin-top:10px;
	padding-bottom:11px;
	background-image:url(../../imgs/master/linha-menu.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

.colunaEsquerda ul.menu li.no-bg { background:none; }

.colunaEsquerda ul.menu li a 
{
	background-image:url(../../imgs/master/mid-red-menu.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:15px;
}

.colunaEsquerda ul.menu li a:hover 
{
	color:#b1b1b1;
	background-image:url(../../imgs/master/mid-cinza.jpg);
}

.colunaEsquerda ul.menu li a.sel 
{
	color:#b1b1b1;
	background-image:url(../../imgs/master/mid-cinza.jpg);
}


.patrocinadores 
{
	padding-top:10px;
	color:#adadad;
	font-size:9px;
	text-transform:uppercase;
}

.patrocinadores img 
{

}


/* --------------------------------------
     === Div. Conteúdo .Miolo ====
---------------------------------------*/
.conteudo .miolo 
{
	width:712px;
	float:left;
	margin-left:30px;
	margin-top:-22px;
	*margin-bottom:-22px;
}

.miolo a.crie-seu-portal 
{
	background-image:url(../../imgs/home/bg-crie.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	padding-bottom:40px;
	display:block;
	margin-top:25px;
	background-repeat:no-repeat;
	background-position:left top;
	text-decoration:none;
}

.miolo a.botMaisCrie
{
	position:absolute;
	z-index:100;
	margin:-16px 0px 0px 30px;
	*margin:-19px 0px 0px 30px;
	_margin:-15px 0px 0px 30px;
}

/* Flash Animação */
.flash
{
	margin-top:20px;
	background-image:url(../../imgs/home/bg-flash.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:256px;
	*margin-top:-3px;
	_margin-top:19px;
}
.flash .area-banner
{
	margin-top:-30px;
	_margin-top:-42px;
	
}

/* ---------------------------------------------- */
.miolo a.crie-seu-portal .tit 
{
	margin:28px 0px 0px 30px;
}

.miolo a.crie-seu-portal span 
{
	margin:0px 0px 0px 30px;
	display:block;
	font-size:14px;
	color:#ffffff;
}

.miolo a:hover.crie-seu-portal span 
{
	color:#f2a9ab;
}


/* -----------------------------------
	====== Div.Miolo "BLOG" ======
------------------------------------ */
.miolo .blog 
{
	background-image:url(../../imgs/home/bg-blog.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width:404px;
	height:277px;
	margin-top:-20px;
	padding:0px 30px 0px 30px;
	float:left;
}

.miolo .blog h3 
{
	margin-top:13px;
	margin-bottom:12px;
}

.miolo .blog a.destaque 
{
	padding-right:120px;
	display:block;
	height:100px;
}

.miolo .blog a.destaque .foto-blog 
{
	position:absolute;
	margin:10px 0px 0px 310px;
	border:1px solid #adadad;
}


.miolo .blog a.destaque span.data { font-size:10px; }
.miolo .blog a.destaque span.titulo { font-size:14px; color:#d01f25; font-weight:bold; }
.miolo .blog a.destaque span.descricao {text-align:justify;}

.miolo .blog ul { margin:30px 0px 0px 0px; height:80px; }
.miolo .blog ul li { margin:0px 0px 15px 0px; }
.miolo .blog ul li a:hover { color:#ababab; }

.botaoVejaMais
{
	position:absolute;
	*margin:-5px 0px 0px 0px;
	_margin:-10px 0px 0px 0px;
}


/* -----------------------------------
		    Div.Miolo "SALA"
------------------------------------ */
.miolo .sala 
{
	height:263px;
	width:188px;
	background-image:url(../../imgs/home/bg-sala-de-discussao.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	float:right;
	padding:0px 15px 0px 15px;
	margin-top:15px;
}

.miolo .sala h3 { margin-top:20px; margin-bottom:10px; }

.miolo .sala p 
{
	height:80px;
	margin:0px;
}

.miolo .sala p img
{
	margin-right:10px;
}

.miolo .sala p span.tema 
{
	font-weight:bold;
	color:#4d4d4d;
	font-size:11px;
}

.miolo .sala p span.assunto 
{
	font-weight:bold;
	color:#ffffff;
	font-size:11px;
}

.miolo .sala p span.data 
{
	color:#d01f25;
	font-size:10px;
	text-transform:uppercase;
}

.miolo .sala a { text-align:justify; }
.miolo .sala a:hover { color:#797979; }


.miolo .sala a.convidado 
{
	margin-top:5px;
	display:block;
	height:47px;
	font-weight:bold;
	padding-top:7px;
}

.miolo .sala a.convidado img
{
	margin-right:10px;
}

.miolo .sala a.convidado span { color:#ffffff; }


.conteudo-base
{
	height:400px;
}


/* -----------------------------------
		   Div.Miolo "NOTÍCIAS"
------------------------------------ */

.miolo .noticias 
{
	margin-top:30px;
	padding-top:15px;
	width:465px;
	height:280px;
	float:left;
}

.miolo .noticias h3 {}

.miolo .noticias .scroll 
{
	margin-top:18px;
	height:315px;
	overflow:auto;
}


.miolo .noticias .scroll a { margin-bottom:20px; display:block; }

.miolo .noticias .scroll a .data { font-size:10px; }
.miolo .noticias .scroll a .tema { font-size:11px; font-weight:bold; color:#adadad; }
.miolo .noticias .scroll a .titulo { font-size:14px; font-weight:bold; color:#d01f25; }
.miolo .noticias .scroll a .descricao { text-align:justify; }



/* Destaque */
.miolo .noticias .scroll .destaque .data
{
	/* Background */
	background-image:url(../../imgs/home/bg-data-destaque.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	
	/* Formatação */
	color:#ffffff;
	font-size:9px;
	line-height:12px;
	text-align:center;
	text-transform:uppercase;

	/* Especificações */
	height:32px;
	width:33px;
	display:block;
	float:left;
	padding-top:4px;
	margin-right:7px;
}

.miolo .noticias .scroll .destaque .data b
{
	display:block;
	font-size:14px;
}

.miolo .noticias .scroll .destaque a .tema
{
	font-size:11px;
	text-transform:uppercase;
}

.miolo .noticias .scroll .destaque a .titulo
{
	font-size:18px;
}

/* -----------------------------------
		 Div.Miolo "COLUNISTAS"
------------------------------------ */

.miolo .colunistas 
{
	background-image:url(../../imgs/home/bg-colunistas.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	height:272px;
	width:188px;
	float:right;
	padding:0px 15px 0px 15px;
	margin-top:30px;
	margin-bottom:10px;
}

.miolo .colunistas h3 
{
	margin-top:30px;
	margin-bottom:5px;
}



.miolo .colunistas a.linkColunas
{
	width:122px;
	height:60px;
	padding-left:60px;
	display:block;
	
	background-image:url(../../imgs/home/linha-colunas.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top:10px;
	
}

.miolo .colunistas a.linkColunas img 
{
	position:absolute;
	margin-left:-60px;
	margin-top:2px;
	border:1px solid #eaeaea;
}

.miolo .colunistas a.linkColunas:hover {color:#b5b5b5;}
.miolo .colunistas a.linkColunas:hover span.titulo {color:#b5b5b5;}

.miolo .colunistas a.linkColunas span.data   { font-size:9px; }
.miolo .colunistas a.linkColunas span.titulo { color:#d01f25; font-weight:bold; }
.miolo .colunistas a.linkColunas span.nome   {  }

.botFinanciamento
{
	margin:20px 0px 0px 29px;
	float:right;
}

/* --------------------------------------
     === Div. #Rodape ====
---------------------------------------*/
#rodape { 
	text-align:center;
	background-position:center;
	background-image:url(../../imgs/home/bg-rodape-geral.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	height:300px;
}

#rodape .rodape-conteudo 
{
	padding-top:30px;
	width:990px;
	margin:0 auto;
	color:#adadad;
	padding-bottom:20px;

}

#rodape .rodape-conteudo .copyright a { color:#adadad; }
#rodape .rodape-conteudo .copyright a:hover { color:#4f4f4f; }


#rodape .rodape-conteudo p a 
{
	color:#4d4d4d;
	font-size:9px;
	margin:0px 10px 0px 10px;
}

#rodape .rodape-conteudo p 
{
	border-top:1px solid #efefef;
	padding-top:20px;
	color:#adadad;
	font-size:9px;
	text-transform:uppercase;
	margin-bottom:10px;
}

#rodape .rodape-conteudo p a.sel { color:#c8c8c8; }
#rodape .rodape-conteudo p a:hover { color:#c8c8c8; }




#rodape .rodape-conteudo .abas { height:250px; _margin-left:-20px; }

#rodape .rodape-conteudo .abas h4 { margin-bottom:10px; }

#rodape .rodape-conteudo .abas .aba1 { margin:22px 35px 0px 25px; height:200px; width:190px; float:left; text-align:left; }
#rodape .rodape-conteudo .abas .aba2 { margin:22px 25px 0px 31px; height:200px; width:190px; float:left; text-align:left; }
#rodape .rodape-conteudo .abas .aba3 { margin:22px 30px 0px 30px; height:200px; width:190px; float:left; text-align:left; }
#rodape .rodape-conteudo .abas .aba4 { margin:45px  0px 0px  0px; height:165px; width:218px; float:left; text-align:left; }





/*  ......   ABA 1  ......  */

.abas .aba1 {}

.abas .aba1 .datas { margin-top:10px; height:130px; height:35px; }
.abas .aba1 .datas .DiaMes
{
	text-transform:uppercase;
	font-size:9px;
	color:#ffffff;
	text-align:center;
	display:block;
	height:32px;
	width:32px;
	float:left;
	letter-spacing:1px;
	line-height:12px;
	background-image:url(../../imgs/home/bg-data.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-right:10px;
}


.abas .aba1 .datas .DiaMes strong 
{
	margin-top:5px;
	letter-spacing:0px;
	display:block;
	font-size:14px;
	font-weight:bold;
}

.abas .datas a {color:#d01f25; font-size:11px; font-weight:bold; line-height:10px; }
.abas .datas a:hover { color:#e78e91; }
.abas .datas a span { color:#4d4d4d; font-size:9px; display:block; }



/*  ......   ABA 2  ......  */

.abas .aba2 .datas { margin-top:10px; height:130px; height:35px; }
.abas .aba2 .datas .DiaMes
{
	text-transform:uppercase;
	font-size:9px;
	color:#ffffff;
	text-align:center;
	display:block;
	height:32px;
	width:32px;
	float:left;
	letter-spacing:1px;
	line-height:12px;
	background-image:url(../../imgs/home/bg-data.jpg);
	background-repeat:no-repeat;
	background-position:center;
	margin-right:10px;
}


.abas .aba2 .datas .DiaMes strong 
{
	margin-top:5px;
	letter-spacing:0px;
	display:block;
	font-size:14px;
	font-weight:bold;
}

.abas .aba2 .datas a { display: block; color:#d01f25; font-size:11px; font-weight:bold; line-height:10px; padding-top: 2px; }
.abas .aba2 .datas a:hover { color:#e78e91; }


/*  ......   ABA 3  ......  */

.abas .aba3 a { color:#d01f25; font-weight:bold; margin-bottom:10px; display:block; }
.abas .aba3 a:hover { color:#e78e91; }
.abas .aba3 a img {	border:1px solid #ebebeb; }


/*  ......   ABA 4  ......  */
.abas .aba4 a.fornecedores 
{
	padding-top:18px;
	padding-bottom:32px;
	display:block;
	background-image:url(../../imgs/home/linha-colunas.jpg);
	background-repeat:repeat-x;
	background-position:bottom;
}
.abas .aba4 a.dicas { padding-top:32px; _padding-top:0px; display:block; _margin-top:20px; }





/* Patrocinio */

.patro 
{
	color:#adadad;
	font-size:9px;
	text-transform:uppercase;
	text-align:left;
	margin-top:15px;
	margin-bottom:20px;
	height:70px;

}

.patro a 
{
	float:left;
	vertical-align:middle;
}

.patro a.logo1 { margin-right:32px; }
.patro a.logo2 { margin-right:32px; }
.patro a.logo3 { margin-right:32px; }
.patro a.logo4 { margin-right:32px; }
.patro a.logo5 { margin-right:32px; }
.patro a.logo6 { margin-right:0px;  }



/* Blog do Roccato */

.BlogRoccato
{
	background-image:url(../../imgs/home/bg-blog-do-rocato.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:92px;
	width:198px;
	margin-top:40px;
	margin-left:-15px;
	
	padding:10px 15px 0px 15px;
	_width:190px;
}

.BlogRoccato .previa
{
	margin-top:10px;
}

.BlogRoccato .previa .linkImagem
{
	float:left;
	border:1px solid #eaeaea;
}

.BlogRoccato .previa .texto
{
	width:130px;
	float:left;
	margin-left:10px;
	height:54px;
	overflow:hidden;
	text-align:justify;
	line-height:13px;
}

.BlogRoccato .previa .texto strong
{
	color:#d01f25;
}


#flash_popup
{
	position:absolute;
	z-index:900;
	margin:130px 0px 0px 400px;
	*margin:130px 0px 0px -400px;
}
