@import url("reset.css");
@import url("jscrollpane.css");
@import url("jquery.lightbox-0.5.css");

body, html { width: 100%; height: 100%; }

#bg {
  position: absolute;
  width: 100%;
  height: 100%;
  *margin-left: 400px;
}

#header {
  width: 800px;
  height: 120px;
  position: relative;
  top: 15px;
  left: 50%;
  margin-left: -400px;
}

#container {
  width: 800px;
  height: 309px;
  border: 1px solid #598fbe;
  background: white;
  position: relative;
  top: 20px;
  left: 50%;
  margin-left: -400px;
}

#main {
  width: 760px;
  height: 269px;
  padding: 20px;
  font: 14px Arial, sans-serif;
  color: #5b5b5b;
}

p {
  text-align: justify;
  margin-bottom: 15px; 
}

h2 { 
  text-indent: -5000px;
  margin-bottom: 15px;
}

h3 { margin-bottom: 15px; }

a { 
  color: #5b5b5b;
  text-decoration: none;
}

a:hover { color: #5690DC; }

/* home
***************************************************************/
#main.home {
  width: 800px;
  height: 309px;
  padding: 0; 
}

/* puro nectar
***************************************************************/
#main.puronectar { background: url(../images/bg_puronectar.jpg) center right no-repeat; }

#main.puronectar h2 {
  width: 106px;
  height: 15px;
  background: url(../images/puronectar.png);
}

#main.puronectar .scroll-pane {
  width: 450px;
  height: 230px; 
  overflow: auto; 
}

/* produtos
***************************************************************/
#main.produtos h2 {
  width: 81px;
  height: 12px;
  background: url(../images/produtos.png);
}

#main.produtos ul { list-style-type: none; }

#main.produtos li {
  display: block;
  float: left;
  padding: 0 14px 0 10px;
  border-left: 1px solid #DDDDDD;
}

#main.produtos li img { margin-top: 15px; }

#main.produto img {
  width: 210px;
  float: left;
  margin-right: 25px;
  border-right: 1px solid #DDDDDD;
}

#main.produto .back {
  color: #5690DC;
  font-weight: bold;
  font-size: 13px;
}

/* fotos e vídeos
***************************************************************/
#fotos { width: 360px; }

#videos { 
  width: 310px;
  padding-left: 41px;
}

#fotos, #videos { float: left; }

#videos { border-left: 1px solid #DDDDDD; }

#fotos img { 
  float: left; 
  margin: 0 20px 20px 0; 
}

#fotos h2 {
  width: 143px;
  height: 15px;
  background: url(../images/fotos.png);
}

#videos h2 {
  width: 149px;
  height: 15px;
  background: url(../images/videos.png);
}

/* dicas
***************************************************************/
#main.dicas h2 {
  width: 125px;
  height: 15px;
  background: url(../images/dicas.png);
}

#main.dicas .scroll-pane { 
  height: 230px;
  overflow: auto;
}

#main.dicas a strong { font-size: 16px; }

#main.dicas ul { 
  list-style: disc outside url(../images/arrow.png);
  margin: 10px 0 0 16px;
  text-align: justify;
}

#main.dicas li { margin-bottom: 15px; }

#main.dicas li ul { 
  list-style: disc outside; 
  margin: 0 0 0 16px;
}

#main.dicas li ul li { margin: 0; }

#main.dicas li p { margin: 0; }

/* contato
***************************************************************/
#main.contato h2 {
  width: 71px;
  height: 12px;
  background: url(../images/contato.png);
  margin-bottom: 20px;
}

#contato { float: left; }

label { 
  width: 80px;
  display: inline-block;
  vertical-align: top;
}

input, textarea {
  width: 260px;
  border: 1px solid #BDBDBD;
  padding: 1px;
  margin: 0 0 20px 0;
}

#ddd { width: 30px; }
#tel { width: 213px; }

input.submit { 
  width: auto;
  color: #669FE8;
  background: white;
  border: 0;
  padding: 0;
  font: 12px Arial, sans-serif;
  font-weight: bold;
}

form a {
  font-weight: bold;
  font-size: 12px;
  color: #669FE8;
  margin: 0 20px 0 228px;
}

#main.contato div {
  float: left;
  margin-left: 35px;
  padding-left: 35px;
  border-left: 1px solid #DDDDDD;
}

#main.contato .endereco {
  width: 134px;
  height: 59px;
  background: url(../images/endereco.png);
  text-indent: -5000px;
  display: block;
}

#main.contato .email a {
  width: 207px;
  height: 16px;
  background: url(../images/email.png);
  text-indent: -5000px;
  display: block;
}

label.error {
  width: auto;
  margin: -20px 0 0 85px;
  font-size: 11px;
  display: block;
  position: absolute;
}