/* GERAL */

#geral {
	position:absolute;
	width:770px;
	margin-left:-385px;
	left:50%;
	}
	
#corpo {
	display:block;
	float:left;
	width:770px;
	height:auto;
	border:1px #575757 solid;
	background-color:#FFF;
	padding-bottom:22px;
	}

#flutuante {
	position:absolute;
	z-index:1000;
	width:700px;
	height:500px;
	top:350px;
	left:40px;
	}
	
	
#topo {
	width:770px;
	height:106px;
	background:url(../img/bg_topo.jpg) no-repeat;
	}
	
	#topo span {
		display:none;
		}
	
#slogan {
	display:block;
	float:left;
	margin:37px 0 0 48px;
	}
		
		
#logo {
	display:block;
	float:left;
	padding:20px 0 0 17px;
	}
		
		
/*MENU PRINCIPAL */

#menu {
	position:absolute;
	float:right;
	top:10px;
	right:13px;
	width:180px;
	height:225px;
	background:url(../img/bg_menu.jpg) no-repeat;
	}
	
	*HTML #menu {
		right:16px;
		}		
		
	#menu img {
		margin:20px 0 11px 46px;
		}
	#menu h1, #menu ul a {
		font-weight:bold;
		font-size:10px;
		color:#333132;
		}
	#menu h1 {
		text-align:center;
		}
		
	#menu ul {
		list-style:none;
		line-height:24px;
		margin:10px 0 0 36px;
		}
		
		*HTML #menu ul {
			margin:15px 0 0 36px;
			}
	
#middle {
	width:770px;
	height:125px;
	background:url(../img/bg_middle.jpg) no-repeat;
	margin-bottom:15px;
	}
	
	
	#middle object {
		position:absolute;
		margin-left:21px;
		}
	
	
#conteudo {
	display:block;
	float:left;
	width:728px;
	padding:0 21px;
	}


#espaco {
	display:block;
	float:left;
	width:330px;
	height:30px;
	padding-top:520px;
	padding-left:20px;
	}
	
	#espaco a {
		font-size:11px;
		color:#4E4E4E;
		}
		

			


/*HOME*/

#clientes {
	width:185px;
	height:195px;
	background:url(../img/bg_clientes.jpg) no-repeat;
	}
	
	#clientes h1 {
		font-weight:bold;
		font-size:12px;
		color:#333132;
		padding-top:16px;
		text-align:center;
		}
	
	#clientes img {
		margin:20px 0 0 31px;
		}	
		
		
		
#control_atividades {
	width:335px;
	}

	#control_atividades h1 {
		text-align:center;
		font-weight:bold;
		font-size:16px;
		color:#ff9000;
		}
		
	#control_atividades ul li, #control_atividades p {
		font-size:11px;
		color:#666666;
		line-height:18px;
		margin-left:29px;
		}

		#control_atividades ul li ul li{
			list-style:none;
			margin-left:12px;
			}


		
#conteudo_esq {
	width:545px;
	padding-top:65px;
	}

	

	


#conteudo_esq, #clientes, #control_atividades, #col_dir {
	display:block;
	float:left;
	}
	

		
/*COLUNA DIREITA*/

#col_dir {
	width:182px;
	height:233px;
	}

	
	#tel {
		height:44px;
		margin-bottom:30px;
		}

		#tel img {
			margin-left:17px;
			display:block;
			float:left;
			}
			
		*HTML #tel img {
			margin-left:8px;
			}
						
		#tel h1 {
			font-size:11px;
			color:#333132;
			font-weight:bold;
			text-align:center;
			}
			
			#tel h1 span {
				font-size:18px;
				}
				

	#acesso_sistema {
		height:161px;
		background:url(../img/bg_sistema.jpg) no-repeat;
		margin-left:8px;
		}
		
		#acesso_sistema p {
			padding:59px 0 0 33px;
			font-size:10px;
			margin-bottom:10px;
			}
		#acesso_sistema span {
			font-weight:bold;
			text-align:center;
			}
			
			
			

	#nome_acesso {
		font-family:"Tahoma";
		font-size:10px;
		display:block;
		float:left;
		padding-left:40px;
		width:36px;
		line-height:24px;
		}
		
		
	#campo_acesso {
		float:left;
		}
		#campo_acesso input {
			display:block;
			margin-bottom:2px;
			}


		


/*PAGINA DE CONTATO*/



#cont_nomes p {
	text-indent:0;
	line-height:40px;
	width:85px;
	}
	
#cont_nomes {
	margin-left:20px;
	}	
#cont_campos {
	width:200px;
	}
	
#cont_campos, #cont_nomes {
	display:block;
	float:left;
	}
	
	#cont_campos input, #cont_campos textarea {
		margin-bottom:15px;
		}
	#cont_campos span {
		display:block;
		}
	#cont_campos span input {
		margin-left:23px;
		}




#colunas {
	display:block;
	width:545px;
	clear:both;
	margin-bottom:25px;
	}
	
		
/*RODAPE*/

#rodape {
	display:block;
	float:left;
	width:770px;
	height:23px;
	margin-top:10px;
	}
	
	#rodape img {
		display:block;
		float:right;
		}
		
	#rodape p {
		display:block;
		float:left;
		width:720px;
		font-size:10px;
		text-align:center;
		color:#333132;
		line-height:15px;
		}
		#rodape a {
			color:#333132;
			}