html, body {height:100%;} 
body {
	margin:0; 
	padding:0;
	background:#efeaea;
	color:#666666;
	font:14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
	
#wrapper { 
	width:772px;
	position:relative;  /*Contexto de posicionamento */
	background:#ffffff;
	margin:0 auto;
	text-align:left;
	min-height:100%;
	padding:0 47px;	
	}
* html #wrapper {height: 100%;}
#content {padding-bottom:120px;}

#header {
	width:720px;
	height:60px;
	text-align:center;
	padding:21px 33px 21px 19px;
	}
#header #logo {
	float:left;
	width:200px;
	height:61px;
	}
#header #banner {
	width:468px;
	height:60px;
	float:right;
	border:2px solid #d9d9d9;
	z-index:-32767;
	}
	
#nav {
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	height:20px;
	float:left;
	width:772px;
	margin-bottom:31px;
	padding:8px 0;
	text-align:center;
	}
#nav ul li {
	display: block; 
	float:left;
	padding:0; margin:0;
	}
#nav ul li a:link, #nav ul li a:visited {
	margin:0 13px;
	font-size:15px;
	font-weight:bold;
	color:#008eb0;
	text-decoration:none;
	}
#nav ul li a:hover, #nav ul li a.active {color:#b2d233;}

#capa {
	width:121px;
	float:left;
	}
#capa div {
	width:121px;
	padding:16px 0;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;	
	font-size:12px;
	line-height:15px;
	color:#333333;
	}
#capa180 {
	width:181px;
	float:left;
	}
#capa180 div {
	width:181px;
	padding:16px 0;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;	
	font-size:12px;
	line-height:15px;
	color:#333333;
	}
#capa div h4, #capa180 div h4 {margin-bottom:3px;}
#capa div h4 a:link, #capa div h4 a:visited, #capa180 div h4 a:link, #capa180 div h4 a:visited {text-decoration:none; color:#008eb0;}
#capa div h4 a:hover, #capa180 div h4 a:hover {text-decoration:underline}
#capa div a:link, #capa div a:visited, #capa180 div a:link, #capa180 div a:visited {color:#333333; text-decoration:none;}
#capa div a:hover, #capa180 div a:hover {text-decoration:underline;}

#section {
	width:393px;
	padding:0 27px;
	float:left;
	}

div#section.index { width:333px;}
	
.article {margin-bottom:15px; font-size:13px;}
.article h2.opiniao {font-size:15px; text-transform:none;}
.article h2.blog {font-size:17px; text-transform:none;}
.article a.comments:link, .article a.comments:visited  {color:#b2d233; text-decoration:none;}
.article a.comments:hover {color:#b2d233; text-decoration:underline;}
.article #galeria {border:2px solid #d9d9d9;}
.article .anterior {float:left; color:#008eb0; text-decoration:none; font-weight:bold;}
.article .proxima {float:right; color:#008eb0; text-decoration:none; font-weight:bold;}
.article #contato input[type=text], .article #contato textarea {width:333px; border:1px solid #d9d9d9; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.paginas a:link, .paginas a:visited  {color:#008eb0; text-decoration:none;}
.paginas a:hover, .paginas a.active {color:#b2d233; text-decoration:none;}
#flavio {float:right; border:2px solid #d9d9d9;}
.preco {width:116px; height:32px; display:block; float:left}
.precospacer {margin-top:6px;}
#sanfona div a:link, #sanfona div a:visited, #sanfona div a:active, #sanfona div a:hover {color:#666666; font-weight:bold; text-decoration:none; padding-left: 8px; background-image: url(img/seta.gif); background-repeat: no-repeat; background-position: 0px;}
.subsanfona{display: none; padding:3px 18px 7px 18px;}

#pedidos th {font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#008eb0; border-bottom:1px solid #d9d9d9;}
#pedidos td {font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000; border-bottom:1px solid #d9d9d9;}
#pedidos td #quantidade {border:1px solid #d9d9d9; width:29px; height:14px; font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:right;}

#entrega td, #total td {font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000; padding-right:12px;}
#entrega td #cep {border:1px solid #d9d9d9; width:101px; height:14px; font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000;}

#sedex {font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding-right:36px; margin:28px 0;}
#sedex img {float:left;}

#pagamento th {font:bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#008eb0;}
#pagamento td {font:normal 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000;}
#pagamento td label {margin-right:13px;}

#cadastro {font:normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000;}
#cadastro p {margin-bottom:8px;}
#cadastro input[type=text] {border:1px solid #d9d9d9; font:normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0 9px;}
#cadastro input {margin:0 8px;}
#cadastro select {border:1px solid #d9d9d9; font:normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#000000; margin:0 9px;}
#cadastro #submit {margin:5px 0 0 0;}

#aside {
	width:204px;
	float:right;
	}
#aside div {
	width:204px;
	padding:16px 0;
	border-top:1px solid #d9d9d9;
	font-size:12px;
	line-height:15px;
	color:#333333;
	}
#aside div h4 {margin-bottom:3px;}
h2 a:link, h2 a:visited, #aside div h4 a:link, #aside div h4 a:visited {text-decoration:none; color:#008eb0;}
h2 a:hover, #aside div h4 a:hover {text-decoration:underline}
#aside div a:link, #aside div a:visited {color:#333333; text-decoration:none;}
#aside div a:hover {text-decoration:underline;}
#autor {
	float:left;
	border:2px solid #d9d9d9;
	margin-right:8px;
	}
#envopiniao {width:204px;}
#envopiniao #suaopiniao, #envopiniao #nome, #envopiniao #origem {width:200px; border:1px solid #d9d9d9; font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333;}
.borderbtm {
	border-bottom:1px solid #d9d9d9;
	}
	
#footer {
	background:#ffffff;
	width:772px;
	height:100px;
	position: absolute;
	bottom: 0; /**/ 
	text-align:center;
	}
#footer img {
	border-bottom:7px solid #b2d233;
	}
	
h2 { 	
	font-weight:bold;
	font-size:27px;
	color:#008eb0;
	}
h3 { 	
	font-weight:bold;
	font-size:18px;
	color:#999999;
	}
h3.autor { 	
	font-weight:bold;
	font-size:15px;
	color:#999999;
	}
h3.subtitulo { 	
	font-weight:bold;
	font-size:12px;
	color:#008eb0;
	}
h4 {
	font-weight:bold; 
	font-size:15px; 
	color:#008eb0;
	}
.azul {color:#008eb0;}
.border {border-right:1px solid #d9d9d9;}

.clear {clear:both;}

.clipping {width:393px; clear:both; height:115px;}
.clipping div {float:left;}
.clipping .clipth {width:100px; height:100px;}
.clipping .clipth a {border:1px solid #008eb0; display:inline-block; padding:1px;}
.clipping .clipth a:hover {border:1px solid #b2d233;}
.clipping .cliptxt {width:279px; margin-left:10px;}
.clipping .cliptxt a {color:#008eb0; text-decoration:none; font-weight:bold;}
.clipping .cliptxt a:hover {text-decoration:underline;}