/* CSS Document */

* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
/*	color:#333333;*/
}

body { background:url(img/bg.gif);
		background-position:top center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;}
	
div {
	border:0px solid #999999;
	}	
	
#geral {
	position:absolute;
	width:770px;
	left:50%;
	margin-left:-385px;
	margin-top:20px;

	}
	
#topo {
	width:770px;
	display:block;
	float:left;
	}
	
#topo #intro {
	width:580px;
	float:left;
	}
	
#topo #intro.clientes {
	width:390px;
	float:left;
	}
	
#topo #espaco_bt {
	width:750px;
	float:left;
	}
	
#topo #espaco_bt.clientes {
	width:200px;
	margin-top:10px;
	margin-left:5px;
	}
	
#topo #espaco_bt #btcapa a {
	width:212px;
	height:30px;
	background-image:url(img/bt_capa.gif);		
	float:left;
	overflow:hidden;
	}	
	
#topo #espaco_bt #btcapa a:hover {
	background-position:0 -30px;
	}
				
#topo #espaco_bt #bt a {
	display:block;
	width:141px;
	height:50px;
	float:left;
	overflow:hidden;
	background-image:url(img/bt_contato.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	}	
	
#topo #espaco_bt #bt a:hover {
	background-position:0 -50px;
	}	
	
#topo #espaco_bt #bt2 a {
	display:block;
	width:488px;
	height:50px;
	float:left;
	overflow:hidden;
	background-image:url(img/bt_clientes.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	}	
	
#topo #espaco_bt #bt2 a:hover {
	background-position:0 -50px;
	}		
	
#topo #direita {
	width:147px;
	margin-left:25px;
	float:left;
	}	
	
#topo #direita.binario_logo {
	width:111px;
	}
		
#topo #direita #bt a {
	display:block;
	width:130px;
	height:55px;
	overflow:hidden;
	background-image:url(img/bt_rascunho.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	}				

#topo #direita #bt a:hover {
	background-position:0 -55px;
	}	
	

#topo #rascunho {
	margin-left:20px;
	float:left;
	}
	
#topo #contato {
	margin-left:20px;
	float:left;
	}
	
#topo #contato h1 {
	margin-bottom:40px;
	clear:both;
	}
	
#topo #contato #formulario {
 	width:400px;
	height:250px;
	float:left;
	}
	
#topo #contato #formulario #titulos {
 	width:140px;
	height:350px;
	background-image:url(img/contato_titulos.gif);
	background-repeat:no-repeat;
	float:left;
	}
	
#topo #contato #formulario #campos {
	float:left;
	}	

#topo #contato #formulario input,
#topo #contato #formulario textarea {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

#topo #contato #formulario input
		 {
	width:250px;
	height:18px;
	background:none;
	*background-color:#fafaf8;
	border-bottom:2px dashed #506CB5;
	margin-bottom:12px;
	*margin-bottom:10px;	
	}
	
#topo #contato #formulario select
		 {
	width:250px;
	height:20px;
	background:none;
	*background-color:#fafaf8;
	border-bottom:2px dashed #506CB5;
	margin-bottom:12px;
	*margin-bottom:10px;	
	}						
	
#topo #contato #formulario textarea  {
	width:250px;
	height:80px;
	background:none;
	*background-color:#fafaf8;
	border:2px dashed #506CB5;
	margin-bottom:12px;
	*margin-bottom:10px;
	}	
	
#topo #contato #formulario input.enviar  {
	width:80px;
	height:30px;
	background:none;
	border:none;
	margin-bottom:12px;
	*margin-bottom:10px;
	
	}		
	
#topo #esquerda {
	width:240px;
	float:left;
	}

#topo #clientes {
	margin-left:20px;
	float:left;
	}

#miolo {
	width:770px;
	height:auto;
	display:table;
	margin-top:30px;
	float:left;
	}
	
#miolo #logotipos {
	width:770px;
	float:left;
	margin-top:30px;
	}
	
#miolo #logotipos #img {
	width:120px;
	height:81px;
	float:left;
	margin-right:8px;
	margin-bottom:10px;
	}

#miolo #cliente  {
	width:240px;
	height:200px;
	margin:10px 0px 10px 10px;	
	float:left;	
	}	
	
#miolo #cliente a {
	width:240px;
	height:200px;
	float:left;
	overflow:hidden;
	}	
	
#miolo #cliente a:hover {
	background-position:0 -200px;
	}	


#miolo #btcontato a {
	width:370px;
	height:30px;
	background-image:url(img/bt_contatointerna.gif);
	float:left;	
	overflow:hidden;
	}	
	
#miolo #btcontato a:hover {
	background-position:0 -30px;
	}	
	
#miolo #btcapa a {
	width:212px;
	height:30px;
	background-image:url(img/bt_capa.gif);		
	float:left;
	overflow:hidden;
	}	
	
#miolo #btcapa a:hover {
	background-position:0 -30px;
	}		






#rodape {
	float:left;
	width:770px;
	margin-top:50px;
	padding-bottom:20px;	
	}		

#rodape	#copy {
	margin-top:10px;
	float:left;
	}		
	
#rodape	#logo {
	float:right;
	width:200px;
	}	
	
#bt_clientes a {
	display:block;
	width:166px;
	height:50px;
	float:left;
	overflow:hidden;
	background-image:url(img/bt_contato_clientes.gif);
	background-repeat:no-repeat;
	text-indent:-5000px;
	}	
	
#bt_clientes a:hover {
	background-position:0 -50px;
	}