@import url("reset.css");
@import url("menu.css");
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Geral																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

* ul li a{ height:1%; }
html{
	background:#3f7382 url(../imagens/index-bg1.gif) repeat-x center top;
	/* 3f7382 */
}
body{
	background:url(../imagens/index-bg2.jpg) no-repeat center top;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
a{
	color:#fff;
}
a:hover{
	text-decoration:none;
}
p{ margin:0 0 11px 0;}

.hide{ display:none; }
.show{ display:block; }

#geral{
	margin:0 auto;
	overflow:hidden;
	width:754px;
}
h1{
	line-height:0;
	margin:5px 2px 8px 0px;
	text-align:right;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Box 1																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#box1{
	height:155px;
	overflow:hidden;
	position:relative;
}
#box1 h2{
	font-size:32px;
	font-weight:bold;
	margin:13px 0 4px 300px;
}
#box1 p{
	font-size:20px;
	margin:0 0 10px 300px;
}
#box1 a{
	margin-left:300px;
}
#box1 #flash_brilho{
	height:88px;
	position:absolute;
	right:35px;
	top:53px;
	width:192px;
}
.distribuidores {
	padding:2px 2px 2px 2px; 
	border:solid 1px #a5bdc4;
	line-height:20px;
	text-decoration:none;
}
.distribuidores:hover { text-decoration:underline; }
/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	boxes																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#boxes{
	height:178px;
	overflow:hidden;
	position:relative;
	width:754px;
}
#boxes a.registro{
	font-size:16px;
	font-weight:bold;
	position:absolute;
	left:95px;
	top:6px;
}
#emailLink{
	bottom:3px;
	left:122px;
	position:absolute;
}
#emailLink div{
	background:url(../imagens/emailIcon.png) no-repeat 0 0;
	float:left;
	height:18px;
	margin-right:5px;
	width:22px;
}
#emailLink a{
	font-size:11px;
	line-height:18px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Flash																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#flash{
	background:url(../imagens/ceta-siclo.png) no-repeat 0 0;
	left:54px;
	height:103px;
	position:absolute;
	top:36px;
	width:95px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Box 2																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#box2{
	height:129px;
	left:148px;
	position:absolute;
	top:40px;
	width:89px;
}
#box2 h2{
	font-size:14px;
	font-weight:bold;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Box 3																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#box3{
	background:#5e8a96;
	height:87px;
	left:252px;
	padding:5px 10px;
	position:absolute;
	top:4px;
	width:180px;
}
#box3 h2{
	font-size:11px;
	font-weight:bold;
	margin-bottom:1px
}
#box3 p{
	margin-bottom:2px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Box 4																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#box4{
	background:#5e8a96;
	height:60px;
	left:252px;
	padding:5px 10px;
	position:absolute;
	top:104px;
	width:180px;
}
#box4 h2{
	font-size:11px;
	font-weight:bold;
	margin-bottom:1px
}
#box4 p{
	margin-bottom:2px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Box 5																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#box5{
	background:#578592 url(../imagens/index-bg3.jpg) no-repeat right top;
	height:150px;
	left:458px;
	margin:0;
	padding:20px 100px 0 15px;
	position:absolute;
	top:4px;
	width:178px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*\
|	Rodapé																		|
\*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

#rodape{
	line-height:36px;
	margin-top:6px;
}
#rodape p{
	float:left;
}
#rodape ul{
	float:right;
}
#rodape ul li{
	display:inline;
	padding-left:5px;
}