/* CORPO E ESTRUTURA --------------------------------*/
* { margin:0; padding:0 }

body {
	font:13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:15px;
	float:left;
	width:100%;
	background:url(img/bgall2.jpg) repeat-y center fixed }

#allb {	background:url(img/bgall.jpg) repeat-x top; width:100%; float:left }
	
#all {
	background:url(img/bgheader.jpg) no-repeat center top; 
	position:relative;
	width:770px; 
	margin:0 auto }

/* CABEÇALHO -------------------------------------*/
#header {
	position:relative;
	width:770px;
	height:245px;
	float:left;
	background:#FFF }
	
.topanimals {
	width:351px;
	height:84px;
	position:absolute;
	top:3px;
	right:5px }
	
#header .top { position:relative; height:100px; background:url(img/header_top.jpg) no-repeat; margin:0 0 3px }
#header .bottom { position:relative; height:142px; background:url(img/header_bottom.jpg) no-repeat }

#header h1, #header h3 { text-indent:-1000000em }
	
#header a.home {
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:770px;
	height:60px }
	
#header .data {
	font-size:11px;
	position:absolute;
	top:25px;
	right:20px }
	
#header a.contato { 
	width:71px; 
	height:25px; 
	top:214px;
	right:10px }

/* MENU */
#header .bottom ul.menu {
	list-style:none;
	position:absolute;
	width:115px;
	top:10px;
	left:14px }
	
#header .bottom ul.menu li a { text-indent:-1000000em; display:block; width:115px; height:24px }

/* ESTRUTURAÇÃO DO CORPO DO CONTEÚDO -----------------------------*/
#content { width:770px; float:left;	background:#FFF }

#c1, #c2 { overflow:hidden; float:left }
.default { margin:0 0 15px 0 }
#home, #detail { float:left; padding:15px 15px 15px 150px; line-height:15px }
#home { background:url(img/home.jpg) no-repeat 10px 10px }
.bemvindo p { padding:0 0 0 23px }
#home .c1, #home .c2, #home .c3 { float:left }
#home .c1 { width:180px; padding:0 0 0 23px }
#home .c2 { width:180px; padding:0 0 0 15px }
#home .c3 { width:179px; padding:0 0 0 15px }

#home .box { display:block; background:url(img/bgbox.jpg) repeat-x; border-top:2px solid #DDD; padding:10px; font-size:11px; overflow:hidden }
.newsletter { margin:15px 0 0 0 }
	
/* CONFIGS GERAIS --------------------------------*/
a { color:#66CC00; outline:0; text-decoration:underline }
a:hover { text-decoration:none }
a.none:hover { text-decoration:none }
img { border:0 }
p { margin:0 0 10px 0 }

/* H1, H2, H3 ... -----------------------------------*/
h1 {
	text-indent:-100000em;
	margin:0 0 10px 0;
	clear:both }
	
.bemvindo h1 { background:url(img/h1_bemvindo.jpg); width:216px; height:41px; }
.newsletter h1 { background:url(img/h1_newsletter.jpg); width:155px; height:50px; }
.empresa h1 { background:url(img/h1_sobreaempresa.jpg); width:164px; height:50px; }
.alfafapeletizada h1 { background:url(img/h1_alfafapeletizada.jpg); width:255px; height:35px; }
.produtos_lista h1 { background:url(img/h1_listadeprodutos.jpg); width:167px; height:39px; }
.produto h1 { background:url(img/h1_detalhesproduto.jpg); width:150px; height:39px; }
.fale h1 { background:url(img/h1_faleconosco.jpg); width:175px; height:41px;  }

h2 { font-size:18px; line-height:18px; letter-spacing:-1px; margin:0 0 10px 0; color:#85C226 }

/* SOBRE A EMPRESA -----------------------------------*/
.empresa ul { margin:0 0 0 30px  }
.empresa .c2 { float:right; width:240px; padding:0 15px 15px 15px; font-style:italic; color:#666; text-align:right }

/* ALFAFA PELETIZADA -----------------------------------*/
.alfafapeletizada { background:url(img/bg_alfafapeletizada.jpg) no-repeat 10px 10px }
.alfafapeletizada p { padding:0 100px 0 0; line-height:18px; margin:0 0 20px 0 }

/* PRODUTOS -----------------------------------*/
.produtos_lista ul { list-style:none; padding:10px 0 0 0 }
.produtos_lista ul li { padding:15px; background:url(img/bg_produtolist.jpg) no-repeat right bottom; width:575px; float:left }
.produtos_lista ul li img { float:left; margin:0 15px 0 0 }
.produtos_lista ul li .descricao { float:left; width:425px }
.preco { font-size:18px; font-weight:bold }
.produto img { float:right; margin:0 0 15px 15px }

table.uso { border-top:1px solid #CCC }
table.uso tr td { padding:8px; border-bottom:1px solid #CCC }

div.uso { clear:both }

/* PRODUTOS -----------------------------------*/
.fale .c1 { float:left; width:270px}
.fale .c2 { float:left; width:300px; margin:0 0 10px 10px }

/* NOTÍCIAS -----------------------------------*/
.noticia h2 { font-size:25px; margin:10px 0 5px }
.noticia .titulo{ font-size:30px; color:#333; display:block; margin:5px 0 15px 0; line-height:28px }
.noticiaH .titulo{ font-size:13px; font-weight:bold; color:#000; display:block; margin:2px 0 5px 0 }
.noticia .arquivo { float:right; margin:0 0 10px 10px }
.noticia .arquivo img { border:1px solid #CCC; padding:4px; cursor:pointer }
.noticia .arquivo .legenda { display:block; text-align:center; padding:3px 0 3px; color:#666 }
.noticia .corpo { line-height:18px }
.noticia .corpo p, .noticia .corpo br { margin:0 0 10px }
.noticia .corpo p br { margin:0 }
.noticia ul { list-style:square; margin:20px 0 0 20px; width:585px }
.noticia ul li { margin:0 0 10px }
.noticia .dia, .noticiaH .dia { font-size:11px; color:#666; font-weight:normal; margin:10px 0 0 0; display:block }
.noticia ul li span.dia { display:inline }
.noticia ul li a { color:#000; font-weight:bold; text-decoration:none; display:block }
.noticia ul li a :hover { color:#85C226 }

/* DIVERSOS ---------------------------------------*/
.formbusca { 
	display:block; 
	padding:10px; 
	border:1px solid #CCC; 
	background:#DDD; 
	font-weight:bold;
	color:#666 }
	
.paginador { display:block; color:#666; padding:10px 0 0 0; margin:10px 0 0 0; border-top:1px solid #CCC }
.paginador ul, .paginador ul li { display:inline }

/* FORMULÁRIOS ---------------------------------------*/
label { display:block; color:#85C226; font-weight:bold }

input.text, select, textarea { 
	font:12px Arial, Helvetica, sans-serif; 
	color:#666;
	border:1px inset #000;
	padding:2px }
	
html>body label, 
html>body input.text, 
html>body select, 
html>body textarea { margin:0 0 3px }

* html input.text, select, textarea { border:1px inset #CCC }

input.button { font-size:11px; font-weight:bold }
html>body input.button { padding:5px }

/* RODAPÉ --------------------------------------------*/
#footer {
	position:relative;
	background:#FFF url(img/bg_footer.gif) no-repeat bottom;
	padding:25px 15px 15px 150px;
	width:605px;
	height:35px;
	float:left;
	font-size:11px }
	
#footer .copy { width:605px; display:block; clear:both }
	
#footer ul.menu { text-transform:uppercase; border-bottom:1px solid #CCC; float:left; width:605px; height:20px;  margin:0 0 5px }
#footer ul.menu li { display:inline }
#footer ul.menu li a { float:left; padding:0 5px 0 5px; border-left:1px solid #CCC; margin:0 0 5px; font-weight:bold }

#footer a.linkramaweb { 
	display:block; 
	text-indent:-10000000px; 
	overflow:hidden; 
	width:75px; 
	height:12px; 
	background:url(img/logoramaweb.gif); 
	position:absolute; 
	bottom:5px; 
	left:40px }
	
* html #footer a.linkramaweb { 
	bottom:31px; 
	left:40px }

	
/* TRANSPARÊNCIA PNG > FOR IE --------------------------------------------*/
* html img {
filter:expression(
   this.alphaxLoaded ? "" :
   (
    this.src.substr(this.src.length-4)==".png"
    ?
    (
     (!this.complete)
     ? "" :
      this.runtimeStyle.filter=
      ("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+this.src+"')")+
      (this.onbeforeprint="this.runtimeStyle.filter='';this.src='"+this.src+"'").substr(0,0)+
      String(this.alphaxLoaded=true).substr(0,0)+
      (this.src="img/blank.png").substr(0,0)
    )
    :
    this.runtimeStyle.filter=""
   )
  ) }