@charset "utf-8";
/*CSS Document 

Cliente: Instant Coffee
Projeto: Website

Geral*/

@import "menu.css";

* {margin:0; padding:0;}
html, body {font:14px Tahoma, Arial, Helvetica, sans-serif;	height:100%; background:#3a0905 url(../images/bg_website.jpg) center top no-repeat; top:0;}

p {line-height:130%;}
img {border:none;}
a {text-decoration: none; color:#0035bc;}
a:hover {text-decoration: underline;}

.esquerda {float:left; min-width:1px;}
.direita {float:right; min-width:1px;}
.clear {clear:both; height:0; text-indent:-9999px;}
.clearrodape {height:120px; clear: both;}
.espaco {height:50px;}

#limites, .destaque, .rodape-limites {margin:0 auto;}

#limites {width:907px; min-height:100%; margin-bottom: -120px; position:relative;}
#rodape {height:90px; position:relative; background:#3a0905 url(../images/bg_rodape.gif) bottom repeat-x; color:#81514d; padding-top:30px;}

.rodape-limites {width:904px;}

a.logo {background:url(../images/logo_instant.gif) no-repeat; width:203px; height:74px; text-indent:-9999px; display:block; margin:82px 0 24px 45px;}

a.desenvolvimento {background:url(../images/logo_dd_site.gif) no-repeat; width:117px; height:21px; text-indent:-9999px; display:block; margin:0 15px 0 0;}

/*home*/

.destaque {width:902px; height:257px; background:#feedcb;}
.destaque-home {width:206px; position:absolute; margin:15px 0 0 620px;}
.destaque-produto {width:206px; position:absolute; margin:15px 0 0 550px;}
.destaque-servico {width:206px; position:absolute; margin:15px 0 0 650px;}
.box-institucional {width:507px; height:180px; background:#310100; margin:25px 0 0 6px; padding:30px;}
.box-institucional h1 {font-size:18px; margin:0 0 20px 0;}
.box-institucional p {margin:0 0 20px 0;}
.box-produtos {width:292px; height:406px; background:url(../images/bg_destaque_produto.gif) no-repeat; text-align:center;}
.box-produtos-titulo {margin:20px 0}

/* margem */

.margem-direita {margin-right:10px;}
.margem-topo { margin-top:30px;}
.margem-direita-20 {margin-right:20px;}
.margem-esquerda {margin-left:20px;}
.margemprod {margin:0 8px;}

/*textos e cores*/

h1.titulo {margin:40px 0 25px 10px;}
h3.produto {color:#9f0101; font-size:17px; border-bottom:#e9d3af solid 1px; margin-bottom:15px; padding-bottom:5px;}
h2.tipo { margin:30px 0 10px 40px; font-size:22px; font-weight:bold; color:#491c08;}
.txt10 {font-size:10px;}
.txt11 {font-size:11px; font-weight:normal;}
.txt12 {font-size:12px; font-weight:normal;}
.txt14 {font-size:14px; font-weight:normal;}
.txtbranco {color:#f4efe6;}
.txtverde {color:#667940;}
.txtlaranja {color:#fe9900;}
.txtvermelho {color:#ae0000;}
.txtdestaque {color:#d57800; font-size:14px;}
.txtbold {font-weight:bold;}

/*produtos*/

.conteudo {margin:0 auto; width:825px; color:#6c4a3a;}
.conteudo p {margin-bottom:12px;}
.conteudo-bg {background:#fff url(../images/bg_conteudo.gif) repeat-y; padding:15px 0 40px 0;}
.conteudo-topo {background:url(../images/bg_conteudo_topo.gif) no-repeat; height:70px;}
.conteudo-rodape {background:#fff url(../images/bg_conteudo_rodape.gif) no-repeat; height:10px; margin:0;}
.titulos-linha {width:901px; height:64px; margin:4px 6px 30px 0; text-align:right;}
.produtos-lista {width:190px; min-height:440px;}
a.bt-saiba-mais {background:url(../images/bt_saiba_mais.gif) no-repeat; width:91px; height:31px; display:block; text-indent:-9999px; margin:15px 0;}
.produtos-foto { margin-bottom:15px;}
.conteudo ul li {margin-left: 35px;}

.recuo ul li {list-style:none; line-height: 18px; margin: 0 0 15px 15px; background: url(../images/ico_bullet.png) no-repeat 0px 3px; padding-left: 25px;}

table.caracteristicas {border-collapse: collapse; width:100%;}
table.caracteristicas tr td {padding:5px; border:#ebd5b5 solid 1px;}

.produtos-foto-largura {min-width:250px; text-align:center;}
.produtos-texto {width:470px;}

.thumbs {border:#ebd5b5 solid 1px; margin:2px 5px 2px 0;}