body{
	padding:0;
	margin:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
.clear{font-size:1px; height:0; clear:both; }

/* Topo*/
#topo_geral{
	position:relative;
	width:920px;
	height:85px;
	margin:auto;
}
#img_topo{
	position:relative;
	clear:both;
	width:100%;
	height:185px;
	background:url(../images/fundo_topo_geral.jpg) center;
}
#corpo_img_topo{position:relative; width:920px; height:166px; margin:auto;}

.matap{background: url(../images/top_matap.jpg) no-repeat center top;}
.multicon{background:url(../images/top_multicon.jpg) no-repeat center top;}
.calculi{background:url(../images/top_calculi.jpg) no-repeat center top;}
.proworkers{background:url(../images/top_proworkers.jpg) no-repeat center top;}
.prorio{background:url(../images/top_prorio.jpg) no-repeat center top;}
.pereira{background:url(../images/top_pereira.jpg) no-repeat center top;}
.growtech{background:url(../images/top_growtech.jpg) no-repeat center top;}
.prector{background:url(../images/top_prector.jpg) no-repeat center top;}
.bang{background:url(../images/top_bang.jpg) no-repeat center top;}

/* MENU Geral*/
#topo_geral ul{
	position:relative;
	float:left;
	padding:20px 0 0 0;
}
#topo_geral ul li{
	position:relative;
	padding:4px 8px 4px 8px;
	width:auto;
	float:left;
	padding:15px;
}
#topo_geral li a{
	color:#999;
	text-decoration: none;
	text-transform: uppercase;
}
#topo_geral li a:hover{color:#FF0000;}

#topo_geral li .red{color:#FF0000;}
#topo_geral li .red:hover{color:#000;}

/* Corpo Geral */
#container{
	position:relative;
	width:100%;
	background:url(../images/bg_container.jpg) no-repeat top;
}
#container #corpo{
	position:relative;
	width:920px;
	margin:auto;
}
/* Rodape */
#rodape{
	position:relative;
	width:920px;
	height:76px;
	margin:auto;
	background:url(../images/fundo_rodape-trans.png) no-repeat;
}
#rodape ul{
	position:relative;
	float:left;
	padding:8px 0 0 0;
}
#rodape ul li{
	position:relative;
	padding:4px 15px 4px 15px;
	width:auto;
	float:left;
}
#rodape li a{
	font-size:12px;
	color:#999;
	text-decoration:none;
	text-transform: uppercase;
}
#rodape li a:hover{color: #666;}

.copyright{float:right; font-size:11px; color:#999; padding:10px; text-align:right;}

/* home */
.titulo{
	position:relative;
	width:100%;
	height:90px;
}
.titulo img{
	float:left;
}
.titulo .t{
	margin:0 10px 0 107px;
	background: url(../images/bg_titulo-trans.png) right no-repeat;
	border-bottom:#CCC 1px solid;
	position:relative;
	text-transform:uppercase;
	padding:40px 0 2px 5px;
	color:#F00;
	font-size:22px;
}
.titulo .link{		color:#CCC; font-size:18px; cursor:pointer; }
.titulo .link:hover{color:#999;}

.b1,.b2,.b3,.corpo_empresas{
	position:relative;
	margin-bottom:20px;
}
.b1 img{
	float:left;
	position:relative;
}
.b1 .texto{
	position:relative;
	width:450px;
	margin:0 0 0 435px;
	padding:0 0 0 20px;
	right:0px;
	color:#666666;
	font-size:14px;
	line-height:25px;
	border-left:1px #CCC solid;
	text-align:justify;
	text-indent:20px;
}
.b3 .texto{
	position:relative;
	margin:0 10px 0 107px;
	color:#666666;
	font-size:14px;
	line-height:25px;
	text-align:justify;
	text-indent:20px;
}

.b3 .corpo_contato{
	position:relative;
	margin:0 10px 0 107px;
	color:#666666;
	font-size:14px;
}
	
#logos li{
	position:relative;
	width:277px;
	height:125px;
	float:left;
	margin:10px 10px 10px 16px;
	border:1px solid #e5e5e5;
	text-align:center;
	background-color:#FFFFFF;
}
#logos li a {
	position:relative;
	height:125px;
	width:277px;
	z-index:20;		/* z-index must be higher than .hover class */
	display:block;	/* display as block and set the height according to the height of the menu to make the whole LI clickable	*/
}
#logos li .hover{
	position:absolute;	/* must be postion absolute 	*/
	width:277px;	/*	width, height, left and top to fill the whole LI item	*/
	height:125px;
	background-color:#F5F5F5;
	border:1px solid #e5e5e5;
	left:-1px; 
	top:-1px;	
	z-index:0;		/* display under the Anchor tag	*/
	display:none;	/* hide it by default	*/
}
.corpo_empresas .img{
	position:relative;
	float:left;
	padding:10px;
	width:265px;
}
.corpo_empresas .conteudo{
	position:relative;
	margin:0 10px 0 289px;
	padding:10px 0 0 10px;
	color:#666666;
	font-size:14px;
	line-height:25px;
	text-align:justify;
	text-indent:20px;
	border-left:1px solid #CCC;
}

/* CONTATO */

.form_contato{
	position:relative; float:left; width:500px;
}
.form_contato #input{
	float:left;
	width:auto;
	position:relative;
}
.form_contato #label{
	float:left;
	width:auto;
}
.form_contato input{
	background-color: #f9f9f9;
	border:1px solid #e3e3e3;
	margin: auto;
	padding:2px;
	margin:0 0 15px 0;
}
.form_contato input:hover{
	background-color: #FFFFFF;
	border:1px solid #999999;
}

.form_contato label{
	text-align:right;
	display:block;
	padding:2px;
	margin:0 0 20px 0;
}

.form_contato textarea{
	border:1px solid #e3e3e3;
}
.form_contato textarea:hover{
	border:1px solid #999999;
}

.form_contato .btn1{
	padding:2px 10px 2px 10px;
	border: 1px solid #f9f9f9;
	background:#e3e3e3;
	cursor:pointer;
}
.form_contato .btn1:hover{
	padding:2px 10px 2px 10px;
	border: 1px solid #e3e3e3;
	background: #F00;
	color:#FFF;
}