/*  
 Description: CSS for template.
 < Please exclude >
 - navigation styles: use /nav.css
 - image with text: use /[language-country].css
 */
/* Reset & Navigation */
@import url("reset.css");

html {
    height:100%;
    background: url(../img/bg-externo.gif) top center repeat-x;
}

body {
    height:100%;
    margin:0 auto;
    min-width:1000px;
    padding:0;
    font-family: "Trebuchet MS", Tahoma;
    font-size:12px;
    color:#5b543a;
    background:url(../img/bg-interno.jpg) top center no-repeat;
}

div#bg-interno {
    min-height: 100%;
	height: 100%;
	height: auto;
}

div#bg-interno {
    background:url(../img/bg-interno.jpg) top center no-repeat;
    width:100%
}

div#root {
    position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #root {
	height: auto;
}

    div#root div#center {
        _position:relative;
        height:100%;
        margin:0 auto;
        vertical-align:middle;
        width:1000px;
    }

    div#root div#header {
        float:left;
        width:1000px;
        clear:both;
        float:left;
        text-align:left;
        position:relative;
        height:166px;
        z-index:2;
    }
    
    	div#root div#header h1 {
    		width:135px;
    		height:110px;
    		position: absolute;
    		top: 55px;
    		left: 435px;
    		
    	}
    		div#root div#header h1 a {
				background: url(../img/logo.png) no-repeat;
    			behavior: url(css/iepngfix.htc);
    			cursor: pointer;
				width:135px;
    			height:110px;
    			display: block;
    		}
    		
    div#root div#page {
        text-align: left;
	    float:left;
	    width:1000px;
	    clear:both;
	    padding-bottom:40px;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        z-index:1;
    }
    
	    body#home div#root div#page h2 {
    		background: url(../img/platinum.jpg) no-repeat;
    		width:600px;
    		height:395px;
    		margin: 0 auto;
	    }    
	    
	    div#root div#page h4 {
    		background: url(../img/txt/nossos-produtos.gif) no-repeat;
    		width:1000px;
    		height:45px;
    		margin: 0 auto;
	    }   	
	    
	    div#root div#page div#info,
	    div#root div#page div#contato {
	    	float: left;
	    	display: inline;
	    	margin-top:20px;
	    }
	    
	    div#root div#page div#info {
    		background: url(../img/bg-info.gif) no-repeat;
    		width:469px;
    		height:161px;
    		margin-left:67px;
    		padding: 11px 0 0 35px;
	    }   
	    
		    div#root div#page div#info div.titulo {
	    		background: url(../img/txt/basta.gif) no-repeat;
	    		width:306px;
	    		height:19px;
	    		margin-bottom:9px;
		    }   	
		    
		    div#root div#page div#info div.descricao {
	    		background: url(../img/txt/reunimos.gif) no-repeat;
	    		width:443px;
	    		height:110px;
		    }  		        
	    
	    div#root div#page div#contato {
    		background: url(../img/bg-contato.gif) no-repeat;
    		width:307px;
    		height:162px;
    		margin-left:9px;
    		padding: 10px 14px 0 23px;
	    }  	    	        		
	    
			div#root div#page div#contato div {
				float: left;
				display: inline;
			}
		    
			div#root div#page div#contato div.titulo {
	    		background: url(../img/txt/sac.gif) no-repeat;
	    		width:37px;
	    		height:16px;
	    		margin-bottom:13px;
		    }   	    
		    
		    div#root div#page div#contato div.descricao {
	    		background: url(../img/txt/enorme-prazer.gif) no-repeat;
	    		width:293px;
	    		height:27px;
	    		margin-bottom:16px;
		    }   
		    
		    div#root div#page div#contato div.telefone {
	    		background: url(../img/txt/telefone.gif) no-repeat;
	    		width:111px;
	    		height:15px;
	    		margin-bottom:9px;
		    }   	
		    
		    div#root div#page div#contato div.horario {
	    		background: url(../img/txt/horario.gif) no-repeat;
	    		width:147px;
	    		height:44px;
		    }  
		    
		    div#root div#page div#contato div.endereco {
	    		background: url(../img/txt/endereco.gif) no-repeat;
	    		width:119px;
	    		height:30px;
	    		margin-bottom:6px;
	    		float: right;
		    }  	
		    
		    div#root div#page div#contato div.link,
		    	div#root div#page div#contato div.link a {
		    		background: url(../img/txt/link.gif) no-repeat;
		    		width:125px;
		    		height:13px;
		    		float: right;
		    }  	
		    
		    div#root div#page div#contato div.link a {
	    		background: none;
		    	display:block;
		    }  			    		    		    	    	    		    
    
    div#root div#footer {
        background:url(../img/bg-footer.gif) bottom center repeat-x;
        padding-top:17px;
        margin-top:-36px;
        height:19px;
	    text-align: left;
	    float:left;
	    width:100%;
	    clear:both;
	    z-index:2;
	    position: absolute;
		bottom: 0;
    }
    
		div#root div#footer ul {
		    margin:0 auto;
		    width:600px;
		    padding-left:330px;
		}
		
			div#root div#footer ul li  {
			    display:inline;
			    border-right: 1px solid #ac4e4d;
			    line-height:17px;    
			}
		
				div#root div#footer ul li a {
				    color: #fff;
				    text-decoration:none;
				    font-size:10px;
				    padding:0 25px;
				}    

    div#root div#pre-footer{
        _float:left !important;
        height:1px !important;
        width:100% !important;
        z-index:50 !important;
        position:relative !important
    }
    
	 #headerBrands,#headerBrandsSwf, #headerBrandsSw
	 {
	     height:76px;
	 }
	 
	 div#root div#page img#foto-produto {
	 	border: 4px solid #94bac2;
	 	width: 321px;
	 	height: 321px;
	 	margin: 61px 0 0 106px;
	 	float: left;
	 }
	 
	 div#root div#page img#montagem-produtos {
	 	width: 313px;
	 	height: 141px;
	 	behavior: url(css/iepngfix.htc);
	 	float: left;
	 	display: inline;
	 	margin: 69px 0 0 106px;
	 }	 
	 
	 div#root div#page div#info-gerais,
	 div#root div#page div#info-nutri {
	 	width: 454px;
	 	float: right;
	 	display: inline;
	 }
	 
	 div#root div#page div#info-gerais {
	 	background:url(../img/bg-info-gerais.gif) no-repeat;
	 	width: 429px;
	 	height: 202px;
	 	margin: 61px 94px 0 0;
	 	padding:25px 0 0 29px;
	 	float: right;
	 	display: inline;
	 }	 
	 
 	div#info-gerais h2 {
	 	font-family: "Trebuchet MS", Arial;
	 	font-size: 24px;
	 	font-weight: bold;
	 	color: #d22a2a;
	 	margin-bottom: 5px;
	 }	
	 
 	div#info-gerais p {
	 	margin-bottom: 15px;
	 }		 
	 
	 div#info-gerais td {
		width: 210px;
		height: 25px;
		_height: 22px;
		vertical-align: middle;
		font-family: arial;
		font-size: 16px;
		font-weight: bold;
		color: #5e5e5e;		
		background-repeat: no-repeat;
	}
	 
	td#conservacao 		{ background:url(../img/txt/conservacao.gif); }
	td#validade 		{ background:url(../img/txt/validade.gif); }
	td#peso-embalagem 	{ background:url(../img/txt/peso-embalagem.gif); }
	td#peso-caixa 		{ background:url(../img/txt/peso-caixa.gif); }	
	td#quantidade 		{ background:url(../img/txt/quantidade.gif); }		
	
	 div#root div#page div#info-nutri {
	 	background:url(../img/bg-info-nutri.gif) no-repeat;
	 	margin-right: 98px;
	 	width: 454px;
	 	height: 198px;
	 	padding: 13px 0 0 0px;
	 }	 
	 
	 div#page div#info-nutri h3 {
	 	background:url(../img/txt/info-nutri.gif) no-repeat;
	 	width: 183px;
	 	height: 16px;
	 	margin: 0 0 17px 25px;
 	
	 }
	 
	 div#info-nutri table {
	 	width: 443px;
	 	margin-left:5px;
	 	float: left;
	 	display: inline;
	 }
	 
		 div#info-nutri th {
		 	height: 19px;
		 	_height: 14px;
		 	background-repeat: no-repeat;
		 	/*text-indent: -5000px;*/
		 	border-bottom:1px solid #dde8e5;
		 	color: #94BAC2;
		 	font-size:14px;
		 	font-weight:bold;
		 }
	 
		 th#porcao 				{ width:206px; padding-left:16px; }
		 th#quantidade-nutri 	{ width: 95px; text-align: right; }
		 th#vd 					{ width: 119px; text-align: right; padding-right:23px; }
		 
		 div#info-nutri td {
		 	font-family: arial;
			font-weight: normal;
		 	font-size: 11px;
		 	padding: 2px 0;
			line-height: 12px;
			*line-height: 10px;
			_line-height: 10px;
		 	color: #666666;
		 }
		 
		div#info-nutri td.primeira {
		 	padding-top:10px
		}
		 
		div#info-nutri td.um {
		 	padding-left:18px;
		}
		 
		div#info-nutri td.dois,
		div#info-nutri td.tres {
			color: #8d8d8d;
			text-align: right;	
		 }
		 
		div#info-nutri td.tres {
			padding-right: 27px;
		}
		 
	div#root div#page ul#mycarousel a {
		margin-top:5px;
		display: block;
		font-style: normal;
		color: #4c696f;
		text-decoration: none;
	}
	
	div#root div#page div#nutri-obs {
		background:url(../img/txt/nutri-obs.gif) no-repeat;
	 	width: 405px;
	 	height: 57px;
	 	float: left;
	 	margin: 20px 0 0 30px;
	}
	
	em { 
		display: block;
		font-style: normal;
	}

/*classes util*/
.t2i,
div#nutri-obs,
div#info-nutri h3,
div#info-gerais td#conservacao,
div#info-gerais td#validade,
div#info-gerais td#peso-embalagem,
div#info-gerais td#peso-caixa,
div#info-gerais td#quantidade,
div#page div#contato,
div#page div#info,
div#header h1,
body#home div#page h2,
div#page h4 {
	text-indent: -5000px;
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	font-size: .1pt;
}

.clear{
	clear: both;
	line-height:1px !important;
	height:1px !important;
	float:none !important;
	border:none !important;
	font-size:0 !important;
	background:none !important;
}
.no-reflect{
	display:block !important;
	float:left !important;
	height:1px !important;
	margin:0px !important;
	margin-top:-1px !important;
	position:relative !important;
}
.no-reflect .this{
	position:absolute !important;
}

.content_all {width: 1000px;}

.fleft, .content_left, .content_center, .content_all{
	float: left !important;
}
.fright, .content_right{
	float: right !important;
}
.reset_p{
	padding: 0 !important;
}
.reset_m{
	margin: 0 !important;
}
.reset_h{
	height: auto !important;
}
.reset_bg{
	background:none !important
}
.reset_bd{
	border:none !important
}


/* Scroll */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	padding-right: 17px;
}

.jScrollPaneTrack {
	position: absolute !important;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #b38380;
}
.jScrollPaneDrag {
	width: 14px;
	height: 42px !important;
	position: absolute;
	background: #b7221b;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}


#termosScroll, #politicaScroll
{
    height:525px;
    width:328px;
    font-size:11px;
    color:#665e43;
}

#termosScroll h2, #politicaScroll h2
{
    font-size:14px;
    color:#b7221b;
    font-weight:bold;
    margin-bottom:10px;
}

#termosScroll h3, #politicaScroll h3
{
    font-size:11px;
    color:#b7221b;
    font-weight:bold;
}