﻿*{padding:0px; margin:0px;}
body{
	background:url(../imagens/bg.jpg) top center no-repeat scroll #E2E2E2;
	font-family:"Trebuchet MS";
	font-size:13px;
	color:#333333;
	top: 500px;
}
html, body {height:100%}
#tudo{min-height:107%; width:100%; position:relative;}
*html, #tudo{
}

#site{
	width:900px;
	margin:0 auto;
	height: 700px;
}
#topo{
	width:900px;
	height:180px;
}
#topo img{margin-top:15px;}
a:active{outline:none;}
a:hover{outline:none;}

/* --------------------- NAVEGAÇÃO --------------------- */

#nav{
	width:200px;
	height:60px;
	margin:0 auto;
}
#menu{list-style:none;}
#menu li{float:left; width:100px; height:40px; background:url(../imagens/menu.png)}
#menu li a{display:block; height:40px; text-indent:-10000px;}
#menu li.bhome{background-position:0px 0px; width:100px}
#menu li.bhome:hover{
	background-position:0px -40px;
	width:100px
}
#menu li.bempresa{background-position:-100px 0px; width:100px}
#menu li.bempresa:hover{background-position:-100px -40px; width:100px}
#menu li.bservicos{background-position:-200px 0px; width:100px}
#menu li.bservicos:hover{background-position:-200px -40px; width:100px}
#menu li.bcadastro{background-position:-300px 0px; width:100px}
#menu li.bcadastro:hover{background-position:-300px -40px; width:100px}
#menu li.bcontato{background-position:-400px 0px; width:100px}
#menu li.bcontato:hover{
	background-position:-400px -40px;
	width:100px
}

/* --------------------- CONTEÚDO INDEX PRINCIPAL  --------------------- */
#conteudo {margin-top:20px; width:900px; height:670px; padding-bottom: 30px;}
#conteudo-index{margin-top:20px; width:900px; height:670px; padding-bottom: 30px;}
#conteudo-index .fl{float:left; width:440px; margin-bottom:40px;}
#conteudo-index .fl img{
	margin-left:0px;
	margin-top:0px;
}
#conteudo-index .fr{
	float:left;
	width:410px;
	font-size: 12px;
	text-align: justify;
}
#conteudo-index .titulo{
	font-size:20px;
	border-bottom:solid 1px #D9D9D9;
	padding-bottom:10px;
	color: #06F;
	font-style: italic;
}
#conteudo-index .texto-index{padding-top:25px; border-top:solid 1px #FBFBFB; text-align:justify; line-height:21px;}

/* --------------------- CONTEÚDO INDEX SECUNDÁRIO  --------------------- */

#sub-conteudo{width:900px; height:245px; margin-top:40px;}
#sub-conteudo .cont-1{width:290px; height:245px; float:left; padding-right:10px;}
#sub-conteudo .cont-1 p{padding-bottom:15px;}
#sub-conteudo .cont-1 a{color:#3300ff; font-weight:bold; text-decoration:none;}
#sub-conteudo .cont-1 img{margin-left:-5px;}
#sub-conteudo .cont-2{width:260px; height:245px; float:left; padding-left:30px; padding-right:10px;}
#sub-conteudo .cont-2 p{padding-bottom:15px;}
#sub-conteudo .cont-2 a{color:#3300ff; font-weight:bold; text-decoration:none;}
#sub-conteudo .cont-2 img{margin-left:-5px;}

/* --------------------- PAINEL DE ACESSO  --------------------- */

#sub-conteudo .cont-3{width:250px; height:245px; float:right; padding-left:10px;}
#sub-conteudo .cont-3 fieldset{border:none; margin-top:6px;}
#sub-conteudo .cont-3 input{color:#CCCCCC;}
#sub-conteudo .cont-3 .campo{width:246px; height:21px; padding:2px; border:solid 1px #CCCCCC;}
#sub-conteudo .cont-3 .campo2{width:246px; height:21px; padding:2px; border:solid 1px #CCCCCC;}
#sub-conteudo .cont-3 .campo3{background: url(../imagens/b_entrar.jpg) no-repeat; border:none; width:60px; height:27px; text-indent:-9999px; cursor:pointer;}

/* --------------------- PÁGINA EMPRESA  --------------------- */
#conteudo-empresa{margin-top:35px; width:900px; height:650px; padding-bottom: 30px;}
#conteudo-empresa .titulo{margin-bottom:15px; display:block;}
#conteudo-empresa{
	text-align:justify;
	line-height:21px;
	font-size: 14px;
}
#conteudo-empresa ul{list-style:none;}
#conteudo-empresa ul .mb{margin-bottom:10px;}
#conteudo-empresa ul .destaque{font-weight:bold; font-size:16px; color:#3300ff; font-style:italic;}

/* --------------------- PÁGINA SERVIÇOS  --------------------- */
#conteudo-servicos{margin-top:35px; width:900px; height:600; padding-bottom: 30px;}
#conteudo-servicos .titulo{margin-bottom:15px; display:block;}
#conteudo-servicos{text-align:justify; line-height:21px;}
#conteudo-servicos .texto{width:410px; float:left;}
#conteudo-servicos .imagem{margin-top:-8px; float:right;}

/* --------------------- PÁGINA CADASTRO  --------------------- */




/* --------------------- PÁGINA CONTATO  --------------------- */
#conteudo-contato{width:900px; height:715px; padding-top:35px;}
#conteudo-contato fieldset {border:none; width:565px;}
#conteudo-contato fieldset ul {list-style:none;}
#conteudo-contato fieldset ul li{padding:5px 0px}
#conteudo-contato label{display:block; padding-bottom:3px; }
#conteudo-contato input{background:#FFF; border:solid 1px #CCC; padding:5px; height:13px; color:#3300ff; margin-bottom:5px;}
#conteudo-contato select{background:#FFF; border:solid 1px #CCC; padding:2px; width:120px; height:25px; color:#3300ff;  margin-right:15px; margin-bottom:5px;}
#conteudo-contato textarea{background:#FFF; border:solid 1px #CCC; padding:5px; width:350px; height:150px; color:#3300ff; margin-bottom:5px;}
#conteudo-contato .campo{width:350px;}
#conteudo-contato .campo2{width:150px;}
#conteudo-contato .enviar{
	background: url(../imagens/b_enviar.jpg) no-repeat;
	border:none;
	width:156px;
	height:62px;
	text-indent:-9999px;
	cursor:pointer;
	margin-left:-8px;
	margin-top:0px;
}
#conteudo-contato .formulario-contato {float:left;}
#conteudo-contato .endereco-mapa {
	float:left;
	width:300px;
	height: 150px;
}
#conteudo-contato .endereco-mapa p{line-height:19px; color:#3300ff; margin-bottom:20px;}
#conteudo-contato .titulo{margin-bottom:15px; display:block;}
#conteudo-contato .mt{
	margin-top:0px;
	height: 400px;
}

.antispam { display:none;}



/* --------------------- RODAPÉ  --------------------- */
#rodape{
	background:#FFF;
	width:100%;
	border-top:solid 1px #999999;
	position: absolute;
	bottom: -350px;
	height:116px;
	left: 7px;
}
#rodape .rodape-2{width:900px; margin:0 auto;}
#rodape .endereco{
	width:350px;
	float:left;
	margin-top:5px;
	font-weight: normal;
	height: 110px;
}
#rodape .ejs{width:250px; float:right; margin-top:10px;}
#rodape .ejs img{float:right;}
#rodape p{
	color:#3300ff;
	line-height:19px;
	font-size: 16px;
	font-weight: bold;
}
#tudo #rodape .rodape-2 .endereco p br {
	font-weight: normal;
}


/* --------------------- Novo Cadastro  --------------------- */
@charset "utf-8";
	* {
	text-decoration:none;
	list-style:none;
}

/*#################*/
	.site {
	width:716px;
	height:900px;
	margin:0 auto;
	padding-top:0px;
	}
	.menu {
	width:700px;
	height:30px;
	margin:0 auto;
	background:url(../imagens/bg-menu.jpg) no-repeat;
	}
	.menu ul li {
	height:27px;
	padding-left:8px;
	padding-right:8px;
	padding-top:3px;
	float:left;
	}
	.menu ul li a {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#006600;
	}
	.menu ul .ativo {
	background:url(../imagens/bg-menu-ativo.jpg) repeat-x;
	}
	.menu ul .ativo a {
	color:#FFFFFF;
	}
	.menu ul .ativor{
	background:url(../imagens/bg-menur-ativo.jpg) repeat-x;
	}
	.menu ul .ativor a{
	color:#FFFFFF;
	}
	.menu ul .resp a {
	color:#CC0000;
	}
/*#################*/
	.conteudo {
	width:716px;
	height:406px;
	float:right;
	}
	.conteudo .conteudo-home {
	width:100%;
	height:381px;
	background:url(../imagens/bg-home.jpg) no-repeat;
	}
	.conteudo .conteudo-contato {
	width:100%;
	background:url(../imagens/bg-home-contato.jpg) no-repeat;
	}
	.conteudo .conteudo-cadastro {
	width:100%;
	background:url(../imagens/bg-home-cadastro.jpg) no-repeat;
	}
	.conteudo .conteudo-empresa {
	height:380px;
	background:url(../imagens/bg-home-empresa.jpg) no-repeat;
	}
	.conteudo .conteudo-home .box p {
	color:#333333;
	text-align:justify;
	}
	.conteudo .conteudo-empresa .box p {
	margin-bottom:20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	}
	.conteudo .conteudo-servicos {
	height:837px;
	background:url(../imagens/bg-home-servicos.jpg) no-repeat;
	}
	.conteudo .conteudo-servicos .box p {
	margin-bottom:5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	}
	.conteudo .conteudo-servicos .box div {
	margin-top:5px;
	margin-bottom:10px;
	color:#333333;
	text-align:justify;
	}
	.conteudo .conteudo-servicos .box span {
	font:10px Geneva, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	}
	.conteudo .conteudo-servicos h5, ul {
	margin-bottom:20px;
	}
	.conteudo .conteudo-social {
	height:725px;
	background:url(../imagens/bg-home-social.jpg) no-repeat;
	}
	.conteudo .conteudo-social .box p {
	margin-bottom:20px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333333;
	text-align:justify;
	}
	.fontes {
	text-align:right;
	}
	.login {
	width:150px;
	height:140px;
	float:left;
	margin-left:20px;
	margin-top:20px;
	padding-top:5px;
	padding-bottom:10px;
	background:url(../imagens/bg-login.jpg) no-repeat;
	}
	.login p {
	margin-top:-15px;
	font:11px Arial, Helvetica, sans-serif;
	color:#999999;
	}
	.login ul li {
	margin-top:10px;
	}
	.login ul li .campo {
	width:60px;
	padding:2px;
	border:1px solid #CCCCCC;
	background:url(../imagens/bg-campo.jpg) repeat-x;
	}
	.pub {
	width:160px;
	height:300px;
	float:left;
	margin-left:20px;
	margin-top:70px;
	padding-top:5px;
	padding-bottom:10px;
	}
	.box {
	width:500px;
	margin-top:50px;
	margin-right:20px;
	float:right;
	font:13px Geneva, Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:left;
	}
	.box p {
	margin-left:2px;
	font-size: 12px;
	}
	.conteudo-home .link {
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:10px;
	border-left:8px solid #990000;
	text-align:left;
	font:11px Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	}
	.conteudo-home .servicos {
	width:150px;
	height:140px;
	float:left;
	background:url(../imagens/bg-servicos.jpg) no-repeat;
	}
	.conteudo-home .cadastro {
	width:150px;
	height:140px;
	float:left;
	margin-left:25px;
	background:url(../imagens/bg-cadastro.jpg) no-repeat;
	}
	.conteudo-home .contato {
	width:150px;
	height:140px;
	float:right;
	background:url(../imagens/bg-contato.jpg) no-repeat;
	}
	.servicos, .cadastro, .contato .desc {
	padding-top:25px;
	color:#333333;
	}
	.link2 {
	height:18px;
	margin-top:10px;
	padding-left:10px;
	border-left:10px solid #666666;
	text-align:left;
	color:#333333;
	}
	.mercado {
	margin-top:8px;
	}
	.mercado img {
	margin-top:45px;
	margin-bottom:15px;
	}
	.mercado ul li {
	margin-top:14px;
	border-left:15px solid #003C22;
	background:url(../imagens/bg-mercado-item.jpg) no-repeat;
	}
	.mercado ul li select {
	width:120px;
	height:16px;
	font:10px Arial, Helvetica, sans-serif;
	background:#DFFFEF;
	color:#666666;
	}
/*#################*/
	.rodape {
	width:716px;
	height:95px;
	margin:0 auto;
	top:900;
	background: url(../imagens/bg-rodape.png);
	color:#FFFFFF;
	font:11px "Times New Roman", Times, serif;
	text-align:left;
	}
	.rodape p {
	padding-top:5px;
	padding-left:15px;
	}
	.rodape p span {
	font-size:14px;
	font-weight:bold;
	}
	.rodape a {
	color:#FFFFFF;
	}
/*#################*/
	.formularios {
 	margin-top:60px;
	margin-left:30px;
	text-align:left;
	}
	.formularios ul li {
	padding:10px;
	float:left;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	border:1px solid #CCCCCC;
	}
	.form-on {
	background:url(../imagens/bg-form-on.jpg) repeat-x;
	color:#FFFFFF;
	}
	.form-off {
	background:url(../imagens/bg-form-off.jpg) repeat-x;
	}
	.form-off a {
	color:#333333;
	font-family: Arial, Helvetica, sans-serif;
	}
#tudo #rodape .rodape-2 .endereco p {
	font-size: 12px;
}
#tudo #site #conteudo-index #sub-conteudo #formLogin p strong {
	font-size: 16px;
	color: #006;
}
#tudo #site #conteudo-index #sub-conteudo #formLogin p {
	font-size: 16px;
	color: #006;
}
.site .conteudo .conteudo-cadastro .box p em {
	font-size: 12px;
}
.site .conteudo .conteudo-cadastro .box #texto-fonte ul li label {
	font-size: 10px;
}
.site .conteudo .conteudo-cadastro .box #texto-fonte ul li label {
	font-style: italic;
}
#tudo #rodape .rodape-2 .endereco p strong {
	color: #000;
}
#tudo #site #conteudo-empresa p {
	color: #00F;
}
#tudo #site #conteudo-empresa p label {
	font-size: 18px;
	font-weight: bold;
}
#tudo #site #conteudo-contato .endereco-mapa p strong {
	color: #000;
	font-weight: bold;
}
.site .rodape p strong {
	font-weight: bold;
	color: #FFF;
}
