/* 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: #e5e5e5 url(imagens/sombra.jpg) /*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: #040093; text-decoration: none;}
a:hover { color: #BCB5A3;}
a:visited {color: #040093}
a:visited:hover{color: #BCB5A3}
a:active {color: #040093}
/****************** layout total todas as outras divs vão dentro desta ********************/
div#layout {
width : 795px;
/* height:500px; */
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: #fff;
}
/****************** Div com a Imagem sobre o menu ************************/
div#layout div#imgsobremenu {
width: 315px;
height: 170px;
line-height: 170px;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: center;
color: #EBE9E3;
vertical-align: middle;
background: #040093 url(imagens/logo_legenda.gif) no-repeat center;  /* imagem de bkg */;
float: left;
cursor: pointer;
}
/****************** Div Menu ************************/
div#layout div#menu {
width: 315px;
height: 20px;
padding: 20px 0px 20px 0px; /* espaçamento top, right, buttom, left*/
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold;
text-align: left;
color: #EBE9E3;
vertical-align: middle;
background-color: #eee;
float: left;
}
/****************** Div Menu com Formatação ************************/
div#layout div#menu li {
width: auto !important; /* largura definida pelo conteúdo */
text-align: center;
vertical-align: middle;
line-height: 20px;
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
display: inline;
}
/****************** banner ************************/
div#banner {
width: 480px;
height: 230px;
letter-spacing: 0px;
background-color: #fff;
text-align: left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: right;
display: table;
}
/****************** Formata opção de linguas ************************/
.ling {
width: 470px;
height: 30px;
letter-spacing: 0px;
line-height: 30px;
vertical-align: middle;
background-color: #fff;
text-align: right;
padding: 0px 10px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
float: left;
display: table;
}
/****************** formatação de textos para site em portugues e ingles ************************/
.portingl {
width: auto !important;
height: 22px;
line-height: 22px;
vertical-align: middle;
font: 70% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform: uppercase;
text-align: left;
padding: 8px 5px 0px 5px; /* espaçamento top, right, buttom, left*/
float: right;
}
/*********************************** Ativando a classe hover para o IE na div#imgsleft ***********************************/
.ling p:hover{ cursor: pointer; background-color: #DAEFF1;}
/****************** Formata imagens do banner ************************/
.banner {
width: auto !important;
height: 200px;
letter-spacing: 0px;
background-color: transparente;
text-align: 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;
display: table;
}
/****************** Div imgsleft formata as imagens a esquerda ************************/
div#layout div#imgsleft {
width: 315px;
height: auto !important;
text-align: center;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #fff;
float: left;
}
/****************** Class imgsleft formata as imagens a esquerda ************************/
.imgsleft01 {
width: 110px;
height: 230px;
text-align: center;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #eee;
float: right;
}
/****************** Class imgsleft formata as imagens a esquerda ************************/
.imgsleft02 {
width: 195px;
height: 200px;
text-align: center;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 130px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: tranparent;
float: left;
}
/****************** Class imgsleft formata as imagens a esquerda ************************/
.imgsleft03 {
width: 110px;
height: 100px;
text-align: center;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #fff;
float: right;
}
/****************** Div para deichar a div conteúdo com height de 530px ************************/
div#layout div#imgsleft div#heightminimo {
width: 1px;
height: 340px;
display: table;
background-color: #fff;
float: left;
}
/****************** Div Conteúdo para colocasr os textos right ************************/
div#layout div#conteudoright {
width: 480px;
height: auto !important;
text-align: center;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #fff;
float: right;
}
/****************** Linhas Superior e Inferior ************************/
div#linha {
width: 795px;
height: 8px;
background-color: #BCB5A3;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 3px 0px 2px 0px; /* espaçamento top, right, buttom, left*/
float: left;
display: table;
}
/****************** Rodapé ************************/
div#rodape {
width: 795px;
height: 25px;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
background-color: #040093;
padding: 5px 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;
}
/****************** Div Conteúdo para colocasr os textos right ************************/
div#layout div#conteudoright div#textopo {
width: 150px;
height: 200px;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
padding: 30px 25px 0px 25px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #040093;
color: #fff;
float: left;
}
/****************** Div textobottom para colocar os textos right ************************/
div#layout div#conteudoright div#textobottom {
width: 280px;
height: 140px;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background: #040093 url(imagens/right06.jpg) no-repeat left;  /* imagem de bkg */
color: #fff;
float: left;
}
/****************** class textobottom para colocar os textos right ************************/
.textobottom {
width: 110px;
height: 130px;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
padding: 10px 55px 0px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 5px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #040093;
background: #040093 url(imagens/right07.jpg) no-repeat right;  /* imagem de bkg */
color: #fff;
float: right;
}
/****************** Div imgsright para colocasr as imagens a direita ************************/
div#layout div#conteudoright div#imgsright {
width: 280px;
height: auto !important;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #fff;
color: #fff;
float: right;
}
/****************** Div imgsright para colocasr as imagens a direita ************************/
.imgsright01 {
width: 195px;
height: 60px;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px 0px 0px 85px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #fff;
color: #fff;
float: left;
}
/****************** Div imgsright para colocasr as imagens a direita ************************/
.imgsright02 {
width: 280px;
height: 60px;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #eee;
color: #fff;
float: left;
}
/****************** Div imgsright para colocasr as imagens a direita ************************/
.imgsright03 {
width: 230px;
height: 70px;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: left;
padding: 0px 0px 0px 50px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: tranparente;
color: #fff;
float: left;
}
/****************** formatação de textos ************************/
.textos {
width: auto !important;
height: auto !important;
margin: 0px 0px 12px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** formatação de textos para a pagina empresa ************************/
.textempresa {
width: 400px;
height: auto !important;
font: 80% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: justify;
color: #666;
padding: 20px 40px 0px 40px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** formatação de textos para a pagina localização ************************/
div#layout div#textlocalizacao {
width: 595px;
height: auto !important;
font: 85% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #eee;
border: 3px solid #000;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 10px 100px; /* espaçamento top, right, buttom, left*/
float: left;
}
/****************** formatação de textos para a pagina localização ************************/
.localiza {
width: 100%;
height: 20px;
font: 100% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #040093;
border-bottom: 3px solid #000;
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 textos para a pagina localização ************************/
.localizaend {
width: 100%;
height: 17px;
font: 90% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
text-align: center;
color: #fff;
background-color: #040093;
border-top: 2px solid #000;
margin: 10px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}
/****************** formatação de textos para a pagina localização ************************/
.localizalink {
width: 100%;
height: 20px;
font: 90% Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
}
/****************** Formatação dos links ************************/
.localizalink:hover { color: #000066; cursor:pointer; font-weight: bold; }
/****************** formatação do menu ************************/
.menu ul {
margin: 0;
padding: 0;
width: auto !important; /* Width of Menu Items */
display: inline-block; /* horizontal \*/
text-align: left; /* conteudo a esquerda. */
background: #eee; /* IE6 Bug */
font-size: 100%;
padding: 0px 10px 2px 0px; /* espaçamento top, right, buttom, left*/
border-top: 1px solid #6b73c9;
border-left: 1px solid #6b73c9;
border-right: 1px solid #6b73c9;
border-bottom: 1px solid #6b73c9;
}

.menu li {
width: auto !important;
position: relative;
}

.menu li a {
display: inline; /* horizontal \*/
text-decoration: none;
font : 90% Verdana, Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:bold; 
color: #040093;
padding: 0px;
}

/* Fix IE. Hide from IE Mac \*/
* html .menu li { float: left; height: 1%; }
* html .menu li a { height: 1%; }
/* End */

.menu ul {
position: absolute;
display: none;
left: 10px; /* Set 1px less than menu width */
top: 14px;
}

.menu li ul li a { padding: 0px 0px; font-style:italic; font-weight:normal;} /* Sub Menu Styles */
.menu li ul li a:hover { border-bottom: 1px solid #000;} /* Sub Menu Styles */
.menu li.over ul ul ul { display: none; } /* Hide sub-menus initially */
.menu li:hover ul,
.menu li li:hover ul,
.menu li li li:hover ul,
.menu li.over ul,
.menu li li.over ul,
.menu li li li.over ul { display: block; } /* The magic */
.menu li a:hover { color: #4f4319; }
.menu li a:hover b { color: #000; }

/* ----------------------------------------------------------- Fale Conosco-------------------------------------------------------*/
.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 70px; /* espaçamento top, right, buttom, left*/
color:#ACABAA;
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: left; 
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: left;
}
.campo {
width: 250px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #040093;
float: right;
margin: 0px 86px 0px 0px; /* espaçamento top, right, buttom, left*/
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
}

.campomensagem {
width: 320px;
height: 100px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
border: 1px solid #040093;
}

.campoenvia {
width: 100px;
height: 20px;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
color:#000;
background-color: #fff;
border: 1px solid #ACABAA;
cursor: pointer;
float: right;
margin: 90px 86px 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 #ACABAA;
cursor: pointer;
float: right;
margin: 90px 06px 10px 0px; /* espaçamento top, right, buttom, left*/
}

div#emailok {
width: 400px;
height: 100%;
font : 85% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
line-height: 100%;
vertical-align: middle;
display: table;
margin-top: 130px;
padding: 10px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
color:#EBE9E3;
border: 1px solid #ACABAA;
background-color: #040093;
float: none;
}

/****************** Formatação dos links ************************/
div#emailok a {color: #fff; text-decoration: none;}
div#emailok a:hover { color: #ffd300;}
div#emailok a:visited {color: #fff}
div#emailok a:visited:hover{color: #ffd300}
div#emailok a:active {color: #fff}

div#margemtop {
width: auto !important;
height: auto !important;
display: table;
margin-top: 20px;
}

/****************** Div menuleft formata as imagens a esquerda ************************/
div#layout div#menuleft {
width: 315px;
height: auto !important;
text-align: left;
padding: 10px 0px 10px 0px; /* espaçamento top, right, buttom, left*/
display: table;
background-color: #FAFBC6;
float: left;
}

/****************** Div para deichar a div conteúdo com height de 530px ************************/
.heightminimo2 {
width: 1px;
height: 340px;
display: table;
background-color: #fff;
float: left;
}

div#conteudototal {
width: auto !important;
height: auto !important;
display: table;
background-color: #FAFBC6;
float: left;
}

.menuleftotal {
width: 300px;
height: auto !important;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: left; 
padding: 0px 0px 0px px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 5px; /* espaçamento top, right, buttom, left*/
color:#fff;
float: left;
background-color: #fff;
border-top: 0px solid #040093;
border-left: 1px solid #040093;
border-right: 1px solid #040093;
border-bottom: 0px solid #040093;
overflow: hidden;
}

.menuleft {
width: 290px;
font : 90% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight: bold; /* fonte em negrito */
height: 20px;
text-align: left; 
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color:#fff;
float: left;
background-color: #040093; 
}

.submenuleft {
width: 290px;
font : 80% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
height: 20px;
text-align: left; 
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
color:#000;
float: left;
border-bottom: 1px solid #040093;
}
/****************** Formatação dos links ************************/
.submenuleft:hover { color: #000066; background-color: #DAEFF1; cursor:pointer; font-weight: bold; }

.link {
color: #040093;
background-color: transparent; 
}
/****************** Formatação dos links ************************/
.link:hover { color: #000066; cursor:pointer; font-weight: bold; }

.edtitorframe {
width: 470px;
height: 350px;
line-height: 15px;
border: 0px solid #000;
}



/* ----------------------------------------------------------- Pesquizar-------------------------------------------------------*/
div#animado {
width: 230px;
height: 80px;
text-align: center;
background-color: #F8FAFC;
color: #000;
border: 3px solid #000; /* definindo 1 de borda */
cursor: auto;
padding: 0px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
position: absolute;
float: inherit;
overflow: auto;
top: 20px;
left: 45%;
display: none;
}

div#animado div#tituloanimado{
width: 100%;
font : 100% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold; /* fonte em negrito */
height: 20px;
background-color: #000;
border: 0px solid #000; /* definindo 1 de borda */
color:#fff;
padding: 0px 0px 0px 0px; /* espaçamento top, right, buttom, left*/
margin: 0px 0px 5px 0px; /* espaçamento top, right, buttom, left*/
}

.fecharanimado {
width: 40px;
font : 90% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold; /* fonte em negrito */
text-decoration:none;
height: 13px; 
line-height: 13px; 
text-align: center;
background-color: #B70000;
border: 1px solid #fff; 
padding: 0px 3px 2px 0px; /* espaçamento top, right, buttom, left*/
color:#000;
float: right;
cursor: pointer;
}

.fecharanimado:hover {
width: 40px;
font : 90% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold; /* fonte em negrito */
height: 13px; 
line-height: 13px; 
text-align: center;
background-color: #F93C3C;
border: 1px solid #fff; 
padding: 0px 3px 2px 0px; /* espaçamento top, right, buttom, left*/
color:#fff;
float: right;
cursor: pointer;
}

.animadoleft {
width: 80px;
font : 80% Verdana, Arial, Tahoma, "Trebuchet MS", Helvetica, sans-serif;
font-weight:bold; /* fonte em negrito */
height: 20px;
text-align: left; 
padding: 0px 0px 0px 10px; /* espaçamento top, right, buttom, left*/
color:#fff;
float: left;
}


.animado {
    background: #008;
    position: fixed;
    width: 200px;
    height: 200px;
    border: 1px solid #00f;
	top: 100px;
	left: auto;
}
.animado h3 {
    font-family: Verdana;
}