/*1 corpo principal, instruções para layout geral do site */
BODY {
overflow-y:auto;
overflow-x:auto;
margin:0px;
background-image:url("img/bg.jpg");
background-repeat:repeat-x;
background-color:#38435f;
text-align:center;
padding:0;

scrollbar-face-color:#e5e7e8;
scrollbar-highlight-color:#FDFDFD;
scrollbar-3dlight-color:#666666;
scrollbar-darkshadow-color:#000000;
scrollbar-shadow-color:#FDFDFD;
scrollbar-arrow-color:#808080;
scrollbar-track-color:#e5e7e8;
overflow-y:auto;
overflow-x:auto;

font-family: Verdana;
color:#333333;
font-size:10px;
}
/*1 *********************************************************/


/*1.1 classe de estilo opcional para textos com destaque em negrito deve ser chamada por class="textobold" */
font.textobold {
font-weight: bold;
}
/*1.1 *********************************************************/



/*1.2 classe de estilo opcionalpara textos com cor diferenciado do geral do site deve ser chamada por class="cordois" */
font.cordois {
color:red;
}
/*1.2 *********************************************************/



/*2 instrução padrão para todos os links dentro do site, (bold com houver sublinhado) */
a:link {
	font-family: verdana;
	color:black;
	font-size:10px;
	text-decoration:none;
	}
a:visited {
	font-family: verdana;
	color:black;
	font-size:10px;
	text-decoration:none;
	}
a:hover {
	font-family: verdana;
	color:black;
	font-size:10px;
	text-decoration:underline;
	}
a:active {
	font-family: verdana;
	color:black;
	font-size:10px;
	text-decoration:none;
}
/*2 *********************************************************/



/*2.1 classe de estilo opcional (bold com houver de cor diferente) para links do documento, ao invés do hover ser sublinhado, o link é caracterizado pelo texto em em outra cor, todos os atributos(familia,tamanho, etc) são herdados do padrão geral de link, deve ser chamado com class="linkcoropcional" */
a.linkcoropcional:link {
	text-decoration:none;
	color:white;
	}
a.linkcoropcional:visited {
	text-decoration:none;
	color:white;
	text-decoration:none;
	}
a.linkcoropcional:hover {
	text-decoration:underline;
	color:white;
	}
a.linkcoropcional:active {
	text-decoration:none;
	color:white;
}

/*2.1 *********************************************************/

a.linkcoropcionalcadastro:link {
	text-decoration:none;
	color:#f9ca3f;
	font-weight:bold;
	}
a.linkcoropcionalcadastro:visited {
	text-decoration:none;
	color:#f9ca3f;
	font-weight:bold;
	}
a.linkcoropcionalcadastro:hover {
	text-decoration:underline;
	color:#f9ca3f;
	font-weight:bold;
	}
a.linkcoropcionalcadastro:active {
	text-decoration:none;
	color:#f9ca3f;
	font-weight:bold;
}
/*2.1 *********************************************************/



/*2.1.1 classe de estilo opcional (bold com houver de cor diferente) para links do documento, ao invés do hover ser sublinhado, o link é caracterizado pelo texto em em outra cor, todos os atributos(familia,tamanho, etc) são herdados do padrão geral de link, deve ser chamado com class="linkcoropcional" */
a.linkcoropcionaldois:link {
	text-decoration:none;
	font-weight: bold;
	color:silver;
	line-height:1em;
	}
a.linkcoropcionaldois:visited {
	text-decoration:none;
	font-weight: bold;
	color:silver;
	line-height:1em;
	}
a.linkcoropcionaldois:hover {
	text-decoration:none;
	font-weight: bold;
	color:orange;
	line-height:1em;
	}
a.linkcoropcionaldois:active {
	text-decoration:none;
	font-weight: bold;
	color:silver;
	line-height:1em;

}
/*2.1.1 *********************************************************/



/*2.2 classe de estilo opcional (underline)*/
a.linkunderline:link {
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	}
a.linkunderline:visited {
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;
	}
a.linkunderline:hover {
	text-decoration:underline;
	
	color:white;
	}
a.linkunderline:active {
	text-decoration:none;
	font-weight:normal;
	color:#FFFFFF;

}
/*2.2 *********************************************************/



/*3 classe borderid para uso em imagens com links, dentro do tag <a href="" CLASS="borderit"> que antecede a imagem */
.borderit img{
border: 1px solid silver;
margin-bottom:6px;
margin-top:8px;
}
.borderit:hover img{
border: 1px solid #00588e;
}
.borderit:hover{
color:  #00588e;
}

.borderitb img{
border: 1px solid #666666;
}
.borderitb:hover img{
border: 1px solid #00588e;
}
.borderitb:hover{
color:  #00588e;
}
/*3 *********************************************************/



/*4 classe form para usar em campos de formulário, chamado por class="form" */
.form { 
border:1px solid silver; width:240;
font-family: Verdana;
margin:0;
padding:0;
font-size: 10px;

}

html>body .form { 
border:1px solid silver; width:235;
font-family: Verdana;
margin:2;
padding:0;
font-size: 10px;

}
/*4 *********************************************************/
/*4.2 classe form2 para usar em campos de formulário, chamado por class="form2" */
.form2 { 
border:1px solid silver; width:300;
font-family: Verdana;
margin:0;
padding:0;
font-size: 10px;

}

html>body .form2 { 
border:1px solid silver; width:300;
font-family: Verdana;
margin:2;
padding:0;
font-size: 10px;

}
/*4.1 *********************************************************/


/*5 estrutura principal do site, todos os outros div´s(com position:absolute;) estão alinhados com base neste, assim todo div que
tiver height ou width com %, será em cima do valor desse div principal, assim como alinhamento */
div.enquadramento {
top:15px;
position:relative;
width: 748px; /*tamanho do site, largura*/
height: 539px; /*tamanho do site, altura*/
background-color: #272d3a;
border:0px;
padding:0;
text-align:center;
margin:0 auto; /*valor auto utilizado no Firefox para calculo altomático das margens "deixar centralizado"*/
}
/*5 *********************************************************/


/*6 divs do conteúdo do site:
div.top => div utilizado para cabeçalho e menus horizontais;
div.esquerda => div utilizado menus verticais ou imagens;
div.frame => div utilizado para conteúdo ou para abrir iframes que chamem arquivos externos;
div.baixo => div utilizado para rodapés, assinaturas, créditos, informações de visualizações e direitos autorais;

No HTML a hierarquia de exibição é do último div ao primeiro, o último div será exibido em acima de todos os outros, assim como o primeiro será exibido sempre abaixo dos outros ************************************************/

div.top {
position:absolute;
top: 0px;
left: 0px;
width: 748px;
height: 47px;
border:0px;
text-align: right;
background-image:url("img/01.jpg");
background-repeat:no;
}

div.menu {
position:absolute;
top: 47px;
left: 0px;
width: 513px;
height: 29px;
border:0px;
text-align: left;
background-image:url("img/02.jpg");
background-repeat:no;
color:#FFFFFF;
padding-top:17px;
padding-left:235px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.esquerda {
position:absolute;
top: 93px;
left: 0px;
width: 176px;
height: 195px;
background-image:url("img/03.jpg");
background-repeat:no;
border:0px;
text-align:left;
padding-left:0px;
padding-top:105px;
}

div.menub {
position:absolute;
top: 288px;
left: 0px;
width: 176px;
height: 232px;
border:0px;
text-align: left;
background-image:url("img/04.jpg");
background-repeat:no-repeat;
}

div.baixo {
position:absolute;
bottom: 0px;
left: 0px;
width: 748px;
height: 14px;
border:0px;
text-align: center;
font-size:7pt;
font-family:Verdana;
color:#414c6c;
background-image:url("img/06.jpg");
background-repeat:no;
padding-top:4px;
}

div.frame {
position:absolute;
bottom: 19px;
left: 176px;
width: 568px;
height: 427px;
border:0px;
}

div.descricao {
position:absolute;
top: 10px;
right: 6px;
width: 60px;
height: 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
color:#888888;
text-align:center;
border:0px;
}

/*6 *********************************************************/

div.enquadraframe {
position:relative;
width: 568px;
height: 427px;
background-image:url("img/11.jpg");
background-repeat:no-repeat;
border:0px;
padding:0;
top:0;
left:0;
text-align:left;
}

/*HOME *********************************************************************************************************/
/*HOME *********************************************************************************************************/
/*HOME *********************************************************************************************************/


div.flash {
position:absolute;
width: 364px;
height: 168px;
border:0px;
padding:0;
top:0;
left:0;
text-align:left;
}


div.meiohome {
position:absolute;
width: 190px;
*width: 365px;
height: 170px;
*height: 274px;
border:0px;
padding:0;
background-image:url("img/05.jpg");
background-repeat:no-repeat;
top:0;
left:0;
text-align:justify;
padding:12px;
padding-top:183px;
padding-right:170px;
*padding-right:165px;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
color:#000000;
}

div.righthome {
position:absolute;
width: 180px;
height: 162px;
border:0px;
padding:0;
top:187;
right:-45;
text-align:left;
font-size:7pt;
font-weight:bold;
color:#000000;
}

div.esquerdahome {
position:absolute;
width: 275px;
*width: 305px;
height: 122px;
*height: 162px;
border:0px;
padding-top:25;
padding-bottom:15;
padding-left:15;
padding-right:15;
bottom:0;
left:0;
text-align:left;
background-color: white;
overflow-y:auto;
overflow-x:auto;
}

/*MENUS *********************************************************************************************************/
/*MENUS *********************************************************************************************************/
/*MENUS *********************************************************************************************************/

div.menuum {
position:absolute;
bottom:70px;
left:170px;
width: 147px;
height: 70px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menudois {
position:absolute;
bottom:80px;
left:319px;
width: 147px;
height: 70px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menudoisa {
position:absolute;
bottom:114px;
left:468px;
width: 147px;
height: 46px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menudoisaa {
position:absolute;
bottom:100px;
left:617px;
width: 147px;
height: 47px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menudoisab {
position:absolute;
bottom:80px;
left:617px;
width: 147px;
height: 65px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menudoisb {
position:absolute;
bottom:93px;
left:468px;
width: 147px;
height: 46px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menudoisc {
position:absolute;
bottom:48px;
left:468px;
width: 147px;
height: 150px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menutres {
position:absolute;
bottom:80px;
left:319px;
width: 147px;
height: 47px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}

div.menuquatro {
position:absolute;
bottom:117px;
left:319px;
width: 147px;
height: 70px;
border:1px;
border-color:#e5e4e4;
text-align:left;
background-color: #dddddc;
visibility:hidden;
}


ul#menu {
width: 147px;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li {
border-bottom:0;
}
ul#menu li a:link, ul#menu li a:visited {
width: 147px;
display:block;
height:20px;
text-decoration:none;
font-family: verdana;
font-size:10px;
color:#5f5d5e;
text-indent:12px;
background-image:url("img/09.jpg");
background-repeat:repeat;
padding-top:4px;
}
ul#menu li a:hover {
display:block;
text-decoration:none;
font-family: verdana;
font-size:10px;
color:#0a6393;
text-indent:18px;
}

/*EMPRESA **********************************************************************************************/
/*EMPRESA **********************************************************************************************/
/*EMPRESA **********************************************************************************************/



div.esquerdaempresa {
position:absolute;
width: 254px;
height: 374px;
border:0px;
padding:0;
top:38;
left:25;
text-align:justify;
font-size:7pt;
color:#333333;
}

div.topempresa {
position:absolute;
width: 568px;
height: 95px;
border:0px;
padding:0;
top:0;
right:0;
text-align:justify;
font-size:7pt;
color:#333333;
background-image:url("img/20.jpg");
background-repeat:repeat;
}

div.direitaempresa {
position:absolute;
width: 292px;
height: 334px;
border:0px;
padding:0;
bottom:-1;
right:0;
text-align:justify;
font-size:7pt;
color:#333333;
background-image:url("img/21.jpg");
background-repeat:repeat;
}
/*LOGISTICA *********************************************************************************************************/
/*LOGISTICA *********************************************************************************************************/
/*LOGISTICA *********************************************************************************************************/
div.toplogistica {
position:absolute;
width: 568px;
height: 95px;
border:0px;
padding:0;
top:0;
right:0;
text-align:justify;
font-size:7pt;
color:#333333;
background-image:url("img/13.jpg");
background-repeat:repeat;
}

div.direitalogistica {
position:absolute;
width: 292px;
height: 334px;
border:0px;
padding:0;
bottom:-1;
right:0;
text-align:justify;
font-size:7pt;
color:#333333;
background-image:url("img/14.jpg");
background-repeat:repeat;
}

div.esquerdalogistica {
position:absolute;
width: 210px;
height: 230px;
border:0px;
padding:0;
top:130;
left:35;
text-align:justify;
font-size:7pt;
color:#333333;
}

/*REPRESENTANTES **********************************************************************************************/
/*REPRESENTANTES **********************************************************************************************/
/*REPRESENTANTES **********************************************************************************************/

div.direitacadastro{
position:absolute;
width: 180px;
*width: 213px;
height: 427px;
background-image:url("img/24.jpg");
background-repeat:repeat-y;
border:0px;
padding:0;
padding-left:23px;
padding-right:17px;
top:1;
right:0;
text-align:left;
background-color:#01588e;
color:white;
}

div.direitarepresentantes {
position:absolute;
width: 180px;
*width: 213px;
height: 427px;
background-image:url("img/16.jpg");
background-repeat:repeat-y;
border:0px;
padding:0;
padding-left:23px;
padding-right:17px;
top:1;
right:0;
text-align:left;
background-color:#01588e;
color:white;
}

div.esquerdarepresentantes {
position:absolute;
width: 354px;
height: 427px;
border:0px;
padding:0;
top:1;
left:0;
text-align:left;
background-color:white;
padding-left:60px;
}


/*CONTATO *********************************************************************************************************/
/*CONTATO *********************************************************************************************************/
/*CONTATO *********************************************************************************************************/


div.baixocontato {
position:absolute;
width: 100%;
height: 116px;
border:0px;
padding:0;
bottom:-1px;
left:0;
text-align:center;
color:white;
background-image:url(img/19.jpg);
background-repeat:repeat-x;
padding-top:45px;
}

div.imgcontato {
position:absolute;
width: 214px;
height: 427px;
*height:346;
border:0px;
top:1;
right:0;
text-align:center;
background-color:white;
color:#123259;
padding-top:51px;
}

/*PRODUTOS *********************************************************************************************************/
/*PRODUTOS *********************************************************************************************************/
/*PRODUTOS *********************************************************************************************************/
div.topprodutos {
position:absolute;
width: 190px;
height: 102px;
border:0px;
top:2;
left:1;
text-align:center;
background-color:#CCCCCC;
}

div.fotosprodutos {
position:absolute;
width: 190px;
height: 322px;
border:0px;
top:103;
left:1;
text-align:left;
background-color:#E5E5E5;
overflow-y:auto;
padding-left:17px;
}

div.fotoprodutos {
position:absolute;
width: 180px;
height: 180px;
border:0px;
top:96;
left:206;
text-align:left;
}

div.descricaoprodutos {
position:absolute;
width: 163px;
height: 310px;
border:0px;
top:104;
left:405;
text-align:left;
padding-right:20px;
font-size:9px;
}

div.coresprodutos {
position:absolute;
width: 181px;
height: 53px;
border:0px;
top:295;
left:206;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
}
/*FOTOS *********************************************************************************************************/
/*FOTOS *********************************************************************************************************/
/*FOTOS *********************************************************************************************************/

div.meiofotos {
position:absolute;
width: 325px;
*width: 365px;
height: 261px;
*height: 274px;
border:0px;
padding:0;
background-image:url("img/07.jpg");
background-repeat:no-repeat;
top:0;
left:0;
text-align:justify;
padding:12px;
padding-top:1px;
padding-right:15px;
padding-left:25px;
font-family:Verdana;
font-size:10px;
color:#000000;
overflow-y:auto;
overflow-x:none;
background-attachment:fixed;
}


/*PREÇOS *********************************************************************************************************/
/*PREÇOS *********************************************************************************************************/
/*PREÇOS *********************************************************************************************************/
table.tbprecos {
text-align:center;
padding:0;
}

td.tdprecos {
width:90;
height:30px;
text-align:center;
padding:0;
background-color:#000000;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}

td.tdprecosb {
width:90;
height:24px;
text-align:center;
padding:0;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
background-color:#FFFFFF;
}

td.tdprecosc{
width:203;
*width:215;
height:24px;
text-align:left;
padding-left:12px;
font-size:7pt;
font-family: Arial;
color:black;
background-color:#FFFFFF;
}


/*MAPA *********************************************************************************************************/
/*MAPA *********************************************************************************************************/
/*MAPA *********************************************************************************************************/
ul#menu {
margin:0;
padding:0;
list-style-type:none;
position:relative;
top:0px;
left:0px;
display: inline;
width:400px;
font-size:7pt;
text-align:left;
}

ul#menu li {
border-bottom:0px solid #a9a9a9;
display: inline;
float: left;
width:150px;
*width:170px;
padding-right:20px;
}

div.mapa {
position:absolute;
width: 290px;
height: 205px;
border:0px;
padding:0;
top:65;
left:35;
text-align:left;
}

div.linkimprimir a:link{
position:absolute;
width: 120px;
height: 28px;
*height: 40px;
border:0px;
padding:0;
bottom:20;
right:20;
text-align:center;
font-weight:bold;
padding-top:12px;
display:block;
border:thin solid #bbbbbb;
*border:1 solid #bbbbbb;
background-color:white;
}

div.linkimprimir a:hover{
text-decoration:none;
border:thin solid #bbbbbb;
*border:1 solid #bbbbbb;
background-color:#f8c300;
}

div.linkimprimir a:visited {
text-decoration:none;
display:none;
border:thin solid #bbbbbb;
*border:1 solid #bbbbbb;
background-color:#bbbbbb;
}

div.rodapeb {
font-family: Verdana;
color:#333333;
font-size:10px;
text-align:center;
margin-top:20px;
width:100%;
background-color:#FFFFFF;
display:none;
}

div.framedois {
position:absolute;
top:1px;
right:0px;
text-align:left;
width:377px;
height:424px;
background-color:#FFFFFF;
}

div.fotoframe {
position:absolute;
width: 180px;
height: 180px;
border:0px;
top:94;
left:15;
text-align:left;
background-color:#FFFFFF;
}

div.descricaoprodutosframe {
position:absolute;
width: 163px;
height: 310px;
border:0px;
top:102;
left:213;
text-align:left;
padding-right:20px;
font-size:9px;
}

div.coresprodutosframe {
position:absolute;
width: 181px;
height: 53px;
border:0px;
top:293;
left:15;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
}

div.pop {
position:absolute;
width: 283px;
height: 163px;
padding:0px;
top: 155px;
left: 500px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:9pt;
visibility:hidden;
}