@charset "utf-8";
/*
Empresa: Prática NET
Layout: Ítalo Araújo
Front-End: Fernando Souza
*/

@import "reset.css";

body { background:url(../img/bg.jpg) #26679f repeat-x; }
#all { width:758px; /*position:absolute; left:50%; margin-left:-379px;*/ margin:0 auto; }
#menuFlash { height:41px; margin-top:5px; *margin-top:24px; _margin-top:5px; }
#menuHTML { display:none; }
#logotipo { display:block; background:url(../img/logo-tipo.gif) no-repeat; height:70px; width:100px; margin-top:19px; margin-left:40px; text-indent:-4000px; }
#contatoTopo { position:absolute; margin-top:-88px; margin-left:335px; width:416px; height:91px; background:url(../img/telefone-topo.jpg) no-repeat; }
#conteinerTopo { height:70px; }
#acesso { position:absolute; margin-top:-30px; margin-left:430px; width:300px; }
	#usuario, #senha { width:85px; background:url(../img/bg-input-acesso.gif) no-repeat; }
	.ok { position:absolute; margin-left:5px; }
	
	
/* ---- CLASSES ---- */
.linkSaibaMais {  float:left; display:inline; padding:0 0 0 15px; text-decoration:underline; color:#003265; background:url(../img/mar-link.gif) 0 3px no-repeat; }
.linkVoltar {  float:left; display:inline; padding:0 0 0 15px; text-decoration:underline; color:#003265; background:url(../img/voltar-link.gif) 0 3px no-repeat;}
.linkVoltarImg{border:0px; padding:0 0 0 15px;}
#content-left { width:509px;}
.div1 { float:left; }
address { float:left; }
.assinatura { float:right; color:#000; }
.brClear { clear:both; }
.contInt { width:710px; padding:0 15px; float:left; padding-top:10px; }
.data {color:#999999;}
.fonte a {color:#CCCCCC;}
.fonte a:hover {text-decoration:underline;}
.ilustraInt { float:left; margin-right:30px; }
.lista li { padding:1px 0 1px 15px; background:url(../img/marcador.gif) 0 50% no-repeat; }
.bloco { width:530px; float:left; padding-top:15px; }
.center { width:740px; margin:0 auto; padding-top:15px; }
.borda { background:url(../img/bg-borda.gif) no-repeat; position:absolute; left:50%;  margin-left:-379px; width:760px; height:10px; }
.underConstruction { padding:10px; margin-top:120px; margin-bottom:120px; margin-left:270px; font-size:16px; padding-left:30px; background:url(../img/explamacao.gif) 0 5px no-repeat;}
.miniatura{ float:left; margin:10px;  }
.miniatura a {border:#276aa1 1px solid; display:block; padding:3px; width:200px; height:150px;}
.miniatura a:hover {border:#fac205 1px solid; display:block; padding:3px; width:200px; height:150px;}

#galeriaFotos{ margin-left:10px;}

/* ---- TITULOS ---- */
#tt-in-noticias { width:223px; height:30px; background:url(../img/tit-in-ultimasnoticias.gif) no-repeat; text-indent:-4000px; margin-bottom:8px; }
#tt-in-diferenciais { width:223px; height:30px; background:url(../img/tit-nossodiferenciais.gif) no-repeat; text-indent:-4000px; margin-bottom:8px; }
#tt-in-quemSomos { width:311px; height:30px; background:url(../img/tit-in-quemsomos.jpg) no-repeat; text-indent:-4000px; display:block; float:left; }
#tt-in-nossosServicos { width:250px; height:30px; background:url(../img/tit-in-nossosservicos.gif) no-repeat; text-indent:-4000px; }
#tt-in-fundacaoNb3 { width:250px; height:30px; background:url(../img/tit-in-fundacaonb3.gif) no-repeat; text-indent:-4000px; }
.tit { font-size:19px; margin:0 0 28px 0; color:#25679f; }
.tit_underLine { color:#25679f; font-size:18px; padding:0 0 7px 0; margin-bottom:8px; border-bottom:solid 1px #CCCCCC; }
.tit-prod { font-size:14px; margin-top:5px; color:#0a3048; }


/* ---- INC LISTA PRODUTOS ---- */
#boxListaProdutos { background:url(../img/bg-gradiente-lista-produtos.gif) no-repeat; width:188px; float:left; clear:both; margin-right:20px; margin-top:0px; }
#boxListaProdutos h3 { padding:15px 0 15px 30px; font-size:16px; background:url(../img/tit-produtos.gif) no-repeat 18px; text-indent:-4000px; }
#listaProdutos { min-height:300px; }
* html #listaProdutos { height:300px; }
#listaProdutos li { /*border-bottom:#d7d7d7 solid 1px; border-top:#fff solid 1px;*/ border-bottom:solid 1px #fff; float:left; }
#listaProdutos li a { padding:10px 10px 10px 30px; display:block; color:#666666; width:148px; font-size:13px; background:url(../img/seta.gif) no-repeat 18px 50%; }
#listaProdutos li a:hover { text-decoration:underline; }
.active { color:red;  background:url(../img/seta2.gif) no-repeat 18px 50%; }


/* ---- DEFAULT ---- */
#flash_topo { width:758px; height:180px; }
#conteudo  { width:740px; clear:both; float:left; padding:9px; padding-top:12px; background: #fff no-repeat 0 100%; }
 
/* ---- BLOCOS INDEX ---- */
#quemSomos { width:509px; height:140px; }
#quemSomos .ilustra { float:left; margin-right:8px; }
#quemSomos p { width:290px; display:block; float:left; padding:8px; }
#nossoServicos { width:250px; float:left; padding-top:10px; }
#nossoServicos p, #listaServicos { margin:9px 8px; }!important
#listaServicos {}
#listaServicos li { color:#003265; text-decoration:underline; background:url(../img/mar-lista.gif) 0 50% no-repeat; padding-left:10px; }
#fundacao_nb3 { width:250px; float:right; padding-top:10px; }
#fundacao_nb3 p { margin:9px 8px; }
#ultimas_Noticias { width:223px; float:left; margin-left:8px }
.noticias { background: url(../img/mar-lista.gif) no-repeat 18px 15px #eef3f9 ; padding:12px 10px 12px 35px; margin-top:8px; }
.noticias a {color:#666666}
.noticias a:hover {text-decoration:underline;color:#666666}
#quemSomos .linkSaibaMais, #nossoServicos .linkSaibaMais, #fundacao_nb3 .linkSaibaMais, #ultimas_Noticias .linkSaibaMais  { margin-left:8px; }
#rodape { width:100%; height:38px; background:url(../img/bg-rodape.gif) repeat-x; clear:both; margin:0 auto; display:block;  }


/* ---- TELA CONTATO ---- */
#textoContato { float:left; width:350px; padding:15px; }
	#textoContato h4 { color:#2269a6; }
	#textoContato ul { margin-bottom:15px; }
	#textoContato a { color:#666; text-decoration:underline; }
	#textoContato a:hover { color:#2269a6; }
#contato { float:left; padding:20px; display:inline; width:275px; margin-top:10px; margin-left:30px; }
	#contato label { display:block; margin-bottom:2px; }
.nome, .email, .mensagem { margin-bottom:15px; clear:both; padding:2px; }
.enviar { clear:both; float:right; }


/* ---- TELA PRODUTO ---- */
#produtos { float:left; margin-top:10px; width:520px; }
.boxProduto { width:238px; height:149px; float:left; margin:8px; background:url(../img/bg-produtos.gif) no-repeat; text-align:center; }
.boxProduto img { margin-top:18px; width:90px; }
.breadcum { color:#2269a6; font-size:16px; margin-bottom:22px; margin-top:10px; float:left; display:inline; width:530px; font-weight:normal; }
.cod { font-size:10px; color:#565656;}
.codInt { font-size:10px; color:#565656; float:left }
#foto-produto{text-align:center;}
h4{ font-size:14px; margin:0px 10px 0px 0px; float:left }
#descricao-produto{width:480px; margin:10px auto 0px auto; padding:8px; display:table; background-color:#F5F5F5;}

/* ---- PAGINACAO ----*/
#paginacao { /*padding-left:35% ;padding=right:50%;*/ margin:20 auto 0 auto;}
#paginacao a {color:#666666; font-size:13px;  }
#paginacao a:hover { text-decoration:underline; }
.paginacao{
	width:250px;
	text-align:center;
	margin:10px auto 0px auto;
}

/* ---- NOTICIAS ---- */

.logo_clientes { width:128px; height:74px; float:left; border:#276aa1 1px solid; padding:2px; margin:3px;}
.tit_sub { font-size:13px; color:#25679f; margin-bottom:8px; }
#ilustraContato { background:url(../img/ilustra-contato.jpg) no-repeat; float:right; width:367px; height:288px; margin-top:70px; margin-right:30px; }



.banner { position:absolute; width:303px; left:50%; z-index:500; margin-top:28px; margin-left:-110px; display:none; }
.banner2 { position:absolute; width:623px; left:50%; z-index:500; margin-top:88px; margin-left:-311px; display:none; }