/* INICIO - Zerar todas as margens e bordas de todos os elementos */
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: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* Lembre-se de definir foco estilos! */
:focus {
outline: 0;
}
body {
width: 100%;
height: 100%;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background: #fff url(imagens/layout_bkg.jpg) /*repeat-x*/ no-repeat top center;
/*background: #415718 url(imagens/sombra.gif) /*repeat-x/ repeat-y top center;*/
}
ol, ul {
list-style: none;
}
/* Tabelas ainda precisam de "cellspacing ="0" 'na marcação */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* FIM */
/*********************************** Ativando a classe hover para o IE ***********************************/
* html * { 
color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; 
if(who.nodeName != 'A'){  
who.onmouseenter=function(){ who.className += ' hover'};  
who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; 
} (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;} 
} )(this) , 'auto') }
/* example 
div#imagens div#imgsleft p:first-child , div#imagens div#imgsleft p.first-child { color: red; cursor: pointer;}
p:first-child , p.first-child { color: red }li:hover a , li.hover a { background-color: blue }
/*div#imagens div#imgsleft p:hover{ border: 2px solid #FF5B00; cursor: pointer;}*/


/****************** Formatação dos links ************************/
a {color: #666; text-decoration: none;}
a:hover { color: #000;}
a:visited {color: #666}
a:visited:hover{color: #000}
a:active {color: #000}

/******************************************* layout fixo para todas as paginas **************************************************/

/****************** layout total todas as outras divs vão dentro desta ********************/
div#layout {
width : 1000px;
height: auto !important;
/*height: auto !important; /* altura definida pelo conteúdo */
display:table;
padding: 0 0 0 0px; /* espaçamento top, right, buttom, left*/
margin : 0 auto;
text-align: center; /* conteudo a esquerda. */
float: inherit; /* layout centralizado. */
/*line-height : 1.7em;*/ /* definendo altura das linhas */
color : #000;
background-color: #ccc;
/*background: #fff url(imagens/layout4.jpg) no-repeat top left;*/
border-left: 1px solid #000;
border-right: 1px solid #000;
}
/****************** Topo ************************/
div#layout div#topo {
width: 1000px;
height: 75px;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background: #000 url(imagens/texto.gif) no-repeat;
background-position: 550px  20px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Logo ************************/
.logo{
width: 438px;
height: 52px;
background: transparent url(imagens/logo.gif) no-repeat top left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 10px 0px 0px 40px; /* espaçamento top, right, buttom, left*/
float: left;
display: table;
}
/****************** Menu ************************/
div#layout div#menu {
width: 1000px;
height: auto !important;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
background-color: transparent;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-top: 1px solid #fff;
border-bottom: 2px solid #fff;
float: left;
color: #fff;
}
/****************** Menu top Sprites ************************/
.menutop {
width: 1000px;
height: 25px;
border-bottom: 2px solid #fff;
}
.menutop li {
width: 250px;
height: 25px;
background-color: transparent;
display: block;
float: left;
}
.menutop li a {
height: 25px;
display: block;
}
.menu1 {
background: transparent url(imagens/menu_sprite.gif) no-repeat;
background-position: 0px 0px;
cursor: pointer;
}
.menu1:hover {
background-position: 0px -30px;
cursor: pointer;
}
.menu2 {
background: transparent url(imagens/menu_sprite.gif) no-repeat;
background-position: -250px 0px;
cursor: pointer;
}
.menu2:hover {
background-position: -250px -30px;
cursor: pointer;
}
.menu3 {
background: transparent url(imagens/menu_sprite.gif) no-repeat;
background-position: -500px 0px;
cursor: pointer;
}
.menu3:hover {
background-position: -500px -30px;
cursor: pointer;
}
.menu4 {
background: transparent url(imagens/menu_sprite.gif) no-repeat;
background-position: -750px 0px;
cursor: pointer;
}
.menu4:hover {
background-position: -750px -30px;
cursor: pointer;
}
/****************** Menu bottom "Imagens" ************************/
.menubottom {
width: 1000px;
height: 180px;
padding: 5px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
border-bottom: 2px solid #fff;
float: left;
background-color: #666;
}
.menubottom li {
background-color: transparent;
display: block;
float: left;
}
.menubottom li a {
width: 328px;
height: 178px;
border: 1px solid #fff;
display: block;
}
.menu5 {
background: transparent url(imagens/tratores.jpg) no-repeat top left;
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
cursor: pointer;
}
.menu6 {
background: transparent url(imagens/pecas.jpg) no-repeat top left;
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
cursor: pointer;
}
.menu7 {
background: transparent url(imagens/locacao.jpg) no-repeat top left;
cursor: pointer;
}
/****************** Menu bottom escondido aparece no hover ************************/
.menuhover li {
width: 328px;
height: 18px;
}
.menubottom li ul {
width: 328px;
height: 18px;
display: block;
}
.menubottom li ul a {
width: 318px;
height: 18px;
color: #ffd000;
text-align: left;
font-weight: bold;
background-color: #999;
border: 1px solid #fff;
display: block;
}
.menubottom li ul {
position: absolute;
display: none;
margin: 178px 0px 0px -330px; /* espaçamento top, right, buttom, left*/
}
.menubottom li ul li a { padding: 0px 0px 0px 10px;} /* Sub Menu Styles */
.menubottom li.over ul ul ul { display: none; } /* Hide sub-menus initially */
.menubottom li:hover ul,
.menubottom li li:hover ul,
.menubottom li li li:hover ul,
.menubottom li.over ul,
.menubottom li li.over ul,
.menubottom li li li.over ul { display: block; } /* The magic */
.menubottom li a:hover { color: #fff; }
/****************** Linha larga preta abaixo do menu ************************/
.linha {
width: 1000px;
height: 15px;
background-color: #000;
float: left;
display: table;
}
/****************** Height Minimo ************************/
.heightmini {
width: 1px;
height: 400px;
background-color: transparent;
float: left;
display: table;
}
/****************** Height Minimo ************************/
.heightmini2 {
width: 1px;
height: 320px;
background-color: transparent;
float: left;
display: table;
}
/****************** Conteudo ************************/
div#layout div#conteudo {
width: 1000px;
height: auto !important;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
background-color: #ccc;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Conteudo com background************************/
div#layout div#conteudo2 {
width: 1000px;
height: auto !important;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
background: #ccc url(imagens/bkg_left5.jpg) no-repeat top left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/****************** Imagem left ************************/
.divimgleft {
width: 330px;
height: 420px;
border: 1px solid #fff;
background: #ccc url(imagens/bkg_left3.jpg) no-repeat top left;
margin: 5px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
display: table;
}
/****************** Rodapé ************************/
div#layout div#rodape {
width: 1000px;
height: 20px;
font: 75% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #dcdcdc;
padding: 5px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-top: 10px solid #fff;
float: left;
color: #525252;
display: table;
}
/****************** Rodapé com margin top ************************/
div#layout div#rodape2 {
width: 1000px;
height: 20px;
font: 75% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #dcdcdc;
padding: 5px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-top: 10px solid #fff;
float: left;
color: #525252;
display: table;
}
/****************** By Connexion  ************************/
.by {
width: 1000px;
height: 18px;
background-color: #dcdcdc;
border-top: 2px solid #fff;
text-align: left;
padding: 2px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
/************************************************************ localização ********************************************************/
/****************** formatação de textos para a pagina localização ************************/
.divtextlocalizacao {
width: 600px;
height: auto !important;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #aaa;
border: 3px solid #525252;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 5px 30px 10px 0px; /* espaçamento top, right, buttom, left*/
float: right;
}
/****************** formatação de textos para a pagina localização ************************/
.localiza {
width: 100%;
height: 20px;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
text-align: center;
font-weight: bold;
color: #fff;
background-color: #aaa;
border-bottom: 3px solid #525252;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** formatação de link para a pagina localização ************************/
.localink {
width: 600px;
height: 20px;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
font-weight: normal;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 5px 50px 0px 0px; /* espaçamento top, right, buttom, left*/
float: right;
color: #525252;
}
/****************** Formatação dos links ************************/
.localink:hover { color: #fff; cursor:pointer; text-decoration: underline; }
/************************************************************ Contato ********************************************************/
/****************** centro ************************/
div#layout div#conteudo2 div#contato {
width: 640px;
height: 340px;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: transparente;
border-left: 0px solid #fff;
padding: 30px 0px 10px 20px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: right;
color: #000;
display: table;
}
.txtfale {
width: auto !important;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: left; 
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 40px; /* espaçamento top, right, buttom, left*/
color:#525252;
float: left;
}
.txtcampo {
width: auto !important;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: right; 
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color:#ACABAA;
float: right;
}
.campo {
width: 467px;
height: 15px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #525252;
float: left;
margin: 0px 50px 0px 0px; /* espaçamento top, right, buttom, left*/
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
.campomensagem {
width: 547px;
height: 200px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #525252;
}
.campoenvia {
width: 100px;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: #fff;
border: 1px solid #525252;
cursor: pointer;
float: right;
margin: 190px 48px 10px 0px; /* espaçamento top, right, buttom, left*/
}
.camporeset {
width: 100px;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: #fff;
border: 1px solid #525252;
cursor: pointer;
float: right;
margin: 190px 06px 10px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** Div com a mensagem de E-mail enviado com Sucesso! *************************/
.divemailok {
width: 1000px;
height: 150px;
font : 85% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
text-align: center;
display: table;
padding: 130px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color:#525252;
border: 0px solid #525252;
background-color: transparent;
float: left;
}
/******************************************************* Galeria de Imagens *****************************************************/
#ImageBoxOverlay
{
	background-color: #000;
	
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
	border-top: 0px solid #005625;
	border-left: 2px solid #005625;
	border-right: 2px solid #005625;
	border-bottom: 2px solid #005625;
	overflow: hidden;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
	border-top: 2px solid #005625;
	border-left: 2px solid #005625;
	border-right: 2px solid #005625;
	border-bottom: 0px solid #005625;
	overflow: hidden;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #7fb121;
	overflow: hidden;
}
#ImageBoxCaptionImages
{
	margin: 0;
	color: #999;
	font: 87% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style: normal;
	overflow: hidden;
	
}
#ImageBoxNextImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(imagens/galeria/spacer.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(imagens/galeria/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(imagens/galeria/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
/************************************************************ Paginação ********************************************************/
/****************** Class paginação ************************/
.paginacao {
width: 480px;
height: 20px;
background-color: transparent;
border: 0px solid #ACABAA;
float: left;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 30px; /* espaçamento top, right, buttom, left*/
}
.pagtitulo {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #83c10e;
background-color: #005625;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #fff;
}
.pagativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #83c10e;
border: 1px solid #005625;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}
.pagativa a { color: #005625; }
.pagativa a:hover { color: #fff; }

.pagativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #005625;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}

.pagainativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #83c10e;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #83c10e;
}
.pagainativanr:hover { color: #005625; border: 1px solid #005625; }


.pagainativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #f6f6f4;
border: 1px solid #666;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #666;
}
/*********************************************************** Tipo Produto *******************************************************/
/****************** Class lista de tipo de produtos ************************/
.listatipoprod {
width: 450px;
height: 15px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: left;
background-color: #f6f6f4;
border: 1px solid #83c10e;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 2px 0px; /* espaçamento top, right, buttom, left*/
color: #83c10e;
display: block;
}
.listatipoprod:hover { color: #005625; border: 1px solid #005625; }
/*********************************************************** Produto *******************************************************/
/****************** Class não ha produtos ************************/
.nprod {
width: 100%;
height: 15px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: #000;
border: 1px solid #ffd000;
padding: 2px 0px 2px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 2px 0px; /* espaçamento top, right, buttom, left*/
color: #ffd000;
display: block;
}
/*********************************************************** Home *******************************************************/
/****************** Class Div Conteúdo Home ************************/
.conteudohome {
width: 1000px;
height: 200px;
background-color: #ccc;
padding: 5px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-bottom: 10px solid #fff;
float: left;
color: #fff;
display: table;
}
/****************** Class Div manutenção ************************/
.manut {
width: 400px;
height: 200px;
background: #ccc url(imagens/manutencao.jpg) no-repeat;
background-position: 240px 11px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-right: 1px solid #fff;
float: left;
color: #fff;
display: table;
}
.manut p{
width: 210px;
background-color: transparent;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: justify;
padding: 10px 0px 0px 15px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #525252;
display: table;
}
/****************** Class Div Rodapé home ************************/
.rodapehome {
width: 1000px;
height: 130px;
background-color: #dcdcdc;
padding: 5px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-bottom: 0px solid #fff;
float: left;
color: #fff;
display: table;
}
/****************** Class Div Rodapé home Contato ************************/
.contatohome {
width: 450px;
height: 120px;
background-color: #dcdcdc;
padding: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-right: 1px solid #fff;
float: left;
color: #fff;
display: table;
}
.contatohome p{
width: 450px;
background-color: transparent;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
padding: 0px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #525252;
display: table;
}
.tel {
background-color: transparent;
font: 200% Tahoma, Arial, Helvetica, sans-serif;
color: #525252;
font-weight: bold;
}
/****************** Class Div Rodapé home Contato ************************/
.logisticahome {
width: 549px;
height: 120px;
background-color: #dcdcdc;
padding: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-right: 0px solid #fff;
float: left;
color: #fff;
display: table;
}
.logisticahome p{
width: 530px;
background-color: transparent;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
padding: 0px 0px 10px 15px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #525252;
display: table;
}
/*********************************************************** Empresa *******************************************************/
/****************** Class Div central ************************/
.divempresa{
width: 520px;
height: 20px;
background-color: transparent;
padding: 0px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
margin: 40px 0px 0px 20px; /* espaçamento top, right, buttom, left*/
color: #005625;
}
.txt {
width: auto !important;
height: auto !important;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: justify;
background-color: transparent;
padding: 0px 0px 15px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}
.txtitulo {
width: auto !important;
height: auto !important;
font: 95% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: transparent;
padding: 0px 0px 15px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #005625;
}
/********************************************************* Include Destaque *****************************************************/
/****************** Class Div destaque ************************/
.destaq {
width: 380px;
height: 180px;
background-color: #ccc;
text-align: right;
padding: 10px 10px 10px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-right: 1px solid #fff;
float: left;
color: #fff;
display: table;
}
.desc {
width: 178px;
height: 185px;
background-color: transparent;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: justify;
padding: 5px 10px 5px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-right: 0px solid #fff;
float: right;
color: #525252;
overflow: hidden;
}
/************************************************************* Destaque *********************************************************/
/****************** Class Div destaque ************************/
.divdestaq {
width: 979px;
height: auto !important;
background-color: #ccc;
text-align: right;
padding: 10px 10px 10px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
color: #fff;
display: table;
}
.divdesc {
width: 440px;
height: auto !important;
background-color: transparent;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: justify;
padding: 15px 10px 5px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
border-left: 1px solid #fff;
border-right: 1px solid #fff;
float: right;
color: #525252;
}
/************************************************************* Empresa *********************************************************/
/****************** Class Div empresa ************************/
.divempresa {
width: 800px;
height: auto !important;
background-color: transparent;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
padding: 25px 10px 5px 10px; /* espaçamento top, right, buttom, left*/
margin: 10px 0px 0px 90px; /* espaçamento top, right, buttom, left*/
border-left: 1px solid #fff;
border-right: 1px solid #fff;
float: left;
color: #525252;
display: table;
}
.empresaimg1 {
text-align: left;
float: left;
}
.empresadesc {
text-align: justify;
float: left;
padding: 0px 0px 10px 20px; /* espaçamento top, right, buttom, left*/
}
.empresaimg2 {
text-align: left;
float: left;
padding: 20px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
.empresadivumg {
width: 200px;
height: 320px;
text-align: left;
float: left;
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
}


/************************************************************ Promoções ********************************************************/
/****************** Class Div Promoções ************************/
.divpromocao {
width: 900px;
height: auto !important;
background-color: transparent;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: left;
padding: 5px 10px 5px 10px; /* espaçamento top, right, buttom, left*/
margin: 10px 0px 0px 35px; /* espaçamento top, right, buttom, left*/
border-left: 1px solid #fff;
border-right: 1px solid #fff;
float: left;
color: #525252;
display: table;
}
/****************** Div com a imagem ************************/
.imgsshow {
width: auto !important;
height: auto !important;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: transparent;
border: 1px solid #000;
float: left;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 06px 15px 0px; /* espaçamento top, right, buttom, left*/
}
.imgsshow a { color:#000; }
.imgsshow a:hover .imgtitulo { color:#ffd000; border: 1px solid #ffd000; background-color: #000; }
/****************** Div com todas as imagens ************************/
.centerdivimgs {
width: 880px;
height: 410px;
background-color: transparent;
border: 0px solid #ACABAA;
float: left;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 10px 0px 0px 7px; /* espaçamento top, right, buttom, left*/
}
/****************** Class titulo das imagens ************************/
.imgtitulo {
width: 200px;
height: 15px;
font : 70% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: normal; /* fonte em negrito */
text-align: center;
background-color: #fff;
border: 1px solid #000;
cursor: pointer;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
overflow: hidden;
}
/************************************************************ Paginação ********************************************************/
/****************** Class paginação ************************/
.paginacao {
width: 880px;
height: 20px;
background-color: transparent;
border: 0px solid #ACABAA;
float: left;
text-align: center;
padding: 5px 5px 5px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 7px; /* espaçamento top, right, buttom, left*/
}
.pagtitulo {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
border: 1px solid #999;
background-color: #fff;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #999;
}
.pagativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #000;
border: 1px solid #ffd000;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #ffd000;
}
.pagativa a { color: #ffd000; }
.pagativa a:hover { color: #fff; }

.pagativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #000;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #000;
}

.pagainativanr {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: transparent;
border: 1px solid #999;
padding: 2px 2px 2px 2px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #999;
}
.pagainativanr:hover { color: #000; border: 1px solid #000; }

.pagainativa {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #f6f6f4;
border: 1px solid #666;
padding: 2px 5px 2px 5px; /* espaçamento top, right, buttom, left*/
margin: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #666;
}
/********************************************* Paginação das fotos com animação **********************************************/
.pai {
width: 500px;
height: 300px;
display: none;
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
text-align: left;
border: 5px solid #fff;
}
.pai1 {
width: 500px;
height: 300px;
float: left;
text-align: left;
border: 0px solid #fff;
padding: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
}
.previous {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #000;
border: 1px solid #ffd000;
padding: 1px 10px 2px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #ffd000;
cursor: pointer;
}
.previous:hover {color: #fff; }
.numbers {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: 5px;
background-color: transparent;
border: 1px solid #000;
padding: 1px 2px 2px 7px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #000;
}
.numbers a {color: #000; }
.numbers a:hover {color: #fff; }
.next {
width: auto !important;
height: 20px;
font: 70% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #000;
border: 1px solid #ffd000;
padding: 1px 10px 2px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #ffd000;
cursor: pointer;
}
.next:hover {color: #fff; }
.nav {
width: 500px;
height: auto !important;
background-color: transparent;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
padding: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
border: 0px solid #fff;
float: left;
color: #525252;
}
.navfotos {
width: auto !important;
height: 20px;
background-color: transparent;
font: 80% Tahoma, Arial, Helvetica, sans-serif;
font-weight: normal;
text-align: center;
padding: 5px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: inherit;
color: #666;
}
/********************************************* Botão Volatar para todas as paginas **********************************************/
.btvoltar {
width: 100px;
height: auto !important;
font: 85% Tahoma, Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: center;
background-color: #000;
border: 1px solid #ffd000;
padding: 2px 0px 2px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color: #ffd000;
cursor: pointer;
float: right;
}
.btvoltar a { color: #ffd000; }
.btvoltar a:hover { color: #fff; }