/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body
{
background-color: #666;
margin: 0;
padding: 0;
}

img
{
border: none;
}

a:hover
{
cursor: pointer;
cursor: hand;
}

h4
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666;
font-weight: bold;
text-decoration: none;
margin: 0 0 10px 0;
padding: 0;
}

h5
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #29166F;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

hr
{
margin: 0 0 5px 0;
padding: 0;
color: #29166F;
height: 1px;
}


/***********************************************/
/* Classes                                     */
/***********************************************/

.texto_navegador
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.texto_navegador:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FF0;
font-weight: bold;
text-decoration: none;
}

.texto, .texto_link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
}

.texto_link:hover
{
text-decoration: underline;
}

.rodape_link
{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.rodape_link:hover
{
text-decoration: underline;
}


/***********************************************/
/* Component Divs                              */
/***********************************************/

#principal
{
margin: 0 auto;
padding: 0;
width: 779px;
min-height: 600px;
background-color: #FFF;
}

/********** TOPO **********/
#topo
{
margin: 0 auto;
padding: 0;
width: 779px;
height: 175px;
background-color: #FF0;
}

#topo_esq
{
float: left;
margin: 0 0 0 15px;
padding: 0;
}

#topo_dir
{
float: right;
margin: -8px 0 0 0;
padding: 0;
max-width: 520px;
max-height: 129px;
}

#div_slogan
{
float: right;
margin: 0;
padding: 0;
}

#div_selo_qualidade
{
position: relative;
float: left;
margin: -10px 0 0 0;
padding: 0;
}

#barra_busca
{
float: right;
margin: 16px 0 0 0;
}

.barra_busca_esq
{
background-image: url('img/barra_busca_left.gif');
background-repeat: no-repeat;
background-position: right;
width: 12px;
height: 34px;
}

.barra_busca_centro
{
background-image: url('img/barra_busca_center.gif');
background-repeat: repeat-x;
background-position: center;
min-width: 285px;
height: 34px;
}

.barra_busca_dir
{
background-image: url('img/barra_busca_right.gif');
background-repeat: no-repeat;
background-position: left;
width: 20px;
height: 34px;
}

#barra_busca table
{
margin: 0;
padding: 0;
}

#barra_busca form
{
margin: 0 0 9px 0;
padding: 0;
}

.box_busca1, .box_busca2
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #000;
}

.box_busca1
{
width: 80px;
height: 14px;
}

.box_busca2
{
max-width: 240px;
height: 17px;
}
/********** TOPO **********/

/********** NAVEGADOR (MENU TOPO) **********/
.areaMenu
{
position: relative;
background-color: #DA251C;
background-image: url('img/menu_fundo.gif');
background-repeat: repeat-y;
background-position: top;
width: 779px;
float: left;
}

.itemMenuPrincipal
{
position: relative;
height: 16px;
text-align: center;
float: left;
padding-top: 4px;
padding-left: 5px;
padding-right: 5px;
color: #E1E1E1;
background-image: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
font-weight: bold;
text-decoration: none;
}

.itemMenuPrincipal:hover
{
cursor: pointer;
cursor: hand;
background-image: url('img/menu_over.gif');
background-repeat: repeat;
background-position: center;
}

.itemSeparadorMenuPrincipal
{
position: relative;
height: 12px;
width: 2px;
float: left;
margin-top: 4px;
background-color: #FFF;
}
/********** NAVEGADOR (MENU TOPO) **********/

/********** PUBLICIDADE (BANNER) **********/
#publicidade
{
margin: 0 auto;
padding: 0;
width: 779px;
max-height: 116px;
text-align: center;
}

#televendas
{
margin: 0 auto;
padding: 0;
width: 779px;
height: 50px;
}

#publicidade_rodape
{
margin: 0 auto;
padding: 0;
width: 100%;
height: 6px;
background-image: url('img/rodape_publicidade.gif');
background-repeat: repeat-x;
background-position: top;
}
/********** PUBLICIDADE (BANNER) **********/

/********** CABEÇALHO (DATA E AVISO) **********/
#cabecalho
{
margin: 0 auto;
padding: 0;
width: 779px;
height: 20px;
text-align: center;
background-color: #FFF;
}

#cabecalho_aviso
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 3px 0 0 5px;
padding: 0;
float: left;
vertical-align: middle;
}

#cabecalho_data
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 3px 5px 0 0;
padding: 0;
float: right;
vertical-align: middle;
}
/********** CABEÇALHO (DATA E AVISO) **********/

/********** CONTEÚDO **********/
#conteudo
{
margin: 0 auto;
padding: 0;
padding-top: 10px;
width: 779px;
min-height: 460px;
height: 100%;
background-color: #FFF;
}

#conteudo_esquerda
{
float: left;
width: 150px;
min-height: 460px;
margin: 0;
padding: 0;
text-align: center;
}

#conteudo_centro
{
float: left;
width: 479px;
min-height: 460px;
margin: 0;
padding: 0;
}

#conteudo_direita
{
float: right;
width: 150px;
min-height: 460px;
margin: 0;
padding: 0;
text-align: center;
}

#nossos_servicos
{
margin: 0 auto;
padding 0;
width: 138px;
/*min-height: 405px;*/
border-style: solid;
border-color: #F5F5F5;
border-top-width: 0;
border-bottom-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
}

#nossos_servicos ul
{
margin: 0;
padding: 0;
}

#nossos_servicos li
{
list-style: none;
margin: 0;
padding: 6px 0 0 0;
}

#produtos
{
margin: 0;
padding: 0;
width: 475px;
min-height: 405px;
border-style: solid;
border-color: #F5F5F5;
border-top-width: 0px;
border-bottom-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
text-align: center;
}

#lista_produtos
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;
}

#lista_produtos li
{
margin: 10px 0 0 0;
list-style: none;
}

#lista_produtos li.produto_coluna
{
float: left;
width: 118px;
height: 240px;
}

#grandes_marcas
{
margin: 0 auto;
padding 0;
width: 138px;
min-height: 405px;
border-style: solid;
border-color: #F5F5F5;
border-top-width: 0;
border-bottom-width: 2px;
border-left-width: 2px;
border-right-width: 2px;
}

#grandes_marcas ul
{
margin: 0;
padding: 0;
}

#grandes_marcas li
{
list-style: none;
margin: 0;
padding: 6px 0 0 0;
}
/********** CONTEÚDO **********/

/***** CONTEÚDO (INTERNO) *****/
#titulo_pag_interna, #titulo_pag_interna a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
}

#titulo_pag_interna a
{
text-decoration: underline;
}

#titulo_pag_interna a:hover
{
text-decoration: none;
}

#conteudo_esquerda_interna
{
float: left;
width: 160px;
min-height: 460px;
margin: 4px 0 0 4px;
padding: 0;
border: 0;
}

#conteudo_centro_interna
{
float: right;
width: 600px;
min-height: 460px;
margin: 0 5px 0 0;
padding: 0;
}

#departamentos
{
background-color: #F5F5F5;
width: 154px;
margin: 0 0 10px 0;
padding: 3px;
}

.titulo_lista_categorias,
.titulo_lista_categorias a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #29166F;
font-weight: bold;
text-decoration: none;
}

.titulo_lista_categorias a:hover
{
text-decoration: underline;
}

.lista_categorias
{
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}

.lista_categorias li
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;
}

.lista_categorias li a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 0;
}

.lista_categorias li a:hover
{
text-decoration: underline;
}

#detalhes_produto
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 15px 0 10px 0;
padding: 0;
}

#detalhes_produto table
{
margin: 0;
padding: 0;
}

#detalhes_produto #foto_prod
{
max-width: 270px;
margin: 0 0 10px 0;
padding: 0;
}

#ico_prod
{
max-width: 50px;
margin: 0 4px 4px 0;
padding: 0;
}

#detalhes_produto a:hover
{
text-decoration: underline;
}

.box
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666;
font-weight: normal;
text-decoration: none;
border-width: 1px;
border-style: solid;
border-color: #29166F;
}

#form_contato #campo_texto
{
width: 250px;
}

#form_orcamento #campo_texto
{
width: 100%;
}

#asterisco
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #F00;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}
/***** CONTEÚDO (INTERNO) *****/

/********** OUTROS **********/
#msg_resp_erro,
#msg_resp_ok
{
margin: 0 auto;
padding: 0;
width: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
}

#msg_resp_erro
{ color: #F00; }

#msg_resp_ok
{ color: #060; }
/********** OUTROS **********/

/********** RODAPÉ **********/
#rodapeum
{
margin: 0 auto;
padding: 0;
width: 779px;
min-height: 80px;
height: auto;
background-color: #F5F5F5;
border: 0;
}

#rodapeum h4
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}

#rodapeum ul
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #666;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 10px;
}

#rodapeum li.servicos, #rodapeum li.formas_pagamento, #rodapeum ul { list-style: none; }
#rodapeum li.servicos, #rodapeum li.formas_pagamento { float: left; }
#rodapeum li.servicos { width: 450px; }
#rodapeum li.servicos #institucional { margin-top: 10px; }
#rodapeum li.formas_pagamento #formas_pagamento { margin-bottom: 5px; }
#rodapeum li.formas_pagamento #pula_linha { margin-top: 5px; }

#rodapedois
{
margin: 0 auto;
padding: 0;
width: 779px;
height: 20px;
text-align: center;
background-color: #666;
}

#rodapedois p
{
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFF;
font-weight: normal;
text-decoration: none;
margin: 0;
padding: 5px;
vertical-align: middle;
}
/********** RODAPÉ **********/

/********** OUTROS **********/
.clearfloat
{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
/********** OUTROS **********/

/********** POPUP ***********/
#DivPopUp
{
position: absolute;
z-index: 10px;
visibility: hidden;
top: 10px;
left: 500px;
width: 358px;
height: 480px;
border-style: solid;
border-width: 0px;
border-color: #CCC;
}
/********** POPUP ***********/