/**********************************

 				 CLASSES GLOBAIS

***********************************/

* {
    padding:0;
    margin:0;
}

body {
    background-color: #D8D8D8;
    color: #8E9095;
    display: block;
    font: 100%/160% Arial, Helvetica, sans-serif;
    text-shadow:#333 0 0 0;
    width: 100%;
}

img { border: none; }

/* headings and typography */

p { line-height:130%; }

h1, h2, h3, h4, h5, h6 {
    font: bold 190%/100% Arial, Helvetica, sans-serif;
}
h2,h3 { font-size:135%; }
h4 { font-size:120%; }
h5 { font-size:105%; }
h6 { font-size:90%; border:0; }

fieldset { border:none; }

ul, ol { list-style:none; }

#geral {
	background:#D8D8D8 url(../imagens/geral_bg.png) no-repeat 0 26px;
	margin:0 auto;
	padding-top:30px;
	width:782px;
}

#conteudo {
	background:#fff url(../imagens/principal_bg.png) repeat-y;
	float:left;
	padding-left:4px;
	width:779px;
}
#conteudo.secundaria { 
	color:#585858;
	font-size:.75em;
	padding:15px 22px 10px 27px;
	width:734px;
}


/* layout dos links */
a:link { color:#C8770C; }
a:visited { color:#9F5E09; }
a:hover { color:#DF9637; }
a:active { color:#FFB95F; }

div.paginacao {
	float:left;
	text-align:center;
	width:714px;
	color:#585858;
}

div.paginacao * {
	font-weight:bold;
	text-decoration:none;
	padding:3px 10px;
}

div.paginacao a.numero{
	background:transparent url(/media/imagens/paginacao_num_bg.png) no-repeat scroll right 0
}

div.paginacao a.anterior{
	background:transparent url(/media/imagens/paginacao_ant_bg.png) no-repeat scroll right 0;
	padding: 3px 10px 3px 19px;
}

div.paginacao a.proxima{
	background:transparent url(/media/imagens/paginacao_pos_bg.png) no-repeat scroll right 0;
	padding: 3px 18px 3px 9px;
}

/**********************************

							TOPO

***********************************/

#topo {
	background:url(../imagens/topo_bg.png) repeat-x;
	height:145px;
	margin-left:4px;
	position:relative;
	width:775px;
}


h1.titulo {
	background:url(../imagens/logo_bg.png) no-repeat;
	display:block;
	height:110px;
  margin:-18px 0 0 301px; 
	overflow:hidden;
	position:absolute;
	text-indent:-5000px;
  width:177px
}

#menu {
	background:#fff url(../imagens/menu_bordas.png) no-repeat;
	height:45px;
	top:100px;
	position:relative;
}

#menu ul.menu {
	background:transparent url(/media/imagens/menu_bg.png) repeat-x scroll 0 0;
	float:left;
	height:45px;
	left:24px;
	padding:14px 72px 0;
	position:relative;
	width:580px;
}

#menu ul.menu li {
	display:inline;
	float:left;
	margin:0 43px;
}

#menu ul.menu li a {
	display:block;
	float:left;
	height:40px;
	margin-top:-12px;
}

#menu ul.menu li a.principal {
	background:url(../imagens/menu_principal.gif) no-repeat center center;
	width:61px; 
}
#menu ul.menu li a.produtos {
	background:url(../imagens/menu_produtos.gif) no-repeat center center;
	width:60px;
}
#menu ul.menu li a.empresa {
	background:url(../imagens/menu_empresa.gif) no-repeat center center;
	width:59px;
}
#menu ul.menu li a.artigos-e-links {
	background:url(../imagens/menu_artigos-e-links.gif) no-repeat center center;
	width:104px;
}
#menu ul.menu li a.contato {
	background:url(../imagens/menu_contato.gif) no-repeat center center;
	width:55px;
}

#menu ul.menu li a span { display:none; }

/* submenu */

#menu ul.submenu {
	background-color:#373737;
	display:none;
	float:left;
	padding:7px;
	position:absolute;
	left:254px;
	top:42px;
	z-index:3;
}
#menu ul.empresa { left:403px }
#menu ul.submenu li { 
	clear:left;
	float:left;
	font-size:80%;
	line-height:150%;
	margin:0;
	padding-right:20px;
}
#menu ul.submenu li a {
	color:#C0B8A4;
	height:auto;
	margin:0;
	text-decoration:none;
}
#menu ul.submenu a:hover {
	color: #DF9637;
}

/**********************************

							RODAPE

***********************************/

#rodape {
	background:#FFFFFF url(../imagens/rodape_bg.png) no-repeat scroll 0 0;
	color:#585858;
	float:left;
	font-size:65%;
	height:46px;
	padding:16px 0 8px;
	width:782px;
}

#rodape h3 { display:none }
#rodape div.adr {
	float:left;
	font-size:113%;
	line-height:137%;
	margin-top:10px;
	padding-left:40px;
	text-align:center;
	width:420px;
}

#rodape div.tel {
	background:transparent url(../imagens/fone.gif) no-repeat scroll 0 0;
	color:#8D8D8D;
	float:left;
	font-size:130%;
	font-weight:bold;
	margin-top:7px;
	padding-left:45px;
}

p.logo {
	float:left;
	margin:5px
}

p.logo-soda{
      font-size:10px;
      color:#717376;
      margin: 17px 3px 0 5px;
      float:right;
}


/**********************************

 				 PÁGINA PRINCIPAL

***********************************/

#principal {	color:#585858; float:left; font-size:.75em; padding:15px 10px 0 24px; width:723px; }
#principal #painel_rotativo { float:left; height:225px; width:280px }
#principal p {
	float:left;
	line-height:160%;
	padding:10px;
	text-align:justify;
	width:413px;
}
#principal h2.desenvolvimento {
	background:transparent url(/media/imagens/desenvolvimento.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:90px;
	overflow:hidden;
	text-indent:-99999px;
	width:437px;
}
#p_produtos {
      background:transparent url(/media/imagens/produtos_bg.png) repeat-x scroll 0 0;
	float:left;
	font-size:80%;
	margin:0 25px;
	width:282px;
}
#p_produtos h2 {
	background:transparent url(/media/imagens/produtos-titulo_bg.png) no-repeat scroll 0 0;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	width:281px;
      height: 34px;
}
#p_produtos ul {
	width:100%;
}
#p_produtos ul li {
      font-size:11px;
      line-height:150%;
      min-height:113px;
      margin:12px 0;
}

#p_produtos ul li a.foto {
      background:transparent url(../imagens/foto_moldura.png) no-repeat scroll 0 0;
      float:left;
      height:113px;
      width:158px;
      padding:6px 0 0 6px;
      position:relative;
}

div#p_produtos ul li ul.detalhes {
      padding:0 ;
      width:113px;
      float:right;
}

div#p_produtos ul li ul.detalhes li{
      margin:0;
      min-height:0;
      font-weight:bold;
}

div#p_produtos ul li ul.detalhes li span{
      font-weight:normal;
}

#p_produtos a.todos {
	background:transparent url(/media/imagens/ver-todos.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:27px;
	margin-top:131px;
	overflow:hidden;
	text-indent:-99999px;
	width:84px;
      color:#8e9095;
      clear:both;
}

#p_produtos strong {
      color:#8E9095;
      display:block;
      font-weight:bold;
      text-transform:uppercase;
      padding:0 0 8px 0;
      width:113px;
      float: right;
}
#newsletter {
	background:url(/media/imagens/newsletter_bg.png) no-repeat scroll 0 0;
	color:#8e9095;
	float:left;
	font-size:90%;
	padding-top:85px;
	width:249px;
}
#newsletter h2 {
	color:#8e9095;
	font-size:120%;
}
#newsletter p  { margin-bottom:10px; }
#newsletter input {
	background:#F8F8F8 none repeat scroll 0 0;
	border:1px solid #E5E7E9;
	float:left;
	margin-right:7px;
	padding:3px 0;
	width:170px;
}
#newsletter #field_error {
	color:red;
	display:block;
	float:left;
	width:100%;
}
#newsletter input.submit {
	background:transparent url(/media/imagens/ok.png) no-repeat scroll 0 4px;
	border:medium none;
	color:#C27821;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:31px;
	line-height:100%;
	margin-top:-5px;
	padding:0;
	width:34px;
}

#responsabilidade-social {
	float:left;
	margin-top:-75px;
	width:156px;
}

/**********************************

 				 	  PRODUTOS

***********************************/


#produtos {
	background:transparent url(/media/imagens/produtos.png) no-repeat scroll 0 0;
	float:left;
	overflow:hidden;
	padding:5px 0;
	text-indent:-99999px;
	width:100%;
}

#tipo {
	float:left;
	margin-bottom:10px;
	width:100%;
}

#tipo select { padding:3px; }

h2.categoria { margin:15px 0 0; font-size:200%; float:left; width:100%; color:#7F8184; }

div.produto { 
	background:#F6F6F6 url(/media/imagens/produto_bg.png) repeat-x scroll 0 0;
	float:left;
	margin:10px auto 15px;
	width:723px;
}

div.produto h3 { 
	border-bottom:1px solid #DADBDD;
	color:#7F8184;
	float:left;
	font-size:160%;
	line-height:100%;
	margin:0 10px;
	padding:7px 0;
	width:97%;
}

div.produto a.foto {
	background:transparent url(../imagens/foto_moldura.png) no-repeat scroll 0 0;
	display:block;
	float:left;
	height:117px;
	margin:11px 11px 8px;
	width:168px;
}

div.produto img {
  margin:6px 0 0 6px;
}

div.produto ul.detalhes { 	
	float:left;
	padding-top:10px;
	width:522px;
}

div.produto ul li {
	float:left;
	font-weight:bold;
	line-height:160%;
	width:100%;
}

div.produto div.descricao {
	float:left;
	line-height:150%;
	margin:0 0 10px 14px;
	text-align:justify;
	width:96%;
}

div.produto ul li span {font-weight:normal;}


/**********************************

 				 			EMPRESA

***********************************/

#conteudo.empresa h2 {
	background:transparent url(/media/imagens/empresa.png) no-repeat scroll 0 0;
	height:22px;
	margin:25px 0;
	text-indent:-3000px;
}

#conteudo.empresa p {
	margin-bottom:8px;
	line-height:150%;
	text-align:justify;
}
#conteudo.empresa h3 { margin:15px 0 }
#conteudo.empresa #galeria {
	float:left;
	height:225px;
	margin-right:10px;
	width:285px;
}
#conteudo.empresa em { font-style:italic }
#conteudo.empresa dl { margin:10px 0 15px }
#conteudo.empresa dl dd {
	line-height:150%;
	margin:0 22px;
}


/**********************************

 			RESPONSABILIDADE SOCIAL

***********************************/


#conteudo.responsabilidade {
	float:left;
	width:auto;
	text-align:justify;
}

#conteudo.responsabilidade h2 {
	background:#FFFFFF url(/media/imagens/responsabilidade.jpg) no-repeat scroll 0 0;
	height:155px;
	text-indent:-3000px;
	width:724px;
}

#conteudo.responsabilidade h3 { padding:15px 0 10px; }
#conteudo.responsabilidade p { padding:4px 0;
}

#conteudo.responsabilidade acronym {
	border-bottom:0.1em dashed #CC0000;
	cursor:help;
	letter-spacing:0.07em;
}

#conteudo.responsabilidade img{
	float:left;
	margin:3px 10px 10px 0;
}

/**********************************

 				 ARTIGOS E LINKS

***********************************/

#conteudo.artigoselinks h2 { 
	background:#FFFFFF url(../imagens/artigoselinks.png) no-repeat scroll 0 0;
	float:left;
	height:23px;
	margin:5px 0 15px;
	text-indent:-99999px;
	width:95%;
}

#conteudo.artigoselinks ul li{
	margin:5px 0 0 0;
	text-align:justify;
}

#conteudo.artigoselinks  ul li strong{
	color: #8e9095;
	font-weight:bold;
}

#conteudo.artigoselinks ul li a{
	color: #8e9095;
	text-decoration:none;
}

#conteudo.artigoselinks ul li a:hover{
	text-decoration:underline
}

/**********************************

	 		FORMULÁRIO DE CONTATO

***********************************/

#conteudo.contato h2 {
	background:#FFFFFF url(../imagens/contato.png) no-repeat scroll 0 0;
	height:22px;
	margin:25px 0;
	text-indent:-3000px;

}

#conteudo.contato fieldset {
	color:#585858;
	font-size:1em;
	font-weight:bold;
	width:500px;
}

#conteudo.contato fieldset p {
	display:block;
	float:left;
	margin:5px auto;
	width:100%;
}

#conteudo.contato fieldset label {
	display:block;
	float:left;
}

#conteudo.contato fieldset span.field_error {
	color:red;
	cursor:pointer;
	display:block;
	float:left;
	font-style:italic;
	font-weight:bold;
	left:80px;
	top:0;
	position:relative;
	width:100.1%;
}

/* style da caixa de texto que recebe o email */
#conteudo.contato fieldset input,
#conteudo.contato fieldset textarea,
#conteudo.contato fieldset select {
	background:#F8F8F8;
	border:1px solid #E5E7E9;
	clear:left;
	color:#808285;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:18px;
	margin:-14px 0 0 80px;
	padding:3px;
	width:230px;
}

#conteudo.contato fieldset span.field_help {
	font-size:100%;
	line-height:220%;
	margin-left:172px;
}

#conteudo.contato fieldset input#id_phone { width:100px; }

#conteudo.contato fieldset input#id_city { width:230px; }

#conteudo.contato fieldset textarea { height:100px; width:411px; }

#conteudo.contato fieldset select {
	height:auto;
	width:auto;
}

/* style do botão submit do formulario
	# alinha o botão a direita
*/

#conteudo.contato fieldset input.submit {
	background:orange url(/media/imagens/ok.png) no-repeat scroll 0 0;
	border:medium none;
	color:#C27821;
	cursor:pointer;
	display:block;
	float:left;
	font-weight:bold;
	height:27px;
	margin:0;
	left:465px;
	position:relative;
	width:35px;
}


#conteudo.contato fieldset input.error,
#conteudo.contato fieldset textarea.error { 
	border: 1px solid red; 
	background-color: #FFDFDF;
}
#conteudo.contato fieldset input:focus,
#conteudo.contato fieldset textarea:focus { background-color: #EFEFEF; }

/* estilo paragrafos de tratamento
------------------------------*/ 
.flash_notice, .flash_error {
	border: 1px solid green;
	background-color: #C3DFC3;
	color:black;
	font-weight:bold;
}

.flash_error {
	border: 1px solid red;
	background-color: #FFDFDF;
}