/**
 * Formatação de elementos comuns a todo o site.
 * @author Fernando Mertins
 * @since 22/07/2009
 */

@CHARSET "ISO-8859-1";

/* Reset de elementos. */
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, fieldset, img, input, textarea, blockquote, th, td {
   margin: 0px;
   padding: 0px;
}

body {
   min-width: 800px;
   font-family: Arial, Helvetica;
   font-size: 10pt;
   color: #4c4c4c;
}

img {
   border: none;
}

/* Links e âncoras sempre na cor azul escuro da Cromasinos. */
a {
   color: rgb(22, 49, 111);
}

/* Topo do site, contendo a imagem da arte, logotipo e o menu de navegação. */
#secaoTopo {
   width: 100%;
   float: left;
   background-color: rgb(22, 49, 111);
}

/* Opções do menu principal de navegação do site. */
#secaoTopo ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
   position: relative;
   left: 50%;
   margin-left: -364px;
   float: left;
}

#secaoTopo ul li {
   display: inline;
}

#secaoTopo ul li a {
   color: #ffffff;
   float: left;
   display: block;
   padding: 5px 25px 5px 25px;
   text-align: center;
   text-decoration: none;
}

#secaoTopo ul li a:hover {
   background-color: rgb(102, 122, 179);
}

/* Imagem do topo do site. */
#imgTopo {
   width: 100%;
   -ms-interpolation-mode: bicubic;   /* Somente para Internet Explorer. */
}

/* Opções do menu principal de navegação do site. */
.opMenu {
   font-weight: bold;
}

/* Opção selecionada do menu de navegação do site. */
.opMenuSelecao {
   font-size: 10pt;
   font-weight: bold;
   background-color: rgb(102, 122, 179);   
}

/* Conteúdo principal do site, fica abaixo do topo e acima do rodapé. */
#secaoConteudo {
   width: 790px;
   height: auto;
   float: left;
   position: relative;
   left: 50%;
   margin-left: -395px;
}

/* Rodapé do site, exibido em todas as páginas. */
#secaoRodape {
   width: 100%;
   height: 55px;
   padding: 5px 0px 0px 0px;
   font-size: 9pt;
   text-align: center;
   color: gray;
   background-image: url('../img/site/fundo_rodape.jpg');
   background-repeat: repeat-x;
   float: left;
}

#secaoRodape p {
   margin: 0px;
   padding: 0px;
}

/* Menu de opções do comprador logado no site, logo abaixo o menu principal. */
#menuComprador {
   width: 100%;
   float: left;
   background-color: rgb(222, 222, 221);
   background-image: url('../img/site/menu_comprador/menu_comprador_fundo.jpg');
   background-repeat: repeat-x;
   height: 43px;
}

/* Menu de seleção dos clientes do comprador logado no site. Apresentado na horizontal,
 * logo abaixo do menu do comprador e alinhado sempre à direita do site. */
#menuCliente {
   width: 100%;
   float: left;
   text-align: right;
}

/* Seleção de um dos clientes do comprador, via caixa de listagem. */
#menuCliente select {
   background-color: rgb(222, 222, 221);
   border: none;
   padding: 3px;
   margin-right: 5px;
}

/* Títulos de páginas do site, como "Empresa", "Contato", etc. */
h1 {
   font-size: 16pt;
   font-weight: bold;
   color: rgb(22, 49, 111);
   display: block;
   width: 100%;
   border-bottom: 3px solid #bcbcbc;
   margin-top: 30px;
   padding-bottom: 5px;
}

/* Mensagem de erro, aviso, etc. */
.msgErro {
	color: red;
}

/* Mensagem de operação realizada com sucesso, tudo certo, etc. */
.msgSucesso {
	color: green;
}

/* Dica/complemento de campo de formulário. */
.msgDica {
   color: gray;
   font-size: 8pt;
}

/* Agrupamentos de elementos de formulário. */
fieldset {
   padding: 5px;
   border: 1px solid #b5b5b5;
   margin-bottom: 15px;
}

/* Títulos de grupos de formulários, na cor azul escuro da Cromasinos. */
legend {
   color: rgb(22, 49, 111);
   font-weight: bold;
}

/* Asterisco indicativo dos campos obrigatórios de formulários do site. */
.co {
   color: red;
   font-family: Verdana;
   font-size: 11pt;
}

.oculto {
   color: white;
   visibility: hidden;
   font-family: Verdana;
   font-size: 11pt;
}

/* Botões HTML padronizados na cor branca e azul escuro de fundo. */
.botaoAzul {
   color: white;
   background-color: rgb(73, 86, 119);
   border: none;
   padding: 3px;
   cursor: pointer;
   font-weight: bold;
   font-family: Arial, Helvetica;
   font-size: 10pt;
}