/* -------------------------------
   Criado em 06/10/10
   Atualizado em 12/10/10 
   Site: www.pixen.com.br
   E-mail: contato@pixen.com.br 
----------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

img { border: 0;}

body {
	background: #FFF;
	font: 14px arial, verdana, Tahoma, sans-serif; color:#666;
	text-align: center;
	}

#estrutura {
	width: 960px;
	margin: auto;
	text-align: center;
	}

/* ----------------------- Cabecalho - logo ------------- */
#cabecalho {
	height: 85px;
	margin-top: 25px;
	}

#logo{ 
	float: left;
	background: url(../imagens/logosintina.gif) no-repeat top left;
	}

#logo a/**/{ 
	width: 135px;
	height: 85px;
	background: url(../imagens/logosintina.gif) no-repeat;
	text-indent: -9000em;
	overflow: hidden; 
	display: block;
	text-decoration: none;
	color: #000;
	}
/* ------- fim cabecalho - logo ---------- */

/* ------- menu administrativo ---------- */
#menuadm {
	width: 320px;
	margin: 46px 0 0 0;
	color: #CCC;
	float: right;
	text-align: left;
	}

#menuadm li {
	list-style: none;
	display: inline;
	}

#menuadm li a {
	padding: 7px 0px;
	text-decoration: none;
	font-weight: normal;
	}

#menuadm li a:link {
	color: #1D8800;
	}

#menuadm li a:visited {
	color: #1D8800;
	}

#menuadm li a:hover {
	color: #A4CF20;
	text-decoration: underline;
	}
/* ------- fim menu administrativo ---------- */

/* ------- Busca ---------- */
#apibusca {
	margin: 43px 0 0 0;
	width: 270px;
	float: right;
	text-decoration: none;
	}

form.busca {
	float: right;
	list-style-type: none;
	}

input.txtbusca {
	width: 150px;
	margin-right: 5px;
	border: solid 1px #CCC;
	vertical-align: middle;
	font-size: 14px;
	}
	
input.btbusca {
	width: 78px;
	height: 20px;
	float: right;
	background: #FFF url(../imagens/bt_home_busca.gif) no-repeat;
	border: 0;
	}	
	
#resultado {
	width: 200px;
	margin-top: 150px;
	text-align: left;
	}
/* ------- Fim - Busca ---------- */

/* ------- menu navegacao ---------- */
#menunavegacao {
	margin: 15px 0 0 0;
	width: 960px;
	}
	
.menu-hh { display: table; }
.menu-hh * { margin: 0; padding: 0;}
.menu-hh a { display: block; }
.menu-hh li { list-style: none; float: left; height: 1%; }
.menu-hh li ul { position: absolute; visibility: hidden; white-space: nowrap;}

/* hack para navegadores que exigem width para elementos pos absolute (Opera) */
html:first-child>body .menu-hh li ul { width: 960px; }
.menu-hh li:hover ul, .menu-hh  li.over ul { visibility: visible;} /* a class  .over eh tecnica pro hover no IE */
.menu-hh li:hover ul li ul, .menu-hh li.over ul li ul{ visibility: hidden;}
.menu-hh li ul li:hover ul, .menu-hh li ul li.over ul{ visibility: visible;}

/* visual */
.menu-hh { 
	background: url(../imagens/barramenu.gif) no-repeat;
	width: 960px;
	height: 55px;
	}

.menu-hh a { 
	font-weight: bold;
	text-decoration: none;
	color: #1D8800;
	margin: 0;
	padding: 10px 22px 7px 22px;
	line-height: 12px;
	}

.menu-hh a:hover {
	text-decoration: underline;
	color: #A4CF20;
	}

.menu-hh ul li ul {
	background: url(img/barramenu2.gif);
	}
/* ------- fim menu navegacao ---------- */

/* ----- conteudo ----- */
#conteudo {
	margin: 5px 0 0 0;
	text-align: left;
	height: 510px;
	}

#slide {
	width: 960px;
	height: 230px;
	float: left;
	}

#boxservicos {
	width: 960px;
	height: 260px;
	margin-top: 20px;
	float: left;
	}
	
#acorconv {
	width: 295px;
	padding: 0 15px 0 10px;
	float: left;
	background: #fff;
	height: 125px;
	}

#beneficios {
	width: 295px;
	padding: 0 15px 0 10px;
	float: left;
	background: #fff;
	height: 125px;
	}

#emissaoguias {
	width: 295px;
	padding: 0 15px 0 10px;
	float: left;
	background: #F8FAF2;
	height: 125px;
	}
	
#denuncia {
	width: 295px;
	margin-top: 20px;
	padding: 0 15px 0 10px;
	float: left;
	height: 115px;
	}

#sindicalize {
	width: 295px;
	margin-top: 20px;
	padding: 0 15px 0 10px;
	float: left;
	background: #F8FAF2;
		height: 115px;
	}

#newsletter {
	width: 295px;
	margin-top: 20px;
	padding: 0 15px 0 10px;
	float: left;
	height: 115px;
	}
/* ------- fim conteudo ---------- */

/* ----- conteudo Interno ----- */
#colconteudo {
	width: 735px;
	float: left;
	text-align: left;
	padding: 0 0 0 25px;
	background: url(../imagens/img_interna_titulo.gif) no-repeat top right;
	}
/* ----- fim conteudo Interno ----- */

/* ------ Rodape ------------- */
#rodape {
	clear: both;
	margin: 30px 0 25px 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #E8E8E8;
	font-size: 11px;
	color: #666;
	line-height: 130%;
	text-align: left;
	}

#rodape a.footer {
	color: #0060df;
	background: none;
	text-decoration: none;
	}
	
#rodape a.footer:hover {
	color: #000040;
	}

#copyright {
	width: 255px;
	height: 38px;
	background: url(../imagens/logorodape.gif) no-repeat top left;
	float: left;
	padding: 2px 0 0 65px;
	}

#endereco {
	width: 310px;
	padding: 2px 0 0 10px;
	float: left;
	}

#assinatura {
	width: 250px;
	float: right;
	margin-right: 2px;
	text-align: right;
	}
/* ------- Fim rodape ---------- */

/* ------- titulos - paragrafos - avisos ------- */

h2, h3, h4, h5 {
	font: bold 18px arial, verdana;
	color: #124323;
	}

h2 {
	border-bottom: 1px solid #A4CF20;
	padding-bottom: 5px;
	margin-bottom: 5px; }

h2.titmenu {
	margin: 0.5em 0 1.5em 0; padding: 0 0 0 0.5em;
	font-size: 22px;
	font-weight: bold;
	color: #346000;
	line-height: 20px;
	border: 0;
	}

h3 { 
	margin: 0.8em 0 0.8em 0;
	padding: 0.1em 0.5em 0.1em 0; 
	font-size: 16px;
	font-weight: bold;
	color: #666;
	}

h4 {
	margin: 2.0em 0 0.5em 0;
	font-size: 14px;
	font-weight: bold;
	color: #666;
	}

p { 
	line-height: 130%;
	text-align: justify;
	margin: 1.0em 0;
	}

p.txt_peq { font-size: 11px; }

/* ------- fim titulos - paragrafos - avisos ------- */


/* ------- imagens ------- */
.icotitulos { float: left; margin: 0 5px 0 0;}


/* ----- links internos ----- */
ul.interno {
	width: 450px;
	padding: 4px 0 4px 8px;
	list-style-type: circle;
	}

li a.interno:link    { color:#1D8800; border: 0px; text-decoration: none; }
li a.interno:visited { color:#1D8800; text-decoration: none; }
li a.interno:hover   { color:#A4CF20; text-decoration: underline; }
li a.interno:active  { color:#A4CF20; }

/* --------------- Links internos --------- */
a.interno:link    { color:#1D8800; border: 0px; text-decoration: none; }
a.interno:visited { color:#1D8800; text-decoration: none; }
a.interno:hover   { color:#A4CF20; text-decoration: underline; }
a.interno:active  { color:#A4CF20; }

/* ----- Newsletter ----- */
form.news {
	width: 295px; }

input.news {
	width: 180px;
	border: solid 1px #67A92C;
	font-size: 14px;
	padding: 0px 5px;
	margin-top: 5px 0 0 0;
	}

input.btnews {
	width: 36px;
	height: 24px;
	background: url(../imagens/bt_home_ok.gif) no-repeat;
	border: 0;
	}
/* ----- fim Newsletter ----- */
	
/* ----- breadcrumbs ----- */
#breadcrumbs { 
	width: 960px;
	padding: 6px 0;
	border-top: 1px solid #EBEBEB;
	font: 11px arial, verdana, Tahoma, sans-serif;
	text-align: right;
	}
/* ----- fim breadcrumbs ----- */	

/* ----- menu interno ----- */
	#colmenu {
	background: url(../imagens/img_interna_alimentos.jpg) no-repeat top left;
	width: 200px;
	height: 350px;
	float: left;
	padding: 110px 0 0 0;
	}

.submenu {
	width: 200px;
	margin: 50px 0 0 0;
	display: block;
	}

.submenu li {
	margin: 2px 4px 2px 4px; padding: 5px 0 5px 0;
	border-bottom: 1px solid #EBEBEB;
	display: block;
	}

.submenu a {
	padding: 2px 5px;
	font: 14px arial, verdana, helvetica, sans-serif;
	color: #1D8800;
	text-decoration: none;
	}

.submenu a:hover {
	color: #A4CF20;
	text-decoration: underline;
	}
/* ----- fim menu interno ----- */

/* ------------- Agenda ------------------*/
form.agenda {
	width: 500px;
	margin: 0.9em 0 0.5em 0;
	padding: 0.1em 0.5em 0.1em 0.8em;
	}

input.txtagenda {
	width: 200px;
	padding: 0 0 0 5px;
	margin: 5px 0 5px 0;
	border: solid 1px #67A92C;
	font-size: 16px;
	}

input.btagendaen {
	width: 75px;
	height: 18px;
	margin: 20px 0 0 175px;
	background: url(../imagens/bt_agenda_enviar.gif) no-repeat;
	border: 0;
	}

input.btagendali {
	width: 75px;
	height: 18px;
	margin: 20px 0 0 10px;
	background: url(../imagens/bt_agenda_limpar.gif) no-repeat;
	border: 0;
	}

label.agenda {
	float: left;
	margin-top: 7px;
	width: 175px;
	font-weight: bold;
	}

/* ----- Fale conosco ----- */
form.contato {
	width: 700px;
	margin: 20px 0;
	}

label.contato {
	float: left;
	margin-top: 8px;
	width: 110px;
	font-weight: bold;
	}

input.txtcontato, textarea.txtcontato {
	width: 220px;
	padding: 0 0 0 2px;
	margin: 5px 0 5px 0;
	border: solid 1px #67A92C;
	font-size: 16px;
	}

textarea.txtcontato {
	width: 440px;
	height: 150px;
	}

input.btcontato {
	width: 75px;
	height: 18px;
	margin: 20px 0 0 110px;
	background: url(../imagens/bt_agenda_enviar.gif) no-repeat;
	border: 0;
	}

input.btcontatoli {
	width: 75px;
	height: 18px;
	margin: 20px 0 0 15px;
	background: url(../imagens/bt_agenda_limpar.gif) no-repeat;
	border: 0;
	}

/* ------------- Denuncia ------------------*/
form.denuncia {
	width: 700px;
	margin: 20px 0;
	}

input.txtdenuncia {
	width: 220px;
	padding: 0 0 0 2px;
	margin-top: 3px;
	border: solid 1px #67A92C;
	}
	
label.denuncia {
	float: left;
	margin-top: 8px;
	width: 170px;
	font-weight: bold;
	}

input.txtdenuncia, textarea.txtdenuncia {
	width: 220px;
	padding: 0 0 0 2px;
	margin: 5px 0 5px 0;
	border: solid 1px #67A92C;
	font-size: 16px;
	}

textarea.txtdenuncia {
	width: 440px;
	height: 150px;
	}

/* ---------------------------------------------------------------- */
.avisos, .avisosagenda { font-size: 10px; color: #ff0000;}
.avisosagenda { 	padding-left: 0.8em;}
.red { color: #ff0000;}
.data { color: #ff0000;}
.fotointerna { float: right; margin: 0 0 10px 30px; }
.mapa { margin: 20px 0;}
.txt_news { font-size: 10px; }
.icoadobe { margin-right: 10px; }
/* ---------------------------------------------------------------- */
ul.interno {
	width: 450px;
	padding: 4px 0 4px 8px;
	list-style-type: circle;
	}

li a.interno:link    { color:#1D8800; border: 0px; text-decoration: none; }
li a.interno:visited { color:#1D8800; text-decoration: none; }
li a.interno:hover   { color:#A4CF20; text-decoration: underline; }
li a.interno:active  { color:#A4CF20; }

/* ----- Tabela Salarios ----- */
table {
	margin: 0.5em 0 0.5em 0;
	}

td {
	width: 150px;
	background: #f9f9f9; 
	border: 1px solid #fff;
	}

td.ano {
	background: #ccc;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
	}

td.valor {
	background: #f9f9f9; 
	text-align: right;
	}

/* ----- Navegacao Auxiliar ----- */
#navauxiliar {
	width: 735px;
	margin: 25px 0;
	}

.voltar {
	padding: 0 0 0 25px;
	background: url(../imagens/seta_voltar.gif) no-repeat;
	}

.topo {
	margin-left: 615px;
	padding: 0 0 0 25px;
	background: url(../imagens/seta_topo.gif) no-repeat;
	}

/* ----- tabela acordos ----- */
table.arquivos {
	background: #EBEBEB;
	width: 685px;
	margin: 20px 0;
	}

tr.l1 {
	background: #CCC;
	margin: 1em 0 1em 0.9em; 
	}

td.rotulo{
	padding: 3px 0;
	width: 385px;
	border: 1px solid #FFF;
	font-size: 9px;
	text-align: center;
	}	

td.formato{
	padding: 3px 0;
	width: 80px;
	border: 1px solid #FFF;
	font-size: 9px;
	text-align: center;
	}
	
td.c1 {
	padding: 3px 0;
	width: 385px;
	border: 1px solid #FFF;
	}
	
td.c2 {
	width: 40px;
	border: 1px solid #FFF;
	text-align: center;
	}

td.c3 {
	width: 40px;
	border: 1px solid #FFF;
	text-align: center; 
	}

/* ----- Linha ----- */
hr { 
	color: #CCC;
	margin: 20px 0;
	}
