/*comuns */
*{
	margin: 0;
	padding: 0;
	border: none;
	list-style:none;
	text-decoration:none;
}		
div, body *{
	font: 11px "Trebuchet MS", Arial;
	color: #3D3E29;
}
html,body{		
	height: 100%;
	text-align:center;
}	
html,body *{
	text-align:left;
}	
html {
	overflow: -moz-scrollbars-vertical;
}		
body{
	background: White url(/mf/imagens/img_bg_site.gif) repeat-x fixed;
}

a, a strong{
	text-decoration: none;
	color: #0066FF;
}	
a:hover, a:hover *{
	color: #ff0033;
	/*text-decoration:underline;*/
}		
b,strong, strong a, b a{
	/*font-weight:bold;*/
}	

strong{
	background: #F0E9D1;
	color:#535435;
	padding: 0 2px 0 2px;
	
}



/* comuns fim */

/* replace images */
#topo h1 a, #menu1 ul a, #menu2 li a, #titulo_destaque h2, #sabia h3, div.fotoZoom div.fechar a{
	text-indent:-5000px;
	overflow:hidden;	
	float:left;				
}	
/* fim replace images */		

#main{
	display: block;
	position:relative;
	width: 630px;
	margin:auto;
	background: #E5E5E5;
}
#datalheTopo1, #datalheTopo2{
	display:block;
	position: absolute;
	height: 28px;
	top:84px;
}	
#datalheTopo1{		
	left:-13px;		
	width: 13px;				
	background: url(/mf/imagens/men2_img_detalhe1.gif) no-repeat;
}
 #datalheTopo2{
	right:-4px;		
	width: 4px;
	background: url(/mf/imagens/men2_img_detalhe2.gif) no-repeat;
}		
#topo{
	display: block;
	height: 111px;
	background: url(/mf/imagens/img_bg_topo.gif) repeat-x;
}	
#topo a{
	outline: none;
}
#barra{
	float: left;
	width:336px;
}	
#topo h1 a{		
	width: 96px;
	height: 73px;		
	background: url(/mf/imagens/log_mf.gif) no-repeat bottom right;
	outline: none;
}	
#menu1{
	float:left;
	width: 222px;
	height: 75px;
	position: relative;
	background:  url(/mf/imagens/men_institucional.gif) no-repeat bottom right;				
}		
#menu1 li, #menu2 li{
	display: inline;
}
#menu1 ul a{		
	position:absolute;
	top: 60px;				
}	
#menu1Item1 a{
	width:61px;		
	right: 88px;
}	
#menu1Item2 a{
	width:70px;
	right:0px;
}		
#menu2{		
	display:block;	
	position:relative;
	width:336px;
	height:27px;
	margin-top:9px;
	background: url(/mf/imagens/men2_bg.gif) repeat-x;		
}	
#menu2 ul{	
	display:block;
	width:319px;
	height:18px;
	background: url(/mf/imagens/men_servicos.gif) no-repeat 21px 6px;
}	

#menu2 ul a{
	position:absolute;
	top:5px;
	height:12px;
}		
#menu2Item1 a{
	width:92px;		
	left: 21px;		
}	
#menu2Item2 a{
	width:48px;		
	left: 133px;
}	
#menu2Item3 a{
	width:114px;		
	left: 205px;
}			
#imgDestaqueA{
	float:right;
	width: 294px;
	height: 111px;
	background: url(/mf/imagens/img_destaque_a.jpg);	
}		
#conteudo{
	display:block;
	_height:305px;
	min-height:305px;
	background: url(/mf/imagens/img_bg_conteudo.gif) repeat-y;
}	
#titulo_destaque {
	display:block;
	height:47px;
}	
#titulo_destaque h2{
	width:200px;
	height:47px;
}	
#titulo_destaque #imgDestaqueB{
	float:right;
	width:294px;
	height:47px;
	background: url(/mf/imagens/img_destaque_b.jpg) no-repeat;
}

/* título h2 */
#titulo_destaque h2.sobre{
	background: url(/mf/imagens/tit_sobre.gif) no-repeat 17px 27px;
}	
#titulo_destaque h2.pelicula{
	background: url(/mf/imagens/tit_pelicula.gif) no-repeat 17px 27px;
}	
#titulo_destaque h2.servicos{
	background: url(/mf/imagens/tit_servicos.gif) no-repeat 17px 27px;
}
#titulo_destaque h2.fale{
	background: url(/mf/imagens/tit_fale.gif) no-repeat 17px 27px;
}
#titulo_destaque h2.clientes{
	background: url(/mf/imagens/tit_clientes.gif) no-repeat 17px 27px;
}			
/* título h2 fim*/

#centro {
	float:left;
	width: 405px;
}		
#centro h3{
	display:block;
	height:20px;
	margin-left:20px;	
	margin-top:4px;	
	margin-bottom:4px;		
	background: url(/mf/imagens/img_bg_tit3.gif) repeat-x bottom ;
	color:#337A97;
	font-weight: bold;
	/*border: 1px solid  red;*/		
}	

#centro h4{
	display:block;
	clear: both;
	height:18px;
	margin-left:20px;
	margin-top:20px;
	margin-bottom:4px;
	background: url(/mf/imagens/img_bg_tracejado.gif) repeat-x bottom ;
	color:#85642B;
	font-weight: bold;
}	

legend{
	position:relative;		
}

legend span{	
	position:absolute;
	left:0px;
	_left:14px;
	top: -20px;
	width:385px;
	
	display:block;
	height:18px;
	margin-bottom:4px;
	background: url(/mf/imagens/img_bg_tracejado.gif) repeat-x bottom ;
	color:#85642B;
	font-weight: bold;	
}

#centro p{
	padding-left:20px;
	margin-bottom:10px;		
}	

#centro dl dt{
	display:block;
	padding-left:20px;
	padding-top:6px;
	color:#85642B;
	font-weight: bold;
	/*border: 1px solid  red;*/
}
#centro ul{		
	padding-left:20px;
	margin-bottom:10px;	
}
#centro .lista1 li{		
	list-style: square inside !important;
}

#centro dl.fotoDL{
	clear:both;
	padding-left:20px;
}

#centro dl.fotoDL dt{
	padding-left:0px; /*sobreescreve definição anterior */
	padding-bottom: 4px;
	clear:left;
}

#centro dl.fotoDL dd{
	float:left;
	width:auto;
	/*border:1px solid blue;*/
	
}	

#centro dl.fotoDL dt.foto{
	float:left;
	padding-bottom: 8px;
	margin-right:10px;
}

#centro dl.fotoDL dt.foto img{
	border: 1px solid gray;
}


#centro dl.fotoDL dd.foto{
	width:208px;
	padding-bottom: 8px;
	/*border:1px solid blue;*/
}

#centro dl.fotoDL dd.descricao{
	width:175px;
}
#centro .auxilio_navegacao{
	clear:both;		
}

.clientes #centro dl.fotoDL dd.foto{
	width:94px;
	padding-bottom: 8px; /* já definido anteriormente */
}
.clientes #centro dl.fotoDL dd.descricao{
	width:291px;
}	
.clientes #centro p{
	clear: both;
}

.clientes #centro .link_fotos{
	display: block;
	clear: left;
	float: right;
	width: 40px;
	font-size: 9px;
	text-align:right;
	background: url(/mf/imagens/ico_fotos.gif) no-repeat 0 3px;
	margin-bottom: 8px;
	margin-left:200px;
	/*border: 1px solid red;*/
}


.clientes #centro #fotos_lista .fotos li{
	float:left;
}

.clientes #centro #fotos_lista .fotos li a{
	display: block;
	margin: 0 10px 12px 0px;	
}
.clientes #centro #fotos_lista li img{		
	display:block;
	overflow:hidden;
}

.clientes #centro .link_voltar{
	display: block;
	clear: both;
	float: right;
	width: 42px;
	font-size: 9px;
	text-align:right;
	background: url(/mf/imagens/ico_voltar.gif) no-repeat 0 5px;
	margin-bottom: 10px;
	padding-right: 12px;
	/*border: 1px solid blue;*/
}

.msgErro{
	font-weight:bold;
	background:none;
	color:black;
	
}

#centro #formFaleconosco{
	padding-left:20px;
	margin-top:30px;
}

#centro form{
	position:relative;				
}
#centro form p{
	padding-left:0;
}
#centro form dt{
	overflow:hidden;
	padding-left: 0;
	padding-top:0;
	width:80px; 
	float: left;
	clear:left;
}

#centro form dd{
	/*float:left;*/
	overflow:hidden;
	margin-bottom:4px;
	margin-right:3px;
}
#centro form em{
	color:red;		
}

#centro form .input_grupo{
	float:left;
}
#centro form .botao{
	display:block;
	margin-top:15px;
	padding-right:64px;		
}
#centro form #enviar{
	float:right;
	width:50px;
	text-align:center;
}	
input, select, textarea{
	border:1px solid #999999;
}	
input{
	padding: 0 4px;
	height:18px;
	border:1px solid #999999;
}	
textarea{
	padding: 0 4px;
}
select#assunto{
width:150px;
}	
#centro .contato{ clear:both;}		
#centro .contato .vcard .org, #centro .contato .vcard .country-name, #centro .contato .vcard .type{ display:none;}
#centro .contato .vcard p{ margin-bottom: 0px; }

#map{
	display:block;
	clear:both;
	border: 1px solid #0000FF;	
	width: 578px; 
	height: 320px ; 
	border: 1px solid gray; 
}
/* Zoom da foto */
div.fotoZoom{
padding:20px;background:#fff;position:absolute;z-index:900021;visibility:hidden;
border: 1px solid black;
}

div.fotoZoom div.fechar{
background:url(/mf/imagens/bot_fot_fechar.gif) no-repeat right;
position:absolute;
right:-1px;
top:-18px;
}
div.fotoZoom div.fechar a{
width: 65px;
height: 18px;
display:block;
}
div.fotoZoom img{
display:block;clear:both;
/*border: 1px solid #9b9f68;*/
}

.erro{border:1px solid #900;}

div.sombra{background:black;width:100%;left:0;top:0;position:absolute;z-index:900000;filter:alpha(opacity=30);-moz-opacity:0.3;opacity: 0.3;}

div.zoom{width:100%;left:0;top:0;position:absolute;z-index:900021;}

#loading{
display:block;
position:absolute;
top:25%;
left:38%;
width:300px;
height:200px;
background:#FFFFFF url(/mf/imagens/loading.gif) no-repeat center;
border:1px solid #808080;
}

/* Zoom da foto */

	
#apoio{
	float:left;
	width:203px;		
}	
#sabia, #fale{
	display: block;
	margin: 0 8px 0 35px;		
}
#sabia h3{
	width: 111px;
	height: 16px;		
	background: url(/mf/imagens/tit_sabia.gif) no-repeat right;
}
#sabia .caixa, #fale .caixa{
	clear:left;		
	background: #FFFFFF url(/mf/imagens/img_bg_sabia_header.gif) no-repeat;
}	
#sabia .corpo, #fale .corpo {
	clear: left;
	display: block;
	background:  url(/mf/imagens/img_bg_sabia_footer.gif) no-repeat bottom;
}
#sabia .corpo p{
	padding: 8px 15px;
	color:#337A97;
}	
#fale .corpo p{
	padding: 8px 15px;
	color:#3D3E29;
}
#fale{
	padding-top: 15px;
}
#fale .corpo strong{
	background: none;
	padding: 0;
	
	font-weight:bold;
}
#fale .corpo a{
	font-weight:bold;
	color:#3D3E29;
}
#fale .corpo a:hover{
	color: #ff0033;
}	

/* menu apoio */
#menuApoio{
	display:block;
	margin: 0 8px 0 35px;	
/*	border: 1px solid blue;		*/
}
#menuApoio ul li{
	padding-left: 15px;
	margin-bottom: 8px;
}	
#menuApoio ul li a{
	color: #337A97;
}	
#menuApoio ul li a:hover{
	color: #ff0033;
}	

#conteudo.arquitetonico #menuApoio .menArquitetonico, #conteudo.automotivo #menuApoio .menAutomotivo, #conteudo.estrutura #menuApoio .menEstrutura, #conteudo.leis #menuApoio .menLeis, #conteudo.vantagens #menuApoio .menVantagens, #conteudo.garantias #menuApoio .menGarantias, #conteudo.lugares #menuApoio .menLugares, #conteudo.insulfilm #menuApoio .menInsulfilm, #conteudo.pelicila3M #menuApoio .men3M{
	background: url(/mf/imagens/img_bullet2.gif) no-repeat 0 5px;
}	
/* fim menu apoio */
	
#rodape{
	display: block;
	background: #ffffff;		
	margin: auto;		
	text-align:center;		
}	
#inferior{
	display: block;
	height: 35px;
	background: #ffffff url(/mf/imagens/img_bg_rodape.gif) no-repeat;		
}		
#rodape ul{
	display: block;
	width:280px;
	margin:auto;
	text-align:center;		
}	
#rodape ul *{	
	font:10px arial ;
}		
#rodape .itens1{
	width:265px;
}
#rodape .itens2{
	margin-top:2px;
	width:235px;
}	

#rodape .itens1 li, #rodape .itens2 li{
	display: inline;
	float:left;
	padding: 0 10px 0 10px;		
	background: url(/mf/imagens/img_bullet1.gif) no-repeat 0 3px;
}
#rodape ul li.primeiro{
	background: url(/mf/imagens/dot.gif) no-repeat;		
}	
#rodape #developed{
	margin-top: 10px;
	float:right;
}
#rodape #developed, #rodape #developed a{
	font:10px arial ;
	color: #999999;
}			


/*utilizado para limpar o float, forçando a altura do elemento externo */
.clearer {
display:none;
clear: both;
line-height: 0;
height: 0;		
}
/*PARA MAC: o display não sobreescreve o de cima nos outros browsers */
.clearer { display:table; clear: both;}/*MAC IE, só lê com os dois*/
	
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table; display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */