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

SCROLLBAR-FACE-COLOR: #EFEFEF;
SCROLLBAR-HIGHLIGHT-COLOR: #f6faf9; 
SCROLLBAR-SHADOW-COLOR: #f5f5f5;
SCROLLBAR-3DLIGHT-COLOR: #dedede;
SCROLLBAR-ARROW-COLOR: black; 
SCROLLBAR-DARKSHADOW-COLOR: #d8d8d8; 
SCROLLBAR-BASE-COLOR: #red;

font-family: Verdana;
color:white;
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:white;
	font-size:10px;
	text-decoration:none;
	}
a:visited {
	font-family: verdana;
	color:white;
	font-size:10px;
	text-decoration:none;
	}
a:hover {
	font-family: verdana;
	color:#EFEFEF;
	font-size:10px;
	text-decoration:underline;
	}
a:active {
	font-family: verdana;
	color:white;
	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 {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
	}
a.linkcoropcional:visited {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;	}
a.linkcoropcional:hover {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:underline;
	}
a.linkcoropcional:active {
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:7pt;
	text-decoration:none;
}
/*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;
}
.borderit:hover img{
border: 1px solid #333333;
}
.borderit:hover{
color:  #333333;
}
/*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:145;
font-family: Verdana;
margin:0;
padding:0;
font-size: 10px;

}

html>body .form2 { 
border:1px solid silver; width:140;
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:0px;
position:relative;
width: 780px; /*tamanho do site, largura*/
height: 620px; /*tamanho do site, altura*/
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.left {
position:absolute;
top: 0px;
left: 0px;
width: 262px;
height: 599px;
border:0px;
text-align: left;
background-image:url("img/01.jpg");
background-repeat:no-repeat;
}

div.top {
position:absolute;
top: 0px;
right: 0px;
width: 518px;
height: 77px;
background-image:url("img/02.jpg");
background-repeat:no-repeat;
border:0px;
}

div.frame {
position:absolute;
top: 77px;
right: 0px;
width: 518px;
height: 472px;
border:0px;
text-align: left;
background-image:url("img/03.jpg");
background-repeat:no-repeat;
}

div.bottom {
position:absolute;
top: 548px;
right: 0px;
width: 518px;
height: 51px;
background-image:url("img/04.jpg");
background-repeat:no-repeat;
text-align: left;
border:0px;
padding:0;
}

div.credito {
position:absolute;
top: 600px;
right: 0px;
width: 780px;
height: 12px;
text-align: center;
border:0px;
padding:0;
padding-top:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:7pt;
}
/*6 *********************************************************/

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

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

div.enquadramapa {
position:absolute;
top: 0px;
left: 0px;
width: 768px;
height: 610px;
border:0px;
text-align: left;
background-color:#FFFFFF;
padding:0px;
}
/*EMPRESA *********************************************************************************************************/
/*EMPRESA *********************************************************************************************************/
/*EMPRESA *********************************************************************************************************/

div.empresaum {
position:absolute;
top: 72px;
left: 0px;
width: 259px;
height: 202px;
border:0px;
text-align: left;
background-image:url("img/05.jpg");
background-repeat:no-repeat;
}

div.empresadois {
position:absolute;
top: 72px;
right: 0px;
width: 260px;
height: 202px;
border:0px;
text-align: left;
background-image:url("img/06.jpg");
background-repeat:no-repeat;
}

div.empresaleft {
position:absolute;
bottom:0px;
left: 28px;
width: 225px;
height: 170px;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
text-align: justify;
}

div.empresaright {
position:absolute;
bottom: 0px;
right: 27px;
width: 225px;
height: 170px;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:7pt;
text-align: justify;
}


/*LOCALIZAÇÃO *********************************************************************************************************/
/*LOCALIZAÇÃO *********************************************************************************************************/
/*LOCALIZAÇÃO *********************************************************************************************************/

div.localizacaoum {
position:absolute;
top: 0px;
left: 48px;
width: 422px;
height: 214px;
border:0px;
text-align: left;
background-image:url("img/07.jpg");
background-repeat:no-repeat;
}

div.localizacaodois {
position:absolute;
top: 214px;
left: 48px;
width: 422px;
height: 227px;
border:0px;
text-align: left;
background-image:url("img/08.jpg");
background-repeat:no-repeat;
padding-left:30px;
padding-top:200px;
color:#999999;
}

/*MAPA *********************************************************************************************************/
/*MAPA *********************************************************************************************************/
/*MAPA *********************************************************************************************************/

div.mapaum {
position:absolute;
top: 0px;
left: 0px;
width: 768px;
height: 140px;
border:0px;
text-align: left;
padding:0px;
}
div.mapadois {
position:absolute;
top: 140px;
left: 0px;
width: 768px;
height: 153px;
border:0px;
text-align: left;
padding:0px;
}
div.mapatres {
position:absolute;
top: 293px;
left: 0px;
width: 768px;
height: 158px;
border:0px;
text-align: left;
padding:0px;
}
div.mapaquatro {
position:absolute;
top: 451px;
left: 0px;
width: 768px;
height: 156px;
border:0px;
text-align: left;
padding:0px;
}

div.linkimprimir2 a:link, div.linkimprimir2 a:visited{
position:absolute;
width: 110px;
height: 30px;
border:0px;
padding:0;
bottom:0;
left:0;
text-align:center;
background-color:#a9a9a9;
font-weight:bold;
padding-top:8px;
display:block;
}
div.linkimprimir2 a:hover{
background-color:#85c226;
text-decoration:none;
}

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

td.tdprecos {
width:33%;
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 {
height:24px;
text-align:center;
padding:0;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
background-color:#FFFFFF;
}

td.tdprecosc {
height:12px;
text-align:center;
padding:0;
font-size:7pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:black;
}

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

div.contatoum {
position:absolute;
width: 240px;
height: 12px;
border:0px;
padding:0;
background-image:url("img/09.jpg");
background-repeat:no-repeat;
top:115px;
left:65;
text-align:left;
padding-left:25px;
font-family:Verdana;
font-size:10px;
color:white;
}


div.contatotres {
position:absolute;
width: 245px;
height: 125px;
border:0px;
padding:0;
top:366px;
left:65;
text-align:left;
}

div.contatodois {
text-align:left;
position:absolute;
top: 170px;
left: 65px;
width: 400px;
height: 180px;
border: 0px;
padding: 0px;
}

ul#contatoform {
position:relative;
margin:0;
padding:0;
list-style-type:none;
display: inline;
width:100%;
top: 0px;
left: 0px;
}

ul#contatoform li {
display: inline;
float: left;
width:80px;
}

/*PEDIDOS *********************************************************************************************************/
/*PEDIDOS *********************************************************************************************************/
/*PEDIDOS *********************************************************************************************************/

div.pedidosum {
position:absolute;
width: 240px;
height: 12px;
border:0px;
padding:0;
top:115px;
left:65;
text-align:left;
font-family:Verdana;
font-size:10px;
color:white;
}


div.pedidostres {
position:absolute;
width: 245px;
height: 125px;
border:0px;
padding:0;
top:366px;
left:65;
text-align:left;
}

div.pedidosdois {
text-align:left;
position:absolute;
top: 170px;
left: 65px;
width: 400px;
height: 180px;
border: 0px;
padding: 0px;
visibility:hidden;
}

div.pedidosdoisb {
text-align:left;
position:absolute;
top: 170px;
left: 65px;
width: 400px;
height: 180px;
border: 0px;
padding: 0px;
}

ul#pedidosform {
position:relative;
margin:0;
padding:0;
list-style-type:none;
display: inline;
width:100%;
}

ul#pedidosform li {
display: inline;
float: left;
width:80px;
}


/*CADASTRO *********************************************************************************************************/
/*CADASTRO *********************************************************************************************************/
/*CADASTRO *********************************************************************************************************/


ul#cadastroform {
position:relative;
margin:0;
padding:0;
list-style-type:none;
display: inline;
width:100%;
padding-bottom:2px;
}

ul#cadastroform li {
display: inline;
float: left;
width:90px;
}

/*PRODUTOS *********************************************************************************************************/
/*PRODUTOS *********************************************************************************************************/
/*PRODUTOS *********************************************************************************************************/

div.produtostop {
position:absolute;
width: 240px;
height: 12px;
border:0px;
padding:0;
background-image:url("img/09.jpg");
background-repeat:no-repeat;
top:115px;
left:65;
text-align:left;
padding-left:25px;
font-family:Verdana;
font-size:12px;
letter-spacing:-1px;
color:white;
display:block;
}

div.produtos a:link, div.produtos a:visited{
position:relative;
width: 240px;
height: 30px;
border:0px;
padding:0;
background-image:url("img/09b.png");
background-repeat:no-repeat;
top:175px;
left:65;
text-align:left;
padding-left:25px;
font-family:Verdana;
font-size:12px;
color:white;
display:block;
letter-spacing:-1px;
}

div.produtos a:hover{
position:relative;
width: 240px;
height: 30px;
border:0px;
padding:0;
background-image:url("img/09.jpg");
background-repeat:no-repeat;
top:175px;
left:65;
text-align:left;
padding-left:25px;
font-family:Verdana;
font-size:12px;
letter-spacing:-1px;
color:white;
display:block;
text-decoration:none;
}

div.produtosbarra {
position:absolute;
width: 456px;
height: 21px;
border:0px;
padding:0;
background-image:url("img/10.png");
background-repeat:no-repeat;
top:10px;
left:30;
}

div.produtosbaixo {
position:absolute;
width: 456px;
height: 21px;
border:0px;
padding:0;
bottom:0px;
left:50;
font-family:Verdana;
font-size:10px;
}

div.produtosmeio {
position:absolute;
width: 456px;
height: 370px;
border:0px;
padding:0;
top:50px;
left:30;
font-family:Verdana;
font-size:10px;
overflow-x:hidden;
overflow-y:auto;
}

ul#treslateral{
position:relative;
margin:0;
padding:0;
list-style-type:none;
display: inline;
width:100%;
padding-bottom:20px;
}

ul#treslateral li {
position:relative;
display: inline;
float: left;
width:130px;
height:125px;
}

ul#doisvertical{
position:relative;
margin:0;
padding:0;
list-style-type:none;
display: inline;
width:100%;
font-size:7pt;
font-family:Arial, Helvetica, sans-serif;
}

ul#doisvertical li {
position:relative;
width:130px;
height:100px;
}

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

div.homemeio {
position:absolute;
top: 28px;
left: 0px;
width: 518px;
height: 388px;
border:0px;
text-align: left;
background-color:#070303;
}

div.homebaixo {
position:absolute;
bottom: 0px;
left: 165px;
width: 188px;
height: 20px;
border:0px;
text-align: center;
background-image:url(img/11.png);
background-repeat:no-repeat;
}

/*ALTERAÇÕES *************************************************************************************/
div.cadastro {
position:absolute;
top: 50px;
left: 100px;
width: 395px;
height: 420px;
border:0px;
text-align: left;
overflow-y:auto;
overflow-x:hidden;
}

.enviarcadastro {
background-image:url("loja/img/11.jpg");
height: 41px;
width: 67px;
border:0px;
cursor:pointer;
background-color:#FFFFFF;
}

.formnovo { 
border:1px solid silver; width:150;
font-family: Verdana;
margin:0;
padding:0;
font-size: 10px;
}

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