﻿/************************************************************************
  Body e Defaults
************************************************************************/
* {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: 0px 0px 0px 0px;
}
body {
  background: #e9e9e0 /*url('images/fundo.jpg') center top no-repeat*/;
  color: #000;
  font: 13px Arial, Helvetica, sans-serif;
  text-decoration: none;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

/************************************************************************
  Topo da Página
************************************************************************/
#page {
  margin: 0px auto;
  width: 777px;
}
#top {
  background: url('../images/fundo_topo.jpg') top no-repeat;
  display: block;
  height: 99px;
  margin: 7px 0px 0px;
}
#top_texto {
  color: #444;
  text-align: left;
  font: 11px verdana, Arial, Helvetica, sans-serif;
  position: absolute;
  margin-top: 73px;
  margin-left: 19px;
  width: 300px;
  height: 23px;
}
#top_banner {
  text-align: left;
  font: 10px verdana, Arial, Helvetica, sans-serif;
  position: absolute;
  margin-top: 11px;
  margin-left: 297px;
  width: 468px;
  height: 60px;
}
#top_banner_text {
  text-align: right;
  font: 10px verdana, Arial, Helvetica, sans-serif;
  position: absolute;
  margin-top: 75px;
  margin-left: 400px;
  width: 363px;
  height: 20px;  
}

/************************************************************************
  Menu no Topo da Página
************************************************************************/
#topmenu {
  border-style: none solid solid solid;
  border-width: 1px;
  border-color: #aaa;
  background: url(../images/fundo_menu_topo.jpg) dimgray repeat-x left top;
  font: 13px arial, verdana, helvetica, sans-serif;
  display: block;
  margin: 0px auto 10px;
  padding: 0px 5px;
  /*
  visibility: hidden;
  position: absolute; 
  */
}

/************************************************************************
  Frame Principal / Conteúdo da Página
************************************************************************/
#conteudo {
  font-size: 13px;
  margin: 10px auto;
  padding: 0px;
  max-width: 777px;
  width: 777px;
}

/************************************************************************
  Lados da Página
************************************************************************/
#lado_esquerdo { /* tamanho total: 625px */
  margin: 0px 10px 0px 0px;
  width: 625px;
}
#lado_direito { /* tamanho total: 142px */
  border: 1px solid #AAAAAA;
  background-color: #fff;
  padding: 0px 0px 10px 0px;
  text-align: center;
  width: 140px;
}
#lado_direito h1 {
  color: #222;
  background: #eee url( '../images/fundo_topo_block.jpg' );
  font-family: Verdana, helvetica, Sans-Serif;
  font-size: 11px;
  margin: 0px 0px 10px 0px;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
}
.blank {
  float: none;
  height: 0px;
  width: 0px;
}

/************************************************************************
  Fim da Página
************************************************************************/
#bottom_banner {
  text-align: left;
  font: 10px verdana, Arial, Helvetica, sans-serif;
  height: 60px;
  margin: 0px;
  padding: 0px;
  width: 468px;
}
#bottom_banner_text {
  font: 10px verdana, Arial, Helvetica, sans-serif;
  margin: 10px 0px 5px;
  text-align: left;
  width: 363px;
}

#fim {
  background: url('../images/fundo_fim.jpg') top no-repeat;
  display: block;
  height: 70px;
  margin: 10px auto 7px;
  position: relative;
}

/************************************************************************
  Classes de Fontes
************************************************************************/
.clear {
}

.f_destaque_vinho {
  color: #900;
  font-weight: bold;
}

.preto {
  color: #000;
}
.preto:hover {
  color: #000;
  text-decoration: underline;
}