* {
  margin: 0;
  padding: 0;
 
}
html, body {
	height: 100%;
}

body  
{
	width: 100%;
	height:100%;
	font: 13px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #7b838e;
}

#container { 
	width: 980px;
	display:block;
	min-height: 100%;
	float:left;
	left: 50%;
	margin-left: -490px;
	padding-top: 21px;
	position:relative;
} 
#banner { 
	height: 341px;
	text-indent: -99999px;	
} 
#header{
	width: 980px;
	height: 75px;

} 
#mainContent {
	width: 980px;
	height: auto;
	background-color:#FFFFFF;
	float: left;
	display: block;
	padding-bottom:30px;	 
} 
#mainContent p {
	margin: 20px 0 30px 0;
	line-height: 15px; 
}


#mainContent p.txtreferencia{
position:relative;
display:block;
clear:both;
padding: 5px 0 0 0;
font-size:11px;}

#mainContent p.fontes {
	margin: 20px 0 30px 0;
	line-height: 15px;
	height: 80px; 
}
#mainContent span.green {
	color: #568563;
	font-size:14px;
	font-weight:bold;
} 
#mainContent .sidebar1 {
	float: left;
	width: 418px; 
	background:  #FFF url(../images/bg_menu.jpg) no-repeat;
}
#mainContent .sidebar1 .logoFestival {text-align:center; margin:15px auto;}
#mainContent .colunadir{
	width: 525px;
	height:100%;
	float:left;
	margin: 15px 0 0 10px; 
}
#mainContent .colunadir a{
	color: #7b838e;
	text-decoration:none;
	font-weight: bold;	
}
#mainContent .colunadir a:hover{
	text-decoration:underline;	
}
#mainContent .colunadir a.linkprimeira{
	color: #568563;
	text-decoration:none;
	font-weight: bold;	
}
#mainContent .colunadir a.linkprimeira:hover{
	color: #7b838e;
	text-decoration:underline;	
}

#mainContent .colunadir .curiosidades
{
	width: 500px;
	height: 145px;
	border: 1px solid #ade4bc;
	background-color:#dcf4e2;
}
#mainContent .colunadir .curiosidades p
{
	width: 450px;
	height: 80px;
	color: #5fa873;
	margin-left: 20px;
}
#mainContent .colunadir .fazparte
{
	width: 500px;
	height: 184px;
	border: 1px solid #ade4bc;
	background-color:#dcf4e2; display:inline; float:left;
}
#mainContent .colunadir .fazparte p
{
	width: 450px;
	height: 80px;
	color: #5fa873;
	margin-left: 20px;
}
#mainContent .colunadir .fazparte2
{
	width: 500px;
	height: 95px;
	border: 1px solid #ade4bc;
	background-color:#dcf4e2; margin-top:20px; display:inline; float:left;
}
#mainContent .colunadir .fazparte2 p
{
	width: 450px;
	height: 80px;
	color: #5fa873;
	margin-left: 20px;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*SUB NAV SUPERIOR*/
#mainSubNav{
	width: 306px;
	height: 54px;
	list-style:none;
	display:block;
	float:right;

}
#mainSubNav ul{
	width: 306px;
	height: 54px;
	color: #000;
	font-size: 11px;
	list-style:none;
}
#mainSubNav ul li
{
	float: left;
}

#mainSubNav ul li a{
	display: block;
}


#mainSubNav ul li.parquemenu a{
	width: 81px;
	height: 54px;
	background: url(../images/subnavparque.gif) no-repeat;
	cursor: pointer;
	display: block;	
	text-indent: -99999px;
}
#mainSubNav ul li.parquemenu a:hover{background-position: 0px -54px;}
#mainSubNav ul li.cidademenu a{
	width: 81px;
	height: 54px;
	background: url(../images/subnavcidade.gif) no-repeat;
	cursor: pointer;
	display: block;	
	text-indent: -99999px;
}
#mainSubNav ul li.cidademenu a:hover{background-position: 0px -54px;}
#mainSubNav ul li.produtosmenu a{
	width: 77px;
	height: 54px;
	background: url(../images/subnavprodutos.gif) no-repeat;
	cursor: pointer;
	display: block;	
	text-indent: -99999px;
}
#mainSubNav ul li.produtosmenu a:hover{background-position: 0px -54px;}

/*
body.parque .parquemenu{display:none;}
*/

#logoexterno{
	position: absolute;
	left: 50%;
	z-index: 2;
	width: 100px;
	height: 83px; 
	background: url(../images/logo-leao.png) no-repeat;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logo-leao.png', sizingMethod='crop');
	border: 1px solid red;
	display:  none;
}
/* box destaques */
.boxPicLeft{
	float: left;
	width:157px;
	height: 117px;
	margin: 20px 20px 20px 20px;
	text-indent: -99999;
}
.boxConteudo{
	font-size: 11px;
}
.boxConteudo a{
	display: block;
	clear: both;
	color:#F00;
	float: right;
}
.boxConteudo a span, .boxConteudo a:hover span{
	background-color: #F00;
	float: left;
	margin-right: 5px;
	width: 10px;
	text-decoration:none;
}

/* LOGO SÃO LOURENÇO - RODAPÉ DAS INTERNAS */

.logosaoloureco{
	background-image:url("/portalnestle/ParquedasAguas/images/logo_saolourenco_PQ.png");
	_background-image:url("/portalnestle/ParquedasAguas/images/logo_saolourenco_PQ_internas.gif");
	background-position:center top;
	background-repeat:no-repeat;
	height: 90px;
	width:100%;
	float:left;
	margin-top: -115px;
	}

#bannerflash{
	height: 341px;
	bannerflash
}

#box-nova-agua {
	background-image:url(../images/bg-box.png);
	width: 421px;
	height: 159px;
	margin-left: 50px;
	color: #FFF;
}

.align-img-bottle {
	float: left;	
	margin-left: 8px;
	margin-top: 2px;
}

.txt-box {
	float: left;
	margin-top: 15px;
}

.btn_vejamais a{
	background-image: url(../images/btn_vejamais.png);
	width: 198px;
	height: 45px;
	float: left;
	overflow:hidden;
	text-indent: -1000px;	
	margin-left: 55px;
	margin-top: 20px;
	cursor: pointer;
	color: #00984d;
}


.btn_vejamais:hover a{
	background-position: bottom;
	list-style: none!important;
	color: #00984d;
	text-decoration: none!important;
	overflow:hidden;
	text-indent: -1000px;	
	cursor: pointer;
}

