/* Eric Meyer Reset */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, 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-size: 100%; vertical-align: baseline; background: transparent; }

/* Basic Elements */
ul li { list-style: none; }
a{ }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: none; }

/* Backgrounds */

body { font: 12px/1.5 arial, verdana, sans-serif; color: #777; }


ul li { list-style: none; }
a{ }
a:link, a:visited{ text-decoration: none; }
a:hover, a:active{ text-decoration: none; }

#hnav { position: absolute; top: 0; left: 0; width: 826px; height: 32px; background: url(../images/menu.png) no-repeat; }
#hnav li { position: absolute; left: 0; height: 32px; }
	#hnav #hnav1 { width: 115px; left: 0px; }
	#hnav #hnav2 { width: 120px; left: 115px; }
	#hnav #hnav3 { width: 129px; left: 235px; }
	#hnav #hnav4 { width: 181px; left: 364px; }
	#hnav #hnav5 { width: 159px; left: 545px; }
    #hnav #hnav6 { width: 122px; left: 704px; }

#hnav li a { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 32px; text-indent: -9999em; }

#menu{
 position:relative;	
 width:827px;
 height:59px;
 margin:0px auto;
 margin-top:35px;
}




body, html {
 margin:0px;
 margin-left:0px auto;
 background-image:url(../images/fundo.jpg);
 background-repeat:repeat-x;
 background-color:#fff;
 height:100%;
 width:100%;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 
}


/* **********************************  DIVs  *********************************************** */
#passovirtual { 
 position:absolute;
 width:auto; 
 height:auto;
 left:0px;
 top:50%;
} 



#contato{
 position:absolute;
 width:806px;
 height:414px;
 top:230px;
 left:96px;
 background-image:url(../images/fnd_contato.png);
}

#telacontato{
 width:450px;
 height:auto;
 margin-top:45px;
 float:left;
}


#localizacao{
 position:absolute;
 width:806px;
 height:414px;
 top:230px;
 left:96px;
 background-image:url(../images/localizacao.png);
}


.box{
 background-color: #fff;
padding: 20px;
border: 1px solid #DDDDDD; 
margin-bottom: 20px;
}




#materiaprima{
 position:absolute;
 width:806px;
 height:414px;
 top:230px;
 left:96px;
 background-image:url(../images/fnd_materiaprima.png);
}

/* *********************************     tabelas materia prima ****************************/

#page0 pre {
  background:#BBC741;
  border:dashed #A00 1px;
  padding-left:1em;
}

#tabrow {
 margin:0;
 padding-left:1ex;
 min-width:800px;
 font-size:small;
 letter-spacing:0.3pt;
 line-height:1;
 height:24px;
}

#tabrow ul {
  margin:0;
  padding:0;
  list-style:none;
  position:absolute;
  z-index:2;
}

#tabrow li {
  float:left;
  background-color:#9A9A9A;
  color:#FFF;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  margin-right:5px;
  padding:5px;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top:solid #EBEBEB 1px;
  border-left:solid #EBEBEB 1px;
  border-right:solid #EBEBEB 1px;
  border-bottom-width:0;
  border-bottom-color:transparent;
  cursor:pointer;
}

#tabrow li.select {
 background-color:#BBC741;
 color:#FFF;
 height:14px;
}

#midbox {
  width:100%;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

#midbox {
  border: solid #EBEBEB 1px;
}

#midbox p {
  margin:0;
  padding-bottom:1ex;
}


div.subpage {
  padding:1em;
}


/* **********************************  Configuraao de Classes  *********************************************** */

.texto{
 font-family:Arial;
 color:#666666;
 font-size:12px;
 text-align:left;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;  
}
.titulos_paginas{
 color:#BBC741;
 border-bottom: 1px solid #CBD93B;
 font-size: 22px;
 padding: 5px;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; 
	
}
.texto1{
 color:#333333;
 font-size:13px;
 text-align:left;
}

.texto2{
 color:#333;
 font-size:14px;
 text-align:center;
 padding-top:4px
}


.texto3{
 font-family:"Times New Roman";
 color:#BF0000;
 font-size:16px;
 text-align:left;
 font-style:italic;
 font-weight:bold;
}

.detalhes{
 color:#333;
 font-size:13px;
 text-align:left;
 padding-top:4px
}

.fones{
 color:#003366;
 font-size:15px;
 text-align:left;
 padding-top:4px;
 font-weight:bold;
}


.dados{
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 color:#999999;
 font-size:15px;
}


.titulo{
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
 color:#BBC741;
 font-size:17px;
 text-align:left;
 font-weight:bold;
}

.destaque{
 color:#FF0000;
 font-size:20px;
 text-align:left;
 font-style:italic;
}

.rodape{
 color:#003366;
 font-size:12px;
 text-align:center;
 margin:0px auto;
 padding-top:8px;
}

A:link{color: #666666; text-decoration: none}
A:visited {color: #666666; text-decoration: none}
A:active {text-decoration: none}
A:hover {color: #666666;text-decoration: underline}

.src {
 width:90%px; 
 height:90%px; 
 margin: 4px; 
 padding:4px; 
 background-color:#f5f7f9; 
 border-right: #a5a7aa solid 1px; 
 border-bottom: #a5a7aa solid 1px; 
 border-top: #a5a7aa solid 1px; 
 border-left: #a5a7aa solid 1px; 
}

img{
 background:url('../images/load.gif') no-repeat center;
 border:0px;
}

input ,select, textarea {
 font: 13px Verdana, Arial, Helvetica, sans-serif;
 color: #000000;
 border: 1px solid #CCCCCC;
 margin-top:3px;
 background-image:url(../images/fnd_input.jpg);
 background-repeat:repeat-x;
 width: 100%;   
 height: 40px;
  padding-left: 10px;
}


label,  input, select, textarea {   
 display: block;   
 float: left; 
}   
  
label {    
 text-align:left;   
 width: 120px;   
 margin-top:8px;
 color:#474747;
 font-size:14px;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	 
}   


  
/******************************  MODAL ****************************/  
  
  
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:440px;
  height:200px;
  display:none;
  z-index:9999;
  padding:20px;
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}


#boxes #dialog2 {
  background:url(../images/notice.png) no-repeat 0 0 transparent; 
  width:326px; 
  height:229px;
  padding:50px 0 20px 25px;
}
.close{display:block; text-align:right;}
  

ul.menus{
	list-style:none;
	margin:0;
	padding:0;
	font-size:18px;
	color:#FFF;
	background:#BBC741;
 font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
}

ul.menus li{
	text-align:center;
	padding:15px;
	cursor:pointer;
}

ul.menus li:hover{
	background:#9B9B9B;
	color:#fff;
}

/* produtos */

ul.menus2{
	display: inline-table;
	list-style:none;
	margin:0;
	padding:0;
	font-size:18px;
	color:#FFF;
	width: auto;	
	background:#BBC741;		
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	

}

ul.menus2 li{
	width: auto;
	float: left;
	text-align:center;
	padding:15px;
	cursor:pointer;
	border-right: 2px solid #fff;
	
}
ul.menus2 li:last-child{
	border-right: 0px;
	 
}

ul.menus2 li:hover{
	background:#9B9B9B;
	color:#fff;
}




.ativado{
	background:#9B9B9B;
	color:#fff;
}

.boxprodutos {
  width: 100%;
  height: 250px;
  overflow: hidden;
  cursor: pointer;
  background: #BBC741;

}

.boxprodutos img{
  position: relative;
  display: block;
  width: -webkit-calc(100% + 100px);
  width: calc(100% + 100px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-30px, 0, 0) scale(1.17);
  transform: translate3d(-30px, 0, 0) scale(1.17);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  min-height: 100%;
}


.boxprodutos:hover img {
  opacity: 0.5;
  -webkit-transform: translate3d(0, 0, 0) scale(1);
  transform: translate3d(0, 0, 0) scale(1);
}
.boxprodutos h2 {
  word-spacing: -0.15em;
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 1em 1.2em;
  color:#000;
  font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	  
}

.bnt-enviar{
	color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	padding: 15px;
	background-color: #C8D820;
	border: none;
	border-bottom: 2px solid #9B9B9B;
	
}
.bnt-enviar:hover{
	color:#fff;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;	
	background-color: #9B9B9B;
	border: none;
	border-bottom: 2px solid #C8D820;
	
}