/* PRODUTOS */
html, body, div, table, tr, td, input, select, textarea, p, a, h1, h2, h3, ul, li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}
img {border: 0px;}
html, body {height: 100%;}
body {margin: 0px; background-color: #FFFFFF; margin-left: auto; margin-right: auto;}
/*
XUNXO PARA FUNCIONAR O DIV DO MEIO NO MOZILLA - COLOCA-LO EM TODAS AS PAGINAS DO SISTEMA!!
*/
div#total {position: absolute; top: 130px; float: left; width: auto; left: 160px; right: 145px;}
/* estilo para os produtos que aparecem lado a lado */
#lista_produ {width: 221px; _width: 232px; float: left; color: #D90000; cursor: pointer; padding: 7px; padding-bottom: 0px; background-image: url('../img/lin_cinza.gif'); background-position: left top; background-repeat: repeat-x;}
#lista_produ #img {width: 85px; height: 80px; _height: 100px; padding-top: 5px; text-align: center; float: left;}
#lista_produ #detalhes {width: 136px; _width: 138px; float: left; height: 85px;}
#lista_produ #detalhes h1 {font-size: 13px; color: #8C30C1; font-weight: bold; margin: 0px; margin-top: 5px; margin-bottom: 5px;}
#lista_produ #detalhes label {display: block; font-weight: bold; cursor: pointer;}
#lista_produ #detalhes label.preco_unit {font-size: 11px; color: #D90000; margin-top: 6px;}
#lista_produ #detalhes label.de {font-size: 12px; color: #999999; text-decoration: line-through;}
#lista_produ #detalhes label.por {font-size: 15px; color: #D90000;}
#lista_produ #descricao {text-align: justify; float: left; height: 35px; width: 217px; _width: 217px; padding: 2px;}
/* div bottom - da numeracao de paginas */
#lista_produ #bottom {background-image: url('../img/back_produ_02.gif'); background-repeat: repeat-x; background-position: left bottom; width: 100%; height: 20px; float: left; text-align: right; color: #8C30C1; font-weight: bold; padding-top: 5px; padding-right: 10px;}
#lista_produ #bottom span {color: #8D8D8D;}
#lista_produ #bottom span.selected {color: #D70000; padding-left: 3px; padding-right: 3px;}
/* estilo dos produtos - interno */
#produ {width: 100%; font-weight: bold; float: left;}
#produ #img {float: left; margin-right: 10px; width: 189px; text-align: center;}
#produ #img img {margin-top: 5px; margin-left: 4px; margin-right: 4px; border: 0px;}
#produ h1 {font-size: 18px; color: #8C30C1;}
#produ p {text-align: justify; font-weight: normal;}
#produ .unitario {color: #808080; font-size: 12px; float: left; width: 140px; margin-top: 15px; text-align: left;}
#produ .unitario div.de {color: #E06500; float: left; font-size: 12px; width: 140px; text-decoration: line-through; text-align: left;}
#produ .unitario div.por {color: #DE000C; float: left; font-size: 14px; width: 140px; text-align: left;}
#produ .total {color: #818181; font-size: 12px; float: right; width: 140px; margin-top: 15px; text-align: right;}
#produ .total div.de {color: #C77400; float: right; font-size: 14px; width: 140px; text-decoration: line-through; text-align: right;}
#produ .total div.por {color: #D00000; float: right; font-size: 18px; width: 140px; text-align: right;}
#produ p#titulo_cores_01, #produ p#titulo_cores_02, #produ p#titulo_cores_03 {clear: both; font-weight: bold; font-size: 10px; margin: 0px; padding: 0px; padding-bottom: 2px; color: #FFFFFF; text-align: right;}
#produ p#titulo_cores_01 {border-bottom: 1px solid #A87CB1;}
#produ p#titulo_cores_01 span {background-color: #A87CB1; padding: 2px;}
#produ p#titulo_cores_01 img {margin-bottom: -4px;}
#produ p#titulo_cores_02 {border-bottom: 1px solid #A87CB1;}
#produ p#titulo_cores_02 span {background-color: #A87CB1; padding: 2px;}
#produ p#titulo_cores_02 img {margin-bottom: -4px;}
#produ p#titulo_cores_03 {border-bottom: 1px solid #B73E3E;}
#produ p#titulo_cores_03 span {background-color: #B73E3E; padding: 2px;}
#produ p#titulo_cores_03 img {margin-bottom: -4px;}
#produ #cores {width: 100%; float: none; background-color: #EAEAEA; height: 100%;}
#produ #cores p {color: #7E7E7E; font-weight: bold; margin: 0px; font-size: 10px; text-align: center;}
#produ #cores .select {float: left; background-color: #EAEAEA; width: 118px; font-size: 9px; padding: 3px; height: 30px;}
#produ #cores select {width: 96px; font-size: 10px; font-weight: normal;}
#produ #cores span {color: #D10000;}
#produ #comprar {background-image: url('../img/back_produ_p.gif'); background-repeat: repeat-x; text-align: right; width: auto; _width: 100%; float: none; margin-top: 10px;}
/* LOGIN */
#login {width: 100%; float: left;}
#login #titulo {background-image: url('../img/login_back_titulo.gif'); background-repeat: repeat-x; background-position: left bottom; text-align: left;}
#login input {border: 1px solid #4B098C; width: 175px; height: 15px; margin-bottom: 10px; margin-top: 10px;}
#login p {float: left; width: 300px; font-size: 9px; margin: 0px;}
#login p img {margin: 10px;}
#login p.cadastro {background-image: url('../img/login_back.gif'); background-repeat: no-repeat; background-position: left top; width: 446px; height: 25px; padding: 4px; text-align: center; margin-top: 10px;}
#login p.cadastro a {font-weight: bold; color: #A344F2; text-decoration: none;}
#login p.cadastro a:hover {text-decoration: underline;}
/* MINHA CONTA */
#minha {width: 428px; _width: 436px; height: 151px; _height: 169px; background-image: url('../img/minha_back.jpg'); background-repeat: no-repeat; padding-left: 8px; padding-top: 18px; margin-left: auto; _margin-left: 20px; margin-right: auto;}
#minha div {float: left; text-align: center;}
/* CADASTRO */
#cadas {width: 444px;}
#cadas #titulo {background-image: url('../img/cadas_alter_back.gif'); background-repeat: repeat-x; float: left; _float: none; height: 36px; width: 428px; padding: 4px; margin-left: 8px; _margin-left: 4px;}
#cadas #titulo h1 {color: #8C30C1; margin: 0px; margin-bottom: 3px;}
#cadas #titulo input {margin: 0px; vertical-align: middle;}
#cadas #dpart {width: 444px; height: 305px; background-image: url('../img/cadas_dpart_back.gif'); background-repeat: no-repeat; background-position: 8px 13px; float: left; margin-top: 21px; overflow: visible;}
#cadas #dpart div {float: right; color: #B73E3E; margin-top: -22px;}
#cadas #dpart table {margin-left: 23px; margin-top: 10px;}
#cadas #dpart table td {font-weight: bold; color: #8C32C0; padding: 2px;}
#cadas #dpart span {font-weight: normal; color: #000000; font-size: 10px;}
#cadas #dpart input {border: 1px solid #BFBFBF; width: 310px; margin: 0px; font-size: 10px;}
#cadas #dpart input.ddd {width: 16px;}
#cadas #dpart input.fone {width: 38px;}
#cadas #dentr {width: 444px; height: 171px; background-image: url('../img/cadas_dentr_back.gif'); background-repeat: no-repeat; background-position: 8px 13px; float: left; margin-top: 21px; overflow: visible;}
#cadas #dentr table {margin-left: 23px; margin-top: 2px;}
#cadas #dentr table td {padding: 2px;}
#cadas #dentr table p {font-weight: bold; color: #8C32C0; margin: 0px;}
#cadas #dentr input {border: 1px solid #BFBFBF; margin: 0px; font-size: 10px;}
#cadas #dentr input.a {width: 180px;}
#cadas #dentr input.b {width: 215px;}
#cadas #dentr input.c {width: 223px;}
#cadas #dentr input.d {width: 65px;}
#cadas #dentr input.e {width: 93px;}
#cadas #senha {width: 444px; height: 171px; background-image: url('../img/cadas_dentr_back.gif'); background-repeat: no-repeat; background-position: 8px 13px; float: left; margin-top: 21px; margin-bottom: 10px; overflow: visible;}
#cadas #senha table {margin-left: 23px; margin-top: 10px;}
#cadas #senha table td {padding: 2px;}
#cadas #senha table p {font-weight: bold; color: #8C32C0; margin: 0px;}
#cadas #senha input {border: 1px solid #BFBFBF; margin: 0px; font-size: 10px; width: 180px;}
/* HISTÓRICO */
#histo {width: 442px;}
#histo table {float: left; margin-top: 18px; border: 1px solid #BFBFBF;}
#histo table th {background-color: #8C30C1; color: #FFFFFF; text-align: left; font-weight: bold; padding: 5px;}
#histo table td {color: #000000; text-align: left; padding: 5px;}
#histo table td span {color: #B73E3E; font-weight: bold;}
#histo table tr.cinza {background-color: #ECECEC;}
#item_legenda {
background-image: url('../img/back_histo_legenda.gif');
background-repeat: repeat-x;
background-position: left bottom;
padding: 5px;
}
#item_legenda .tit {font-weight: bold; color: #8B30B9;}
/* POPUP */
#popup {width: 380px; text-align: justify;}
#popup div {display: none;}
#popup p {margin-left: 15px; margin-right: 15px;}
#popup a {font-weight: bold; color: #9303C5; text-decoration: none;}
#popup a:hover {text-decoration: underline;}
/* QUE SAC!!! */
#sac {background-image: url('../img/sac_back.gif'); background-repeat: no-repeat; width: 416px; height: 284px; _height: 304px; padding: 22px 10px 0px 22px; text-align: left;}
#sac #sac_dentro {width: 414px; height: 282px; overflow: auto; font-weight: bold;}
#sac #sac_dentro span.data {color: #7E7E7E; font-size: 9px;}
#sac #sac_dentro span.pedid {color: #000000; font-size: 9px;}
#sac #sac_dentro span.pergu {color: #BF5858; font-size: 10px;}
#sac #sac_dentro span.respo {color: #670DAC; font-size: 10px; font-weight: normal;}
/* LINKS DOS CAMINHOS DAS BAGAÇAS */
a.lcaminho:link {font: 11px Verdana; color: #8C30C1; font-weight: bold; text-decoration: none;}
a.lcaminho:visited {font: 11px Verdana; color: #8C30C1; font-weight: bold; text-decoration: none;}
a.lcaminho:hover {font: 11px Verdana; color: #8C30C1; font-weight: bold; text-decoration: underline;}
/* ERRO E MSG ******************** */
div#msg { text-align: left; color: #0000FF; }
div#err { text-align: left; color: #FF0000; }
/* OVER DOS INPUTA QUE PARIUUUUU * */
input.over { font-family: Verdana; font-size: 11px; background-color: #FDD7FF; }
input.norm { font-family: Verdana; font-size: 11px; background-color: #FFFFFF; }
select.over { font-family: Verdana; font-size: 11px; background-color: #FDD7FF; }
select.norm { font-family: Verdana; font-size: 11px; background-color: #FFFFFF; }
textarea.over { font-family: Verdana; font-size: 11px; background-color: #FDD7FF; }
textarea.norm { font-family: Verdana; font-size: 11px; background-color: #FFFFFF; }
file.over { font-family: Verdana; font-size: 11px; background-color: #FDD7FF; }
file.norm { font-family: Verdana; font-size: 11px; background-color: #FFFFFF; }
input.button { font-family: Verdana; font-size: 11px; color: #000000; background-color: #FDD7FF; border: 1px solid #752A82; background-image: url('../img/fundo_botoes.gif'); background-repeat: repeat; color: #D0D0D0; font-weight: bold; height: 19px;}
html>body input.button { height: 20px; padding-bottom: 2px; }
.empresa {font-weight: bold; color: #9303C5;}
/* CARRINHO ******************
*****************************/
#botoes_carrinho { text-align: right; margin-top: 20px; margin-right: 30px; }
/* FINALIZA COMPRA ***********
*****************************/
td.titulo {font-weight: bold; color: #F0F0F0; padding: 2px; background-color: #8C32C0}
td.label {font-weight: bold; color: #8C32C0; padding: 2px;}
a.mesmo_endereco:link {color: #F0F0F0; font-size: 10px; text-decoration: none;}
a.mesmo_endereco:visited {color: #F0F0F0; font-size: 10px; text-decoration: none;}
a.mesmo_endereco:hover {color: #ECD6EF; font-size: 10px; text-decoration: underline;}