*{ padding:0; margin:0; list-style:none;}

img, fieldset{ border:0;}

body{ background:#D8B690 url('../images/fundo_mar.jpg') no-repeat fixed; font:13px "Trebuchet MS"; color:#333; }
a{color:#036; text-decoration:none;}
a:hover{ color:#CC9900; text-decoration:underline;}



#all{margin:0 auto; width:980px;}

/******** HEADER ********/
#header{ width:980px; height:293px; position:relative;}
#header ul.icos-top{ position:absolute; top:0; left:85px;}
#header ul.icos-top li{float:left;}
#header ul.icos-top li a{height:52px;  text-indent:-999px;  float:left;}
#header ul.icos-top li.home a{ width:36px; background: url('../images/ico_home.png');}
#header ul.icos-top li.mapa a{ width:64px; background: url('../images/ico_mapa_do_site.png');}
#header ul.icos-top li.feed a{ width:47px; background: url('../images/ico_rss.png');}

#header .vcard{/*background: url('../images/logo.png') no-repeat;*/ position:absolute; left:45px; top:80px;}
/*header .vcard a{width:237px; height:147px; display:block; text-indent:-9999px;}*/

#box-swf-header{ width:686px; height:237px; position:absolute; top:0; right:15px;}

#nav{ width:980px; background: url('../images/barra_nav.png') no-repeat; float:left; position:absolute; top:237px;}
#nav ul{ padding-left:12px;}
#nav li{padding:0 12px; float:left;}
#nav li a, #nav li a.hov{ line-height:44px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:17px; color:#F5F1E0; text-shadow: #333 1px 1px 2px; float:left;}
#nav li a:hover, #nav li a.hov:hover{ border-bottom:2px #EFDC9A solid; color:#fff;}
#nav li a.hov{ border-bottom:4px #745B05 solid; color:#fff;}


/******** CONTENT ********/
#content{ width:980px; clear:both;}
img.i{padding:5px; background:#DCEEF7; }
a:hover img.i{ background:#CC9900;}
#content p a{ color:#97D8FF !important; text-decoration:underline !important;}
#content p a:hover{ color:#CC9900 !important; text-decoration:none !important;}

.mais{margin-top:6px; text-align:right;}
.mais a{ color:#036; font-weight:bold; text-decoration:underline;}
.mais a:hover{ text-decoration:none;}
.mais span{ color:#fc0;}

.fonteBox{ position:absolute; top:325px; right:320px; z-index:10;}
.fonteBox h4{ font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#fff; text-transform:uppercase; font-weight:normal;}
.fonteBox ul li{padding-left:3px; float:left;}
.fonteBox ul li a{padding:2px 4px; background: #fc0; border:2px #fc0 outset; font-weight:bold; color:#000; text-decoration:none; float:left;}
.fonteBox ul li a:hover, .fonteBox ul li a:focus{  background:#fc0;}
.fonteBox ul li a:active, .fonteBox ul li a:focus{border:2px #fc0 inset;}

/* Home */
.all-box-home{ width:330px; float:left;}
.all-box-home h2{padding-left:52px; width:278px; height:59px; line-height:52px; background: url('../images/bg_h2_home.png'); color:#FFF; text-shadow: #222 1px 1px 2px; font-size:20px; font-weight:normal;}
.all-box-home h2 a{ color:#fff; text-decoration:none;}
.all-box-home .box-home{padding:5px 10px; width:310px; height:351px; background: url('../images/bg_box_home.png');}
.all-box-home .box-home .list-lp{}
.all-box-home .box-home .list-lp li{margin:4px 0; padding-left:36px; width:274px; height:42px; background:url('../images/bg_list_produtos.gif'); float:left;}
.all-box-home .box-home .list-lp li a{ line-height:42px; font-size:19px; color:#fff; text-shadow: #000 1px 1px 2px; display:block;}
.all-box-home .box-home .list-lp li a:hover{ text-decoration:none;}
.all-box-home .box-home p{ color:#444; line-height:145%;}
.all-box-home .box-home p.apresentacao-receita{ font-style:italic;}
.all-box-home .box-home h3{margin-top:12px; padding:7px 0; border-top:1px #CCC dotted;}
.all-box-home .box-home h3 a{ font-size:16px; color:#A78307; text-decoration:underline;}
.all-box-home .box-home .all-receita-home img{ float:right;}

/* Informativos */
.box-informativo{ width:290px;float:right;}
.box-informativo h2{margin-right:12px; padding:0 12px; background:#0875AD; -moz-border-radius:12px 12px 0 0; -webkit-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0; font-size:20px; color:#fff; font-weight:normal; line-height:44px; text-align:center; float:right;}
.box-informativo ul{padding:10px; width:270px;   height:190px;  background:#E6F3F9; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; clear:both;}
.box-informativo ul li{ padding:5px 0 5px 32px; background: url('../images/ico_bola.png') no-repeat 6px center; border-bottom:1px #A7D5EB dotted;}

.banner-atendimento{margin-top:12px; float:right;}

/* Páginas */
#all-paginas{ position: relative; float: left; width: 980px; }
#all-paginas h1, 
#all-paginas h2, 
#all-paginas h3, 
#all-paginas h4, 
#all-paginas h5{text-shadow: #000 1px 1px 2px;}

.overlay-paginas {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: 100%;
		background: #003357;
		opacity: 0.75;
		-moz-opacity: 0.75;
		filter:alpha(opacity=75);
		-moz-border-radius: 10px; 
		-webkit-border-radius: 10px;
		-moz-box-shadow: inset 0 1px 4px #000; 
		-webkit-box-shadow: inset 1px 1px 4px #000;
		box-shadow: inset 1 1px 4px #000;
		border-radius: 10px;
}
	
#all-paginas .style-paginas { position: relative; padding:25px; color:#fff;}
#all-paginas .style-paginas .voltar-home{position:absolute; top:38px; right:25px;}
#all-paginas .style-paginas .voltar-home a{padding:4px 8px; background:#003357; border:1px #069 solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; color:#fc0; font-size:0.9em; display:block; }
#all-paginas .style-paginas .voltar-home a:hover{ border:1px #FFF solid; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; text-decoration:none;}
#all-paginas .style-paginas .voltar-home a span{ color:#fff;}
#all-paginas .style-paginas .tit-h2{margin:0 0 5px; padding:5px 0 0 42px; height:43px; background:url('../images/ico_h2.png') no-repeat; border-top:1px #fc0 solid; font:normal 2.3em Arial, Helvetica, sans-serif; color:#97D8FF; text-shadow: #000 1px 1px 2px; letter-spacing:4px;}
#all-paginas .style-paginas .tit-h3, 
#all-paginas .style-paginas .tit-h4,  
#all-paginas .style-paginas .tit-h4 a{margin:8px 0 5px; padding-left:27px; background:url('../images/ico_bola.png') no-repeat; font:bold 1.1em/1.6em Arial, Helvetica, sans-serif; color:#fff;}
#all-paginas .style-paginas .tit-h4 a{ text-decoration:underline;}
#all-paginas .style-paginas .tit-h4 a:hover{ color: #CC9900; text-decoration:none;}
#all-paginas .style-paginas .tit-h4{ padding-left:0; background:none;}
#all-paginas .style-paginas p{padding:0px 0 12px 0; line-height:155%; text-shadow: #000 1px 1px 1px}
#all-paginas .style-paginas p a{ color:#fff; text-decoration:underline;}
#all-paginas .style-paginas .foto-empresa{margin:10px 0 0 10px; padding:3px 3px 3px 3px; float:right;}
#all-paginas .style-paginas .foto-empresa li{ padding:3px 3 3px 3px; float:left;}

/* Faça o uso do hack * html para que só o IE6 entenda essa regra */
* html #all-paginas .overlay-paginas {
  height: expression(document.getElementById("all-paginas").offsetHeight);
}


/* Linha de produto */
.box-produtos, .box-receita{padding:15px 0; width:460px; height:9.0em; border-top:1px #FFF dotted; float:left;}
.box-produtos .foto-produto{ width:125px; float:left;}
.box-produtos .produtos{padding-top:10px; width:280px; float:left;}

/* Receitas */
.box-receita .foto-receita{width:160px; float:left;}
.box-receita .receita{width:280px; float:left;}
.box-receita .receita .tit-h4{ margin:0 0 5px !important;}
.box-receita .receita .tit-h4 a{ padding:0 !important; background:none !important;}

.box-receita-detalhes{margin-top:10px; padding-bottom:20px; width:600px; float:left; clear:both;}
.box-receita-detalhes ol, .box-receita-detalhes ul{  width:600px;}
.box-receita-detalhes ol li, 
.box-receita-detalhes ul li{ margin-left:30px; padding:6px 0; border-bottom:1px #CCC dotted; list-style:decimal;}
.box-receita-detalhes ul li{ list-style: disc !important;}

.foto-receita-detalhes{ float:left;}
.foto-receita-detalhes .isola-foto-receita{padding-top:15px; width:232px; clear:both; }
.foto-receita-detalhes .box-tit-receita{ padding:0 0 0 8px; width:355px; float:left;}
.foto-receita-detalhes .box-tit-receita h1{ width:400px; font:normal 1.8em "Trebuchet MS"; text-decoration:underline; float:left;}
.foto-receita-detalhes .box-tit-receita span{ position:absolute; top:92px; right:350px;}
.foto-receita-detalhes .box-tit-receita span a{ color:#fc0; text-decoration:underline;}
.foto-receita-detalhes .box-tit-receita .icos{ margin:7px 0 0 0; clear:both; position:absolute; top:115px; right:350px;}
.foto-receita-detalhes .box-tit-receita .icos img{ margin-right:7px;}

#all-ingrediente-preparo{margin-top:10px; clear:both; float:left;}
.all-ingrediente h3, .all-preparo h3,
.all-ingrediente h4, .all-preparo h4{ margin:15px 0 0 0; font-size:16px; }

.box-ultimas-receitas{padding:0 0 10px 0; width:295px; float:right;}
.box-ultimas-receitas .box-receita{padding:15px; background:#133A57; -moz-box-shadow: 0 0 7px #000; -webkit-box-shadow: 0 0 7px #000; box-shadow: 0 0 7px #000;  width:265px !important; height:auto !important;}
.box-ultimas-receitas .mais a{ color:#fff;}

#box-indica-receita{ padding:15px; width:340px; background:#133A57; border:1px #006699 solid; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow: 1px 2px 4px #111; -webkit-box-shadow: 1px 2px 4px #111; box-shadow: 1px 2px 4px #111; position:absolute; top:160px; left:208px; display:none;}
#box-indica-receita p.fechar{ float:right;}
#box-indica-receita p.fechar a{}

/* Lista informativos */
fieldset.box-select{margin:5px 0; padding:8px 5px; }
.listas-inf h4.tit-h4{ margin:0 !important; }
.listas-inf h4.tit-h4 a{padding:0 !important; background:none !important;}
.listas-inf h4.tit-h4 span{color: #CC9900; font-size:0.9em; text-decoration:none !important;}
.listas-inf dd{ padding:12px 0; border-bottom:1px #CCC dotted; width:928px; float:left;}
.listas-inf dd p a{ line-height:18px;}
.listas-inf dd img{margin-right:8px; float:left;}

/* Detalhes informativo */
.tit-h1{margin-top:14px; font-size:1.4em; text-decoration:underline;}
.date{color: #CC9900; font-weight:bold;}
.detalhes-tx-foto{padding-top:10px;}
.detalhes-tx-foto a{ text-decoration:underline; color:#97D8FF !important;}
.detalhes-tx-foto a:hover{ text-decoration:none !important;}
.detalhes-tx-foto .foto{margin-right:10px; padding:4px 0; width:215px; background:#f9f9f9 url('../images/bg_legenda.jpg') repeat-x bottom; -moz-box-shadow: 1px 2px 4px #111; -webkit-box-shadow: 1px 2px 4px #111; box-shadow: 1px 2px 4px #111; text-align:center; float:left;}
.detalhes-tx-foto .foto small{ padding:0 4px; font-family:Arial, Helvetica, sans-serif; line-height:1.0em; color:#333;}
.detalhes-tx-foto p.fonte{ margin-top:5px; clear:both;}

/* Mais informativos */
ul.list{ margin-left:15px;}
ul.list li{ padding:2px 0; border-bottom:1px #CCC dotted; list-style:disc;}
ul.list li a{ color:#fff;}

/** Representantes **/
.repres_mapa{ width:345px; height:315px;  background: url('../images/mapa.png') no-repeat; float:left;}
.repres_texto{margin-top:20px; padding:80px 20px 20px 20px; width:250px; height:200px; min-height:200px; background:#133A57; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; -moz-box-shadow: inset 0 1px 10px #222; -webkit-box-shadow: inset 0 1px 10px #222; box-shadow: inset 0 1px 10px #222; float:left;}
.repres_executivo{ width:272px; height:336px;  background: url('../images/bg_representante.png') no-repeat; float:right;}

/* Paginação */
.pages{padding:10px 0; width:980px; clear:both; float:left;}
.pages p{padding:0!important;}
.pages dt{display:none;}
.pages dl{padding:7px 0;}
.pages dd{padding:0 2px!important; float:left;}
.pages dd a, .pages dd b{padding:3px 8px; background: #003357; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;  font-weight:bold; color:#fff; text-decoration:none; float:left;}
.pages dd a:hover, .pages dd b{padding:3px 8px; background:#E89F0B; -moz-box-shadow: 0 0 5px #111; -webkit-box-shadow: 0 0 5px #111; box-shadow: 0 0 5px #111; color:#fff;}
.pages dd.ant a, .pages dd.prox a{padding:3px!important; background:#fff!important; color:#000!important;}
.pages dd.ant a:hover, .pages dd.prox a:hover{color:#c00!important;}




/******** FORMS ********/
.forms label{padding:4px 0; display:block;}
.forms label span{ display:block;}
.forms label span b{ color:#f00; font:12px Verdana, Arial, Helvetica, sans-serif;}
.forms label.label-bt{margin-left:90px;}

input[type=text], input[type=submit], input[type=reset], textarea, select{padding:3px 4px; background:#D2EEFF; border:1px #e9e9e9 solid; -moz-box-shadow: inset 0 1px 4px #999; -webkit-box-shadow: inset 0 1px 4px #999; box-shadow: inset 0 1px 4px #999; font:1.0em Arial, Helvetica, sans-serif; -moz-border-radius:3px; -webkit-border-radius:3px;}
.forms input[type=text]:hover, .forms  input[type=text]:focus, textarea:hover, textarea:focus{ background:#fff;}
select{ font:1.0em "Trebuchet MS";}
option{padding-left:3px; border-bottom: 1px #e9e9e9 solid;}

input[type=submit].bt, input[type=reset].bt{padding:0 !important; width:4.8em; height:2.2em; border:1px #CA9F0A  solid; !important; -moz-box-shadow: inset 0 1px 4px #CC6600; -webkit-box-shadow: inset 0 1px 4px #CC6600; box-shadow: inset 0 1px 4px #CC6600; color:#000; font:1.0em "Trebuchet MS"; font-weight:bold; background:#FED223;}
input[type=submit].bt:hover, input[type=reset].bt:hover{background:#CA9F0A; -moz-box-shadow: 0 0 5px #000; -webkit-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; cursor:pointer;}

#loading_indique{padding:2px 4px; background:#009900; color:#fff; font-weight:bold; display:none;}

.contato-end{width:300px; position:absolute; top:160px; right:28px;}
.contato-end h3{padding:7px 0 0 0;  font-size:130% !important; color: #fff; }
.contato-end h3 span{color: #fc0;}
.contato-end address{padding-top:10px; font-weight:bold; color:#fff; font-style:normal;}

.contato-mapa{ position:absolute; top:305px; right:28px;}

#erro{display:none;}
#erro h4{margin:0; border:0; width:auto; padding:4px 6px; font:bold 12px Arial, Helvetica, sans-serif; color:#FFF; background: #fc0;}
#erro p.er{padding:8px; background:#F2F2F2; color:#000; text-shadow: #000 0px 0px 0px; clear:both; border:0;}
p.erro{color:#c00;}

/********MAPA DO SITE*******/
#mapadosite{}
#mapadosite ul{ padding:15px 10px;}
#mapadosite li{ margin-left:18px; line-height:20px; list-style:disc; color:#fc0} 
#mapadosite li a{ color:#fff; text-decoration:underline;}


/******** FOOTER ********/
#footer{margin-top:18px; padding:15px 15px 0 15px; width:950px; height:87px; color:#fff; font-size:0.9em; background: url('../images/bg_footer.png'); float:left; position:relative; clear:both;}
#footer .vcard address{ font-style:normal;}
#footer .vcard a{ text-decoration:underline;}
#footer .by{ font-size:0.9em; position:absolute; top:8px; right:18px;}
#footer .by a{ text-decoration:underline;}
#footer .copy{ font-style:normal; font-size:11px; position:absolute; top:13px; right:200px;}
