/* cores gerais
--------------- */

body {
color: #666;
}
a {
color: #767676;
}


body {
background: white url(../img/fdo_wheaton.gif);
}
#topo {
background-color: #E8E8E8;
}
#rodape div {
background-color: #EFEFEF;
border-top: 1px solid white;
}
#layout {
background-color: white;
}


/* rodape: barra colorida
------------------------- */

body#cosmeticos #rodape {
background-color: #917AC4;}
body#farma #rodape {
background-color: #98A03A;}
body#outros #rodape {
background-color: #D75E48;}
body#decoracao #rodape {
background-color: #03A19F;}
body#domestica #rodape {
background-color: #FF7F2A;}
body#wheaton.flash #rodape,
body#wheaton.sobre #rodape {
background-color: #5F8AC3;}


/* cores da div principal
------------------------- */

#secundario {
background-color: white;}

body#cosmeticos #principal h4, 
body#cosmeticos a:hover, 
body#cosmeticos #principal {
background-color: #F4F1F9;}
body#farma #principal h4, 
body#farma a:hover, 
body#farma #principal {
background-color: #F4F5EB;}
body#outros #principal h4, 
body#outros a:hover, 
body#outros #principal {
background-color: #FBEFEC;}
body#domestica #principal h4, 
body#domestica a:hover, 
body#domestica #principal {
background-color: #FEF4E8;}
body#decoracao #principal h4, 
body#decoracao a:hover, 
body#decoracao #principal {
background-color: #F4F1F9;}
body#wheaton a:hover {
background-color: #EFF4F9;}


#topo a:hover {
background-color: transparent !important;}
#topo a:link {
border: none !important;}

#menu li#li-produtos a:hover, 
#menu li#li-sobre a:hover, 
#menu li#li-imprensa a:hover, 
#menu li#li-contato a:hover {
background-color: #949494;}


/* cores dos titulos
-------------------- */

body#cosmeticos #nav, 
body#cosmeticos #principal h4, 
body#cosmeticos dl#detalhes-produto dd tfoot td,
body#cosmeticos dl#detalhes-produto dd caption, 
body#cosmeticos dl#detalhes-produto dd thead td, 
body#cosmeticos dl#detalhes-produto dd th, 
body#cosmeticos dl#lista-produtos dl dt, 
body#cosmeticos h1, 
body#cosmeticos h2, 
body#cosmeticos h3 {
color: #917AC4;}
body#farma #nav, 
body#farma #principal h4, 
body#farma dl#detalhes-produto dd tfoot td,
body#farma dl#detalhes-produto dd caption, 
body#farma dl#detalhes-produto dd thead td, 
body#farma dl#detalhes-produto dd th, 
body#farma dl#lista-produtos dl dt, 
body#farma h1, 
body#farma h2, 
body#farma h3 {
color: #98A03A;}
body#outros #nav, 
body#outros #principal h4, 
body#outros dl#detalhes-produto dd tfoot td,
body#outros dl#detalhes-produto dd caption, 
body#outros dl#detalhes-produto dd thead td, 
body#outros dl#detalhes-produto dd th, 
body#outros dl#lista-produtos dl dt, 
body#outros h1, 
body#outros h2, 
body#outros h3 {
color: #D75E48;}
body#domestica #nav, 
body#domestica #principal h4, 
body#domestica dl#detalhes-produto dd tfoot td,
body#domestica dl#detalhes-produto dd caption, 
body#domestica dl#detalhes-produto dd thead td, 
body#domestica dl#detalhes-produto dd th, 
body#domestica dl#lista-produtos dl dt, 
body#domestica h1, 
body#domestica h2, 
body#domestica h3 {
color: #FF7F2A;}
body#decoracao #nav, 
body#decoracao #principal h4, 
body#decoracao dl#detalhes-produto dd tfoot td,
body#decoracao dl#detalhes-produto dd caption, 
body#decoracao dl#detalhes-produto dd thead td, 
body#decoracao dl#detalhes-produto dd th, 
body#decoracao dl#lista-produtos dl dt, 
body#decoracao h1, 
body#decoracao h2, 
body#decoracao h3 {
color: #3BB9B8;}
body#wheaton #nav, 
body#wheaton #principal h4, 
body#wheaton #conteudo td,
body#wheaton #conteudo th,
body#wheaton h1, 
body#wheaton h2, 
body#wheaton h3 {
color: #5F8AC3;}


/* fundos: menu principal
------------------------- */

#menu ul {
background-color: #949494;
}
ul#filtros a:hover {
color: white;
}
dl#detalhes-produto dt a:hover, 
#principal dt.over a, 
dl#lista-linhas dt a:hover, 
dl#lista-produtos dt a:hover {
color: white;
background-color: transparent !important;
}

body#cosmeticos ul#filtros a:hover,
body#cosmeticos #principal dt.over,
body#cosmeticos #menu {
background-color: #A795D0;}
body#wheaton #anexo li a:hover,
body#wheaton #anexo li a:active {
background-color: #A795D0 !important;
border-bottom: 1px solid #A795D0 !important;}
body#farma ul#filtros a:hover,
body#farma #principal dt.over,
body#farma #menu {
background-color: #B0B663;}
body#wheaton #anexo li a:hover,
body#wheaton #anexo li a:active {
background-color: #B0B663 !important;
border-bottom: 1px solid #B0B663 !important;}
body#outros ul#filtros a:hover,
body#outros #principal dt.over,
body#outros #menu {
background-color: #EB816C;}
body#wheaton #anexo li a:hover,
body#wheaton #anexo li a:active {
background-color: #EB816C !important;
border-bottom: 1px solid #EB816C !important;}
body#domestica ul#filtros a:hover,
body#domestica #principal dt.over,
body#domestica #menu {
background-color: #FFA160;}
body#wheaton #anexo li a:hover,
body#wheaton #anexo li a:active {
background-color: #FFA160 !important;
border-bottom: 1px solid #FFA160 !important;}
body#decoracao ul#filtros a:hover,
body#decoracao #principal dt.over,
body#decoracao #menu {
background-color: #3BB9B8;}
body#wheaton #anexo li a:hover,
body#wheaton #anexo li a:active {
background-color: #3BB9B8 !important;
border-bottom: 1px solid #3BB9B8 !important;}
body#wheaton ul#filtros a:hover,
body#wheaton #principal dt.over,
body#wheaton #menu {
background-color: #799BCD;}
body#wheaton #anexo li a:hover,
body#wheaton #anexo li a:active {
background-color: #799BCD !important;
border-bottom: 1px solid #799BCD !important;}


/* fundos especificos: submenu
------------------------------ */

#menu ul ul li a {
color: white;
}
#menu ul ul {
background-color: #AFAFAF; 
}
body#cosmeticos li#li-produtos ul, 
body#farma li#li-produtos ul, 
body#outros li#li-produtos ul, 
body#domestica li#li-produtos ul, 
body#decoracao li#li-produtos ul, 
body#wheaton.flash li#li-produtos ul, 
body#wheaton.sobre li#li-sobre ul, 
body#wheaton.imprensa li#li-imprensa ul, 
body#wheaton.imprensa li#li-contato ul {
background-color: transparent;
}


/* fundos especificos: itens submenu over
----------------------------------------- */

#menu ul ul a:hover, 
#menu ul ul a:active {
background-color: #949494;  
}
body#cosmeticos li#li-produtos ul a:hover, 
body#cosmeticos li#li-produtos ul a:active {
background-color: #917AC4;}
body#farma li#li-produtos ul a:hover, 
body#farma li#li-produtos ul a:active {
background-color: #98A03A;}
body#outros li#li-produtos ul a:hover, 
body#outros li#li-produtos ul a:active {
background-color: #D75E48;}
body#decoracao li#li-produtos ul a:hover, 
body#decoracao li#li-produtos ul a:active {
background-color: #03A19F;}
body#domestica li#li-produtos ul a:hover, 
body#domestica li#li-produtos ul a:active {
background-color: #FF7F2A;}
body#wheaton.flash li#li-produtos a:hover, 
body#wheaton.flash li#li-produtos a:active, 
body#wheaton.sobre li#li-sobre a:hover, 
body#wheaton.sobre li#li-sobre a:active, 
body#wheaton.imprensa li#li-imprensa a:hover, 
body#wheaton.imprensa li#li-imprensa a:active, 
body#wheaton.contato li#li-contato a:hover, 
body#wheaton.contato li#li-contato a:active {
background-color: #5F8AC3;}


/* catalogo
----------- */

.indica-filtro {
color: white;
background-color: #949494;
}

body#cosmeticos #principal.produto #conteudo li,
body#cosmeticos .seta {
background: transparent url(../img/seta-cos.gif) 6px 2px no-repeat;
}
body#farma #principal.produto #conteudo li,
body#farma .seta {
background: transparent url(../img/seta-far.gif) 6px 2px no-repeat;
}
body#outros #principal.produto #conteudo li,
body#outros .seta {
background: transparent url(../img/seta-out.gif) 6px 2px no-repeat;
}
body#domestica #principal.produto #conteudo li,
body#domestica .seta,
body#domestica .cores {
background: transparent url(../img/seta-dom.gif) 6px 2px no-repeat;
}


/* cores de borda e fundo das tabelas da pg do produto
------------------------------------------------------ */

body#cosmeticos dl#detalhes-produto dd tfoot td,
body#cosmeticos dl#detalhes-produto dd caption, 
body#cosmeticos dl#detalhes-produto dd thead td, 
body#cosmeticos dl#detalhes-produto dd th, 
body#cosmeticos dl#lista-produtos dl dt {
background-color: #EAE5F4;
}
body#cosmeticos dl#detalhes-produto dd td, 
body#cosmeticos dl#lista-produtos dl dd {
background-color: #FCFBFD;
}
body#cosmeticos dl#detalhes-produto dd caption,
body#cosmeticos dl#detalhes-produto dd td, 
body#cosmeticos dl#detalhes-produto dd th {
border-color: #F4F1F9; /* = #principal */
}
body#farma dl#detalhes-produto dd tfoot td,
body#farma dl#detalhes-produto dd caption, 
body#farma dl#detalhes-produto dd thead td, 
body#farma dl#detalhes-produto dd th, 
body#farma dl#lista-produtos dl dt {
background-color: #EBECD9;
}
body#farma dl#detalhes-produto dd td, 
body#farma dl#lista-produtos dl dd {
background-color: #FCFCFA;
}
body#farma dl#detalhes-produto dd caption,
body#farma dl#detalhes-produto dd td, 
body#farma dl#detalhes-produto dd th {
border-color: #F4F5EB; /* = #principal */
}
body#outros dl#detalhes-produto dd tfoot td,
body#outros dl#detalhes-produto dd caption, 
body#outros dl#detalhes-produto dd thead td, 
body#outros dl#detalhes-produto dd th, 
body#outros dl#lista-produtos dl dt {
background-color: #F7E0DB;
}
body#outros dl#detalhes-produto dd td, 
body#outros dl#lista-produtos dl dd {
background-color: #FEFBFA;
}
body#outros dl#detalhes-produto dd caption,
body#outros dl#detalhes-produto dd td, 
body#outros dl#detalhes-produto dd th {
border-color: #FBEFEC; /* = #principal */
}
body#domestica dl#detalhes-produto dd tfoot td,
body#domestica dl#detalhes-produto dd caption, 
body#domestica dl#detalhes-produto dd thead td, 
body#domestica dl#detalhes-produto dd th, 
body#domestica dl#lista-produtos dl dt {
background-color: #FDEAD3;
}
body#domestica dl#detalhes-produto dd td, 
body#domestica dl#lista-produtos dl dd {
background-color: #FFFCF9;
}
body#domestica dl#detalhes-produto dd caption,
body#domestica dl#detalhes-produto dd td, 
body#domestica dl#detalhes-produto dd th {
border-color: #FBEFEC; /* = #principal */
}


/* cores de fundo e borda da pg dos dados do representante
---------------------------------------------------------- */

body#wheaton #conteudo th {
background-color: #E5ECF5;
}
body#wheaton #conteudo td {
background-color: #F1F5FA;
color: #666;
}
body#wheaton #conteudo td,
body#wheaton #conteudo th {
border-color: white; 
}


/* icones dados de produto/embalagem (pg produto) 
------------------------------------------------- */

body#cosmeticos dl#detalhes-produto dt a.produto-dados {
background-image: url(../img/ic_prod_dados-cos.gif);}
body#cosmeticos dl#detalhes-produto dt a.produto-embalagem {
background-image: url(../img/ic_prod_embalagem-cos.gif);}
body#farma dl#detalhes-produto dt a.produto-dados {
background-image: url(../img/ic_prod_dados-far.gif);}
body#farma dl#detalhes-produto dt a.produto-embalagem {
background-image: url(../img/ic_prod_embalagem-far.gif);}
body#outros dl#detalhes-produto dt a.produto-dados {
background-image: url(../img/ic_prod_dados-out.gif);}
body#outros dl#detalhes-produto dt a.produto-embalagem {
background-image: url(../img/ic_prod_embalagem-out.gif);}
body#domestica dl#detalhes-produto dt a.produto-dados {
background-image: url(../img/ic_prod_dados-dom.gif);}
body#domestica dl#detalhes-produto dt a.produto-embalagem {
background-image: url(../img/ic_prod_embalagem-dom.gif);}


/* fundo sombreado e picote horizontal da div #grid
--------------------------------------------------- */

body#cosmeticos #grid { 
background-image: url(../img/principal-fdo-cos.gif);}
body#farma #grid { 
background-image: url(../img/principal-fdo-far.gif);}
body#outros #grid { 
background-image: url(../img/principal-fdo-out.gif);}
body#domestica #grid { 
background-image: url(../img/principal-fdo-dom.gif);}


/* borda de #principal.produto #imagem a:hover
---------------------------------------------- */

body#cosmeticos #principal.produto #imagem a:hover {
border-color: #917AC4;}
body#farma #principal.produto #imagem a:hover {
border-color: #98A03A;}
body#outros #principal.produto #imagem a:hover {
border-color: #D75E48;}
body#decoracao #principal.produto #imagem a:hover {
border-color: #03A19F;}
body#domestica #principal.produto #imagem a:hover {
border-color: #FF7F2A;}