@charset "utf-8";
/* CSS Document */

h1,h2,h3{
margin: 0px;
font-size:12px;
}

body  {
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#333333;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	float:none;
}

#main_content {
width:784px;
margin:30px auto;
height:541px;
background-color:#FFFFFF;
float:none;
}

.header{
width:100%;
height:126px;
background-image:url(../img/header.jpg);
float:none;
}

.mapa_icon{
float:right;
width:12px;
height:12px;
margin-top:107px;
margin-right:15px;
}

.mail_icon{
float:right;
width:12px;
height:12px;
margin-top:108px;
margin-right:30px;
}


.menu{
width:140px;
float:left;
height:346px;
background-color:#FFFFFF;
padding-top:4px;
padding-bottom:4px;
}

.content{
float:right;
width:640px;
margin:0 auto;
background-color:#FFFFFF;
height:346px;
_margin-top:-350px;

}

.footer{
width:784px;
margin:auto;
background-color:#FFFFFF;
height:69px;
clear:both;
background-image:url(../img/footer.jpg);
float:none;
}

.texto_fundo A:link {text-decoration: none; color:#666666; }
.texto_fundo A:visited {text-decoration: none; color:#666666;}
.texto_fundo A:active {text-decoration: none; color:#666666;}
.texto_fundo A:hover {text-decoration: underline; color:#666666;}

.texto_fundo{
width:auto;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
text-align:left;
color:#666666;
padding-top:28px;
margin-left:22px;
float:none;
}

.produtos{
text-align:left;
padding:4px;
width:auto;
}

/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/


#popup { color:#FFFFFF; background-color:#FFFFFF; background-image:url(../img/marcas.png); height:300px; margin-top:-30px; *margin-top:0px; _margin-top:0px; }

#popup a, #popup a:visited {

position: relative;
display: block;
width:170px;
text-align:left;
padding: 0;
margin: 0;
border: 0px solid #000;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}

#popup a span {display: none; margin:0; padding:0; border:0;}

#popup a:hover { background-color: #FFFFFF; margin:0; padding:0;}

/* the IE correction rule */
#popup a:hover	{
color: #000000; text-indent: 0; text-decoration:underline; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top:0px;
left:170px;
width:140px;
height:auto;
margin:0px;
padding:0px;
color:#FFFFFF;
font-weight: normal;
background:#FFFFFF;
text-align: left;
border: 0px solid #000;
}

#popup a:link{
color:#0066CC;
}

#popup a:visited{
color:#0066CC;
}



.contactos{
text-align:left;
padding-left:6px;
font-size:10px;


}

/* CSS para box de conteudos - Sample 8*/

#cont{
	padding-left: 10px;
	padding-top:10px;

	text-align:left;
	width:auto;
	height:auto;
	
}

#box8{
	position:absolute;
}
#box8 div{
	width:630px;
	float:left;
	height:auto;
}
/*#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
*/

.mask1{
	position:relative;
	width:630px;
	height:346px;
	overflow:hidden;

}
.mask2{
	position:relative;
	width:630px;
	height:346px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:630px;
	height:346px;
	overflow:hidden;
}


.buttons_div{

}
.buttons{
width:auto;
position:relative;
margin-top:-17px;
float:none;
text-align:center;
height:auto;

}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}
/* ********************************** */

.opti{
color:#FFFFFF;
font-size:9px;
}

.opti a:link{
color:#FFFFFF;
}

.opti a:hover{
color:#FFFFFF;
}

.opti a:visited{
color:#FFFFFF;
}

/* Provitis HOVER POPUP LINKS*/

/* Provitis hoverpopups type 1*/


#provitis { color:#FFFFFF; background-color:#FFFFFF; }

#provitis a, #provitis a:visited {

position: relative;
display: block;
width:240px;
text-align:left;
padding: 0;
margin: 0;
border: 0px solid #000;
text-decoration: none;
font-size: 12px;
font-weight:bold;
}

#provitis a span {display: none; margin:0; padding:0; border:0;}

#provitis a:hover { background-color: #FFFFFF; margin:0; padding:0;}

/* the IE correction rule */
#provitis a:hover	{
color: #000000; text-indent: 0; text-decoration:underline; /* added the default value */
}

#provitis a:hover span{
display: block;
position: absolute;
top:-90px;
_top:70px;
*top:-70px;
left:240px;
width:140px;
height:auto;
margin:0px;
padding:0px;
color:#FFFFFF;
font-weight: normal;
background:#FFFFFF;
text-align: left;
border: 0px solid #000;
}

#provitis a:link{
color:#0066CC;
}

#provitis a:visited{
color:#0066CC;
}