/*  CSS de Bio Brasil
    Junho/2008
    Silvio R. Sá */

/* CONFIGURAÇÃO DA PÁGINA */

html,body   { font-family: verdana, sans-serif; font-size: 11px;
              background-color: #EAF9FF; color: black;
              margin: 0; padding: 0; height: 100%; }

.pagina     { background-color: white;
              background-image: url(images/fundo-menu-lateral.jpg); background-repeat: repeat-y;
              margin: 0 auto; width: 737px;
              height: auto !important; height: 100%; min-height: 100%; }
.pagina_sm  { background-color: white;
              margin: 0 auto; width: 737px;
              height: auto !important; height: 100%; min-height: 100%; }


/* CONFIGURAÇÃO PADRÃO DAS TAGS MAIS COMUNS */

div         { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }

a           { color: black; text-decoration : none; }
a:hover     { color: black; text-decoration: underline; }

p           { text-align: justify; padding-left: 10px; padding-right:10px; }
p.centro    { text-align: center;  padding-left: 10px; padding-right:10px; }

table       { border: none; border-spacing: 0px; border-collapse: collapse; }
td          { font-family: verdana, sans-serif; font-size: 11px; padding: 0px 0px 0px 0px; }

input {
    font-family: verdana, arial, sans-serif; font-size: 11px;
    border: 1px solid #1C027F; }

textarea {
    font-family: verdana, arial, sans-serif; font-size: 11px;
    border: 1px solid #1C027F; }

select {
    font-family: verdana, arial, sans-serif; font-size: 11px;
    border: 1px solid #1C027F; }

button {
    margin-left: 3px;
    font-family: verdana, arial, sans-serif;
    font-size: 9px; font-weight: bold;
    border: 1px solid #1C027F; background-color: #E3E1E2; color: #1C027F;
    cursor: pointer; }
button:hover{
    color: red; }


/* CONFIGURAÇÃO ESPECÍFICA PARA A BIO BRASIL */

div.topo    { background-color: white; background-image: url(images/topo1.jpg); height: 78px; }
table.topo  { margin-left: auto; margin-right: 0px; }

td.menu_esq { color: white; width:170px; vertical-align: top; }
td.corpo_cm { width: 537px; padding: 20px; vertical-align: top; text-align: center; }
td.corpo_sm { width: 737px; padding: 20px; vertical-align: top; text-align: center; }


.titulo_menu { color:white; height:25px; font-size: 10px; font-weight:bold;
    padding-top: 12px; width:170px;
    background-image:url(images/fundo-titulo-menu-lateral.png); background-repeat:repeat-x;
    background-position:0px 5px;
}

.s2TitMenu{
    color:white; height:25px; font-size: 10px; font-weight:bold;
    padding-top: 12px; padding-bottom: 5px; width:170px;
    background-image:url(images/fundo-titulo-menu-lateral.png); background-repeat:repeat-x;
    background-position:0px 5px;
}


/* CONFIGURAÇÃO DA PÁGINA DE DETALHES DO PRODUTO */
.prodDescr { text-align:justify; vertical-align:top; margin: 10px 20px 10px; width:500px;}
.prodDescrT { text-align:justify; vertical-align:top; padding: 5px 20px 5px;}
.prodTextos { text-align:center; }
.prodSlideshowArea { width: 250px; }
.prodSlideshow { height: 200px; width: 250px; padding: 0; margin: 10px; border: none; }
.prodSlideshow img { padding: 0px; }
.prodLinBotoes { text-align:right; }

/* CONFIGURAÇÃO DA ÁREA DE E-COMMERCE */
#ecomArea { width: 697px; margin-left: 20px; padding-top:20px; }
.ecomFabricante {
    font-family: arial, verdana, sans-serif;
    font-weight: bold; font-size: 16px;
    background-color: #E1E2E3;
    text-align: center;
    width: 697px; }

#ecomDestaques{ width: 697px; height:200px; }
#ecomFichasNavSup{ margin-top: 10px; width: 697px; }
#ecomFichasNavInf{ margin-top: 10px; width: 697px; }
#ecomFichas{ margin-top: 10px; width: 697px; }

.ecomNavSup{ width: 697px; }
.ecomNavInf{ width: 697px; }
.ecomNavTit{ text-align: right; }
.ecomNav{
    text-align:center; vertical-align:middle;
    background-color: #EDF000;
    width:18px; height:15px;
    padding: 0px;
    font-size: 8px; font-weight:bold;
    cursor:pointer; }
.ecomNavSep{ width: 3px;}
.ecomNavHvr{ background-color:#667ab9; }
.ecomNavSel{ background-color:#667ab9; color:white; }

#dstSlideshow{height: 200px; width: 460px; padding: 0; margin:0; border: 1px solid #EDF000; cursor:pointer; }
.dstSlideshow img { padding: 0px;}

#ecdMenu { width: 225px; height:200px; vertical-align:top;;border: 2px solid #EDF000;}
table.lojaMenu{  width: 225px}
.lojaMenuTitulo{ background: #EDF000; font-weight:bold; padding: 3px;}
.lojaMenuItem{ padding: 3px 10px 1px; font-weight:bold; cursor:pointer; }

table.ecomFichas{ width: 697px; }
td.ecomFichas{ vertical-align:top; text-align:justify; border: 2px solid #EDF000; }
td.ecomFichasNada{ height:0px; border: none; }
td.ecomFichasSepH{ width:10px;}
td.ecomFichasSepV{ height:10px;}


table.fichaPrd{  width: 100%; }
.fichaPrdTitulo{ background: #EDF000; font-weight:bold; padding: 3px;}
.fichaPrdResumo{ padding: 3px; text-align:justify; }
.fichaPrdPreco{ padding: 3px; text-align:center; font-weight: bold; }
.fichaPrdPromo{ padding: 3px; text-align:center; font-weight: bold; color: red; }
.fichaPrdDetalhes{ padding: 3px; text-align:left; font-weight:bold; cursor:pointer; }
.fichaPrdComprar{ padding: 3px; text-align:right; font-weight:bold; cursor:pointer; }
.fichaPrdCompraTit{ padding: 3px; text-align:left; }
.fichaPrdCompraCpo{ padding: 3px; text-align:right; }
.fichaPrdHover{color:red;}
.menuPrdHover{color:red;}

/* CONFIGURAÇÕES PARA A ÁREA DE LOGIN */
div.loginArea { margin-left: auto; margin-right: 0px; width:737px; text-align:right; font-size:9px;}
div.loginAreaErro { margin-left: auto; margin-right: 0px; margin-bottom:3px; width:737px; text-align:right; font-size:9px; font-weight:bold; color:red;}
input.loginArea {
    font-family: verdana, arial, sans-serif;
    font-size: 9px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
}
button.loginArea {
    font-family: verdana, arial, sans-serif;
    font-size: 9px;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
}
button.loginArea:hover { color: red; }

/* DEFINIÇÕES PARA AUTOFORM */

.form {
    margin: auto auto;
    border: 1px solid #3D6DB5; }

.fTitulo {
    background-color: #7C9AC7; color: white;
    font-size: 10px; font-weight: bold;
    border: 1px solid #3D6DB5;
    padding: 3px 4px 3px 4px; }

.fSubtitulo{
    padding: 7px 3px 7px 3px;
    font-weight: bold; font-size: 10px;
    background-color: #E7E7E7;
}

.fRotulo {
    padding: 3px 10px 3px 3px;
    white-space: nowrap; }

.fRotuloTop {
    vertical-align:top;
    padding: 3px 10px 3px 3px;
    white-space: nowrap; }

.fCampo {
    padding: 3px 10px 3px 3px; }

.fBotoes {
    padding: 5px 7px 5px 3px;
    text-align: right; }

.fBotaoHover {
    color:red; }

.tachado { text-decoration:line-through; color:silver;}


/* DEFINIÇÕES PARA OS ERROS E ALERTAS */
.fErroMsg {
    border: 1px solid red;
    background-color: #FFC0C0;
    color: black;
    font-style:italic;
}

.fErroCpo {
    border: 1px solid red;
}

/* DEFINIÇÕES PARA AUTOLISTA */
td.alHead {
    background-color: #7C9AC7; color: white;
    font-size: 10px; font-weight: bold;
    border: 1px solid #1C027F;
    padding: 3px 4px 3px 4px; }

td.alBody {
    border: 1px solid #1C027F;
    padding: 3px 4px 2px 4px;
    vertical-align: top; }

.alBodyHover {
    color:red; }

tr.alBodyZebra {
    background-color: #E3E1E2; }


/* DEFINIÇÕES PARA AUTOTABLE */
td.alHead {
    background-color: #7C9AC7; color: #FBD456;
    font-size: 10px; font-weight: bold;
    border: 1px solid #3D6DB5;
    padding: 3px 4px 3px 4px; }

td.alHeadTit {
    background-color: #7C9AC7; color: white;
    text-align:center;
    font-size: 10px; font-weight: bold;
    border: 1px solid #3D6DB5;
    padding: 3px 4px 3px 4px; }

td.alBody {
    border: 1px solid #3D6DB5;
    padding: 3px 4px 2px 4px;
    vertical-align: top; }

.alBodyHover {
    color:#3D6DB5; }

tr.alBodyZebra {
    background-color: #E7E7E7; }

td.alFoot {
    background-color: #7C9AC7; color: #FBD456;
    font-size: 10px; font-weight: bold;
    border: 1px solid #3D6DB5;
    padding: 3px 4px 2px 4px;
    vertical-align: middle;
    text-align:right; }

.alFootHover { color:red; }
.alNavSel { color:white; }

/* USADO EM TESTE */
a.menu1 { color: white; text-decoration : none; }
a.menu1:hover { text-decoration : underline; }