/*
////////////////////////////////////////////////////////////////
//   Desenvolvimento do site MATRIX - MARKETING PROMOCIONAL
//   URL: http://www.matrixmkt.com.br
//   Email: matrix@matrixmkt.com.br
//   DESENVOLVEDOR: CANAL PERNAMBUCO DE COMUNICAÇÕES
//   URL: contato@canalpernambuco.net
//   CRIADOR: Gustavo R. Rodrigues 
///////////////////////////////////////////////////////////////
*/



* { margin:0; padding:0; border:0; list-style:none; }
body { margin:0px; background:url(../img/bg_body.jpg) top center #111 no-repeat; }
body,table,div,p  {
	font-family:Trebuchet MS;
	font-size:11px;
	color:#999;
}
a { color:#999; text-decoration:none; outline:none;  }
a:hover { text-decoration:underline; color:#fff}
h3{ font-size:20px; color:#fff;}
a img { border:0px; outline:none;}
ul,li{
	margin:0px;
	padding:0px;
	border:0px;
	text-decoration:none;
	font-family:"Trebuchet MS";
	font-size:10px;
	color:#ccc;
	text-align: left;
	font-weight: bold;
}
.limpar { clear:both; }
input,textarea{ border:1px solid #fff; outline:none;}

.	 ul {  margin:5px 0px; text-align:justify}
.textos ul li { list-style:outside disc; margin-left:20px; padding:10px 0px; font-size:12px }
.textos ul ul li { list-style:inside circle;  }
.textos p { margin:10px 0; color:#ccc; text-align:justify; font-size:12px; line-height:150% }
.textos h3 { margin:5px 0px; color:#ff6600 !important }
h2{ font-size:30px; color:#fff; font-weight:normal;}


/* ============================================================ GERAL ======================================================================== */
#geral{ width:900px; margin:auto;}
#topoTelefone{ width:400px; height:45px; margin-left:460px; }
#topoTelefone h3{ float:left; display:block; overflow:hidden; text-indent:-9000px; background:url(../img/numero_telefone.png) no-repeat; width:210px; height:19px; margin-top:20px;}
#topoTelefone a{float:right; display:block; overflow:hidden; text-indent:-9000px; background:url(../img/areaCliente.gif) no-repeat; width:145px; height:30px; margin-top:15px;}



/* ==================================== Topo Logo ===============================================*/
#TopoLogo{ float:left; width:300px; height:100px; padding-top:5px; }
#TopoLogo h1 a{ background:url(../img/logo.png) no-repeat; width:250px; height:62px; display:block; text-indent:-9000px; }



/* ====================================== Topo Menu ============================================*/
#TopoMenu{ float:left; width:600px; margin-top:15px;}
#TopoMenu ul li{ float:left; height:40px;}
#TopoMenu ul li a{ display:block; overflow:hidden; text-indent:-9000px; height:40px;}
#TopoMenu .menuCurvaEsq{ width:30px; background:url(../img/menuCurvaESQ.jpg) no-repeat;}
#TopoMenu .menuHome{ width:90px; background:url(../img/menu_inicio.jpg) no-repeat;}
#TopoMenu .menuEmpresa{ width:90px; background:url(../img/menu_empresa.jpg) no-repeat;}
#TopoMenu .menuServico{ width:90px; background:url(../img/menu_servicos.jpg) no-repeat;}
#TopoMenu .menuCliente{ width:90px; background:url(../img/menu_clientes.jpg) no-repeat;}
#TopoMenu .menuPortfolio{ width:90px; background:url(../img/menu_portfolio.jpg) no-repeat;}
#TopoMenu .menuContato{ width:90px; background:url(../img/menu_contato.jpg) no-repeat;}
#TopoMenu .menuCurvaDir{ width:30px; background:url(../img/menuCurvaDIR.jpg) no-repeat;}


#TopoMenu .menuHome a:hover, #TopoMenu .menuHome_ativo{ width:90px; background:url(../img/menu_inicio_on.jpg) no-repeat;}
#TopoMenu .menuEmpresa a:hover, #TopoMenu .menuEmpresa_ativo { width:90px; background:url(../img/menu_empresa_on.jpg) no-repeat;}
#TopoMenu .menuServico a:hover, #TopoMenu .menuServico_ativo{ width:90px; background:url(../img/menu_servicos_on.jpg) no-repeat;}
#TopoMenu .menuCliente a:hover, #TopoMenu .menuCliente_ativo { width:90px; background:url(../img/menu_clientes_on.jpg) no-repeat;}
#TopoMenu .menuPortfolio a:hover, #TopoMenu .menuPortfolio_ativo { width:90px; background:url(../img/menu_portfolio_on.jpg) no-repeat;}
#TopoMenu .menuContato a:hover, #TopoMenu .menuContato_ativo { width:90px; background:url(../img/menu_contato_on.jpg) no-repeat;}
/* ====================================== Topo Menu FIM ============================================*/



/* ================================================ Home Flash ==========================================================*/
#DadosFlash{ width:890px; background:url(../img/bgTopoConteudo.jpg) no-repeat; height:299px; padding-top:11px; padding-left:20px;}
.UltimosProjetos{ display:block; text-indent:-9000px; width:303px; height:33px; background:url(../img/tituloUltimosProjetos.png) no-repeat; margin-bottom:16px;}
.UltimosProjetos{ display:block; text-indent:-9000px; width:303px; height:33px; background:url(../img/tituloUltimosProjetos.png) no-repeat; margin-bottom:16px;}



/* ================================================ Home Flash fim ======================================================*/


/* ================================================== Home Conteudo =====================================================*/
#ColunaConteudo{  width:690px; float:left; padding-left:20px; background:url(../img/bg_conteudoInferior.jpg) bottom #000 no-repeat;}
/* ================================================== Home Novidade =====================================================*/
#novidades{ width:181px; float:left; }
#novidades h3{ display:block; overflow:hidden; text-indent:-9000px; background:url(../img/tituloNovidades.gif) no-repeat;}
#novidades ul li{ border-top:1px solid #1a1a1a; padding-bottom:5px; padding-top:5px;}
#novidades ul li a:hover{ color:#fff;}
#novidades ul li h4{ font-size:10px; color:#999;}
#novidades ul li p{ font-size:11px; color:#999;}
/* ================================================== Home Novidade fim ==================================================*/ 



/* ====================================================== Home Serviços ==================================================*/
#homeServico{ width:470px; height:230px; background:url(../img/bg_NossoServico.jpg) no-repeat; float:left; margin-left:20px;  }
#homeServico .servicos { width:240px; float:left; padding-left:20px;}
#homeServico .servicos h3{ display:block; text-indent:-9000px; background:url(../img/tituloNossosServicos.gif) no-repeat; width:134px; height:19px; margin-top:10px;}
#homeServico .servicos h4{ display:block; text-indent:-9000px; background:url(../img/textoNossosServicos.png) no-repeat; width:207px; height:50px; margin-top:10px;}
#homeServico .servicos p{ margin-top:15px; margin-bottom:13px; line-height:14px;}
#homeServico .servicos a{ display:block; text-indent:-9000px; overflow:hidden; background:url(../img/bt_saibamais.jpg) no-repeat; width:100px; height:20px;}
#homeServico .servicosTV{ width:210px; float:left; margin-top:10px;}
/* ====================================================== Home Serviços fim ==============================================*/



/* ============================================= Home Solicite um Orçamento ==============================================*/
#GaleriaFotos{ float:left; width:211px; margin-right:20px; margin-top:20px; }
#GaleriaFotos h3{ width:211px; height:31px; display:block; text-indent:-9000px; background:url(../img/tituloOrcamento.gif) no-repeat;}
#GaleriaFotos img{ margin-top:10px; margin-bottom:10px;}
/* ============================================= Home Solicite um Orçamento fim ==========================================*/



/* =============================================== Home Novidade =========================================================*/
#clientes{ float:left; width:211px; margin-right:20px; margin-top:20px; }
#clientes h3{ float:left; width:211px; height:31px; display:block; text-indent:-9000px; background:url(../img/tituloClientes.gif) no-repeat;}
#clientes .setaESQ a{ margin-top:53px; float:left; width:10px; height:16px; display:block; text-indent:-9000px; overflow:hidden; background:url(../img/setaESQ.gif) no-repeat;}
#clientes .setaESQ a:hover{ margin-top:53px; float:left; width:10px; height:16px; display:block; text-indent:-9000px; overflow:hidden; background:url(../img/setaESQ_on.gif) no-repeat;}
#clientes .imgCliente{ margin-top:33px; float:left; width:189px; height:81px;}
#clientes .setaDIR a{ margin-top:53px; float:right; width:10px; height:16px; display:block; text-indent:-9000px; overflow:hidden; background:url(../img/setaDIR.gif) no-repeat;}
#clientes .setaDIR a:hover{ margin-top:53px; float:right; width:10px; height:16px; display:block; text-indent:-9000px; overflow:hidden; background:url(../img/setaDIR_on.gif) no-repeat;}
/* =============================================== Home Novidade fim =====================================================*/



/* =================================================== Home Newsletter ===================================================*/
#newsletter{ float:left; width:211px; margin-top:20px;}
#newsletter h3{ float:left; width:211px; height:31px; display:block; text-indent:-9000px; background:url(../img/tituloNewsletter.gif) no-repeat; margin-bottom:10px;}
#newsletter p{ margin-bottom:10px;}
#newsletter h4{ margin-bottom:5px; font-size:11px;}
#newsletter input{ width:190px; height:25px; border:1px solid #1a1a1a; background-color:#0d0d0d; color:#FFF; padding-top:5px;}
#newsletter span input{ display:block; text-indent:-9000px; background:url(../img/img_cadastrar.jpg) no-repeat; width:80px; height:24px; margin-top:10px;}
/* =================================================== Home Newsletter fim ======================================================*/



/* ================== Home Coluna Direita =====================*/
#colunaDireita{ width:177px; float:left; margin-left:10px;}
/* ====================================== Home blog =============================================*/
#blog { margin-top:2px;  }
#blog h3 a{ width:171px; height:48px; background:url(../img/tituloBlog.png) no-repeat; display:block; text-indent:-9000px; border-bottom:1px solid #292929; }
#blog ul li{ border-bottom:1px solid #292929; padding-top:10px; padding-bottom:10px;}
#blog ul li h4{ font-size:10px;}
/* ====================================== Home blog fim =========================================*/



/* ================== Home Atendimento =====================*/
#atendimentoOnline{
	width:170px;
	height:110px;
	display:block;
	text-indent:-9000px;
	background:url(../img/img_atendimento.jpg) no-repeat;
	margin-top:20px;
}

/* ================== Home Rodape =====================*/
#rodape{ width:900px; margin:0 auto; margin-top:18px;}
#rodape ul { width:430px; float:left;}
#rodape ul li{ float:left; margin-right:5px; margin-left:5px; color:#666; }
#rodape ul li a{ color:#666;}
#rodape ul li a:hover{ color:#FF9900;}
#rodape p{ width:260px; float:left; color:#333;}

#Design { position: absolute; padding-top:50px; padding-right:50px; width:161px; height:-40px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-right: auto; left: 900px; top: 926px; }



/* ==================-============================= PAGINAS INTERNA =========================================================*/
.Sub-Empresa{ width:860px; height:205px; margin-top:10px; margin-left:15px; margin-right:20px; border-top:1px solid #262626; background:url(../img/bgTopoEmpresa.jpg) bottom no-repeat;}
.Sub-clientes{ width:860px; height:205px; margin-top:10px; margin-left:15px; margin-right:20px; border-top:1px solid #262626; background:url(../img/bgTopoClientes.jpg) bottom no-repeat;}
.Sub-novidades{ width:860px; height:205px; margin-top:10px; margin-left:15px; margin-right:20px; border-top:1px solid #262626; background:url(../img/imgNovidades.jpg) bottom no-repeat;}
.Sub-portfolio{ width:860px; height:205px; margin-top:10px; margin-left:15px; margin-right:20px; border-top:1px solid #262626; background:url(../img/img-topo-portfolio.jpg) bottom no-repeat;}
.Sub-contato{ width:860px; height:205px; margin-top:10px; margin-left:15px; margin-right:20px; border-top:1px solid #262626; background:url(../img/bgtopoContato.jpg) bottom no-repeat;}
.Sub-orcamento{ width:860px; height:205px; margin-top:10px; margin-left:15px; margin-right:20px; border-top:1px solid #262626; background:url(../img/bg_topoOrcamento.jpg) bottom no-repeat;}



.subTitulo-empresa{ display:block; text-indent:-9000px; width:206px; height:34px; background:url(../img/subtituloEmpresa.jpg) no-repeat; margin-bottom:0px; }
.subTitulo-clientes{ display:block; text-indent:-9000px; width:184px; height:35px; background:url(../img/subtituloClientes.jpg) no-repeat; margin-bottom:0px; }
.subTitulo-portfolio{ display:block; text-indent:-9000px; width:197px; height:34px; background:url(../img/subtituloPortfolio.jpg) no-repeat; margin-bottom:0px; }
.subTitulo-contato{ display:block; text-indent:-9000px; width:171px; height:34px; background:url(../img/subtituloContato.jpg) no-repeat; margin-bottom:0px; }
.subTitulo-servicos{ display:block; text-indent:-9000px; width:183px; height:35px; background:url(../img/subtituloservicos.jpg) no-repeat; margin-bottom:0px; }
.subTitulo-orcamento{ display:block; text-indent:-9000px; width:219px; height:35px; background:url(../img/subtituloOrcamento.jpg) no-repeat; margin-bottom:0px; }
.subTitulo-novidades{ display:block; text-indent:-9000px; width:201px; height:34px; background:url(../img/subtituloNovidades.jpg) no-repeat; margin-bottom:0px; }
.subTitulo-noticias{ display:block; text-indent:-9000px; width:183px; height:35px; background:url(../img/subtituloNoticias.jpg) no-repeat; margin-bottom:0px; }




.subMenu{
	margin-top:50px;
	width:220px;
}
.subMenu ul li{ border-bottom:1px solid #1b1b1b; padding:5px; list-style: inside square;}
.subMenu ul li a{ color:#ccc; font-size:12px}
.subMenu ul li a:hover{ color:#FF6600;}
.subMenu ul li .menu-ativo{ text-decoration:underline; color:#ff6600;}

.conteudoEmpresa { padding:0 10px; }
.conteudoEmpresa p { line-height:19px; color:#ccc; padding-right:20px; text-align:justify }
.conteudoEmpresa h3{ font-weight:normal; color:#ccc; margin-top:15px; font-size:17px;}

.listagem-equipe{ margin-top:30px; width:260px; padding-left:70px; float:left; color:#ccc; }
.listagem-equipe img{ margin-bottom:10px;}
.listagem-equipe h4{ font-weight:normal; font-size:12px;}
.listagem-equipe span{ color:#666;}


.listegem-clientes{ margin-top:20px;}
.listegem-clientes div{ float:left; width:220px; height:100px; margin:0px 3px 3px 0px}
.listegem-clientes ul li{ float:left; overflow:hidden; display:block; margin-right:5px; margin-bottom:5px; width:220px; height:100px; line-height:140px; background:url(../img/bg_clientes.jpg) no-repeat; text-align:center; }



.novidades-ver{ padding-right:10px; margin-top:-20px;}
.novidades-ver h5{ font-size:10px; font-weight:normal;}
.novidades-ver h3{ font-size:20px; font-weight:normal; color:#FF9900; margin-bottom:10px; margin-top:5px;}
.novidades-ver p{ color:#ccc; line-height:20px;}
.novidades-ver ul { margin-top:30px;}
.novidades-ver ul li { background:url(../img/bg_listagemNovidades.jpg) repeat-x; height:30px; margin-bottom:1px; line-height:30px; width:660px; }
.novidades-ver ul li a{ padding-left:15px; display:block; color:#ccc; font-size:12px;}
.novidades-ver ul li a:hover{ padding-left:15px; display:block; color:#fff; background:url(../img/bordaleftNovidades.jpg) left no-repeat;  height:30px;}




.listagem-portfolio{}
.listagem-portfolio ul li{ width:210px; float:left; margin:7px; margin-bottom:10px; height:175px;}
.listagem-portfolio ul li img{ border-bottom:2px solid #FF9900; margin-bottom:3px;}
.listagem-portfolio ul li h4{ font-weight:normal; color:#ccc;}
.listagem-portfolio ul li h4 b{ color:#FF9900;}


/*  LISTAGEOS CLIENTES  */

.listagem-clientes{}
.listagem-clientes ul li{ width:210px; float:left; margin:7px; margin-bottom:10px; height:175px;}
.listagem-clientes ul li img{ border-bottom:2px solid #FF9900; margin-bottom:3px;}
.listagem-clientes ul li h4{ font-weight:normal; color:#ccc;}
.listagem-clientes ul li h4 b{ color:#FF9900;}




.contato-dados{ width:250px; height:300px; float:left; border-right:1px solid #1a1a1a; margin-right:20px; padding-left:20px; background:url(../img/bg_contatolateral.gif) repeat-y left;}
.contato-dados h4{ font-size:12px; font-weight:normal; color:#FF9900;}
.contato-dados p{ margin-bottom:20px; color:#ccc;}


.contato-formulario{ width:370px; float:left; }
.contato-formulario h3{ margin-bottom:8px; border-bottom:1px solid #1a1a1a; padding-bottom:10px; background:url(../img/titulo-formulario.gif) no-repeat;  height:15px; display:block; text-indent:-9000px; }
.contato-formulario p{ margin-bottom:20px; color:#ccc;}
.contato-formulario div{ text-align:right; margin-bottom:10px; color:#FF9900; font-size:12px;}
.contato-formulario div select{ width:300px; height:24px; background-color:#1a1a1a; border:0px; vertical-align:middle; padding-left:5px;}
.contato-formulario div input{ width:290px; height:21px; border:0px; color:#fff; background:url(../img/bg_input.gif) no-repeat; vertical-align:middle; padding-left:10px; padding-top:3px;}
.contato-formulario div textarea{width:290px; color:#fff; height:74px; border:0px; background:url(../img/bg_textarea.gif) no-repeat;  vertical-align:top; padding-left:10px; padding-top:3px;}


/*  FORMULÁRIO DE CADASTRO */

.cadastro-dados{ width:250px; height:300px; float:left; border-right:1px solid #1a1a1a; margin-right:20px; padding-left:20px; background:url(../img/bg_contatolateral.gif) repeat-y left;}
.cadastro-dados h4{ font-size:12px; font-weight:normal; color:#FF9900;}
.cadastro-dados p{ margin-bottom:20px; color:#ccc;}
.cadastro-formulario{ width:640px; float:left;
}
.cadastro-formulario h3{
	margin-bottom:8px;
	border-bottom:1px solid #1a1a1a;
	padding-bottom:10px;
	height:15px;
	display:block;
	text-indent:-9000px;
	background-image: url(../img/titulo-cadastro.gif);
	background-repeat: no-repeat;
}
.cadastro-formulario p{ margin-bottom:20px; color:#ccc;}
.cadastro-formulario div{ text-align:left; margin-bottom:10px; color:#FF9900; font-size:12px;
}
.cadastro-formulario div select{ width:120px; height:24px; background-color:#1a1a1a; border:0px; vertical-align:middle; padding-left:5px;}
.cadastro-formulario div input{ height:21px; border:0px; color:#fff; vertical-align:middle; padding-left:10px; padding-top:3px; background-image: url(../img/bg_inputp.gif); background-repeat: no-repeat; }
.cadastro-formulario div textarea{ color:#fff; height:74px; border:0px; background:url(../img/bg_textarea.gif) no-repeat;  vertical-align:top; padding-left:10px; padding-top:3px;}







.servicos-interno .ac-promocional{
	height:23px;
	display:block;
	text-indent:-9000px;
	border-bottom:1px dotted #202020;
	padding-bottom:15px;
	margin-bottom:15px;
	background-image: url(../img/sub-acoes-promocionais.gif);
	background-repeat: no-repeat;
}
.servicos-interno .anima-recreacao{ background:url(../img/sub-animacoes-recreacao.gif) no-repeat; width:660px; height:27px; display:block; text-indent:-9000px; border-bottom:1px dotted #202020; padding-bottom:15px; margin-bottom:15px;}
.servicos-interno .apoio-cliente{
	width:660px;
	height:26px;
	display:block;
	text-indent:-9000px;
	border-bottom:1px dotted #202020;
	padding-bottom:15px;
	margin-bottom:15px;
	background-image: url(../img/sub-apoio-cliente.gif);
	background-repeat: no-repeat;
}
.servicos-interno .apoio-feiras{
	width:660px;
	height:26px;
	display:block;
	text-indent:-9000px;
	border-bottom:1px dotted #202020;
	padding-bottom:15px;
	margin-bottom:15px;
	background-image: url(../img/sub-apoio-feiras.gif);
	background-repeat: no-repeat;
}
.servicos-interno .sub-selecao{
	width:660px;
	height:26px;
	display:block;
	text-indent:-9000px;
	border-bottom:1px dotted #202020;
	padding-bottom:15px;
	margin-bottom:15px;
	background-image: url(../img/sub-selecao.gif);
	background-repeat: no-repeat;
}
.servicos-interno .sub-lancamento{
	width:660px;
	height:26px;
	display:block;
	text-indent:-9000px;
	border-bottom:1px dotted #202020;
	padding-bottom:15px;
	margin-bottom:15px;
	background-image: url(../img/sub-lancamento.gif);
	background-repeat: no-repeat;
}
.servicos-interno .sub-contratar{
	width:660px;
	height:26px;
	display:block;
	text-indent:-9000px;
	border-bottom:1px dotted #202020;
	padding-bottom:15px;
	margin-bottom:15px;
	background-image: url(../img/sub-contratar.gif);
	background-repeat: no-repeat;
}
.servicos-interno .ac-diferenciada{
	width:660px;
	height:25px;
	display:block;
	text-indent:-9000px;
	border-bottom:1px dotted #202020;
	padding-bottom:15px;
	margin-bottom:15px;
	background-image: url(../img/sub-acoes-diferenciadas.gif);
	background-repeat: no-repeat;
}




.orcamento{}
.orcamento .solicite-orcamento{ background:url(../img/sub_soliciteOrcamento.gif) no-repeat; width:660px;height:18px; text-indent:-9000px; display:block; border-bottom:1px solid #1a1a1a; padding-bottom:8px; margin-bottom:20px; /*background:url(/img/sub_soliciteOrcamento.gif) no-repeat; width:175px; height:18px; text-indent:-9000px; display:block; margin-bottom:15px; */}
.orcamento .informacoes{ background:url(../img/sub_informacoes.gif) no-repeat; width:660px;height:18px; text-indent:-9000px; display:block; border-bottom:1px solid #1a1a1a; padding-bottom:8px; margin-bottom:20px;}
.orcamento .informacoes-site{ background:url(../img/sub_informacoesSite.gif) no-repeat; width:660px;height:18px; text-indent:-9000px; display:block; border-bottom:1px solid #1a1a1a; padding-bottom:8px; margin-top:40px; margin-bottom:10px;}





.orcamento div { padding-top:10px; clear:both }
.orcamento div h4{ font-weight:normal; margin-right:10px; font-size:11px; width:155px; background-color:#0d0d0d; line-height:17px; padding:4px 5px; border:1px solid #1a1a1a; display:block; float:left; color:#FF9900;}
.orcamento div input { vertical-align:middle }
.orcamento div input.text { width:295px; font-family:'Trebuchet MS'; font-size:11px; height:21px; color:#ccc; padding:3px 5px; background-color:#1A1A1A; border:0px;}
.orcamento .publico h4{ font-weight:normal; width:155px; background-color:#0d0d0d; line-height:22px; padding-left:5px; border:1px solid #1a1a1a; display:block; float:left; color:#FF9900;}
.orcamento textarea{ width:295px; font-family:'Trebuchet MS'; font-size:11px; color:#ccc; padding:4px; background-color:#1A1A1A; border:0px;}
.orcamento textarea.size2 { height:35px }
.orcamento textarea.size3 { height:35px }
.orcamento textarea.size4 { height:100px }

.orcamento .bt-enviar{ width:470px; text-align:right; border-top:1px solid #1a1a1a; padding:0px;}
.orcamento .bt-enviar input{ }







/*-----------------------------------------------------------------
|                    MSG BOX JQUERY					               |
-------------------------------------------------------------------*/

div.jGrowl div.erro {background-color:#000;}
div.jGrowl div.erro div.message {padding-top:0px;padding-bottom:7px;padding-left:15px;padding-right:15px; font-size:15px;color:#F00;}
div.jGrowl div.erro div.header {padding:7px;padding-left:15px;padding-right:15px; color:#F00; font-size:20px}
div.jGrowl div.erro div.close { padding: 5px;color: #F00;padding: 0px;margin: 5px;width: 17px;}

div.jGrowl div.sucesso {background-color:#000;}
div.jGrowl div.sucesso div.message {padding-top:0px;padding-bottom:7px;padding-left:15px;padding-right:15px; font-size:15px;color:#0F0;}
div.jGrowl div.sucesso div.header {padding:7px;padding-left:15px;padding-right:15px; color:#0F0; font-size:20px}
div.jGrowl div.sucesso div.close { padding: 5px;color: #0F0;padding: 0px;margin: 5px;width: 17px;}


div.jGrowl div.informacao {background-color:#000;}
div.jGrowl div.informacao div.message {padding-top:0px;padding-bottom:7px;padding-left:15px;padding-right:15px; font-size:15px;color:#FF0;}
div.jGrowl div.informacao div.header {padding:7px;padding-left:15px;padding-right:15px; color:#FF0; font-size:20px}
div.jGrowl div.informacao div.close { padding: 5px;color: #FF0;padding: 0px;margin: 5px;width: 17px;}




/* Paginação */
.paginacao { clear:both; background:url('../img/pgbg.jpg') repeat-x bottom; height:30px; padding-top:30px; width:670px } 
.paginacao div { float:left; width:170px; line-height:30px; text-align:center } 
.paginacao div a { color:#333; }
.paginacao div a:hover { color:#ccc; }
.paginacao ul { display:block; width:330px; float:left;  }
.paginacao ul li { float:left; margin:0; padding:0; width:30px; margin-right:1px }
.paginacao ul li a { display:block; float:left; margin:0; padding:0; width:30px; line-height:30px; text-align:center; color:#ccc; background:url(../img/pgbg_item.jpg) repeat-x bottom; }
.paginacao ul li a.clicado { background:url(../img/pgbg_clicado.jpg) repeat-x bottom; color:#000; text-decoration:underline; font-weight:bold }











.BotoesInterno{ margin-top:40px; margin-left:400px;}
.BotoesInterno a{ float:left; margin:5px;}
.BotoesInterno .bt-voltar{ background:url(../img/bt_voltar.jpg) no-repeat; width:80px; height:24px; display:block; text-indent:-9000px;}
.BotoesInterno .bt-subir{ background:url(../img/bt_subir.jpg) no-repeat; width:80px; height:24px; display:block; text-indent:-9000px;}
.BotoesInterno .bt-imprimir{ background:url(../img/bt_imprimir.jpg) no-repeat; width:80px; height:24px; display:block; text-indent:-9000px;}
#diviTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #F90;
	color: #FFF;
}
.link {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff6600;
}
.title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff6600;
	font-weight: bold;
	text-align: center;
}
.subtitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff6600;
}
.noticias ul li { list-style:outside disc; margin-left:20px; padding:10px 0px; font-size:12px; text-align: justify;}
.noticias ul ul li { list-style:inside circle;  text-align: justify; }
.noticias p { margin:10px 0; color:#ccc; text-align:justify; font-size:12px; line-height:150%;  text-align: justify;}
.noticias h3 { margin:5px 0px;  text-align: justify; color:#ff6600 !important }
h2{ font-size:30px; color:#fff; font-weight:normal;}
