/*
	Autor: Anderson Triacca
	Empresa: Guife Multicom
	Data de Início: 02/05/2009
	Última Modificação: 08/07/2009
*/

/*----------------------------------------
	- Partes Comuns a todas páginas
---------------------------------------*/
*{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	outline: none;
	color: #fff;
}
li{
	list-style-type: none;
}
#global{
	width: 320px;
	min-height: 448px;
	background: #3E3A2E url(../imagens/html.jpg) center bottom no-repeat;
	position: relative;
}
#conteudo{
	padding-top: 26px;
	padding-left: 14px;
	-webkit-border-radius: 10px;
	height: 180px;
	padding-bottom: 15px;
}
#conteudo h2{
	font-size: 25px;
	padding-left: 81px;
	display: block;
	height: 47px;
	padding-top: 14px;
	font-weight: normal;
}
#conteudo p{
	margin: 10px 0;
}
.bt_voltar{
	display: block;
	width: 58px;
	height: 22px;
	background: url(../imagens/bt_voltar.gif) center left no-repeat;
	position: absolute;
	right: 14px;
	bottom: 120px;
}
#aviso{
	display: none;
}
/*----------------------------------------
	- Topo
---------------------------------------*/
#topo{
	padding-top: 15px;
	padding-left: 14px;
}
#topo h1{
	display: block;
	background: url(../imagens/h1.jpg) center top no-repeat;
	width: 320px;
	height: 61px;
	text-indent: -20000px;
	position:relative;
	left: -14px;
}
#topo h2{
	display: none;
}
/*----------------------------------------
	- Index
---------------------------------------*/
#conteudo #menu li{
	display: block;
	width: 288px;
	height: 35px;
	margin-bottom: 9px;
}
#conteudo #menu li:last-child{
	margin-bottom: 0;
}
#conteudo #menu li a{
	display: block;
	width: 288px;
	height: 35px;
	text-indent: -20000px;
	cursor: pointer;
}
#conteudo #menu li a.quem_e{
	background: url(../imagens/link_quem_e.gif) left top no-repeat;
}
#conteudo #menu li a.quem_e:hover{
	background: url(../imagens/link_quem_e_hover.gif) left top no-repeat;
}
#conteudo #menu li a.oque_faz{
	background: url(../imagens/link_oque_faz.gif) left top no-repeat;
}
#conteudo #menu li a.oque_faz:hover{
	background: url(../imagens/link_oque_faz_hover.gif) left top no-repeat;
}
#conteudo #menu li a.como_faz{
	background: url(../imagens/link_como_faz.gif) left top no-repeat;
}
#conteudo #menu li a.como_faz:hover{
	background: url(../imagens/link_como_faz_hover.gif) left top no-repeat;
}
#conteudo #menu li a.clientes{
	background: url(../imagens/link_clientes.gif) left top no-repeat;
}
#conteudo #menu li a.clientes:hover{
	background: url(../imagens/link_clientes_hover.gif) left top no-repeat;
}
/*----------------------------------------
	- O que Faz
---------------------------------------*/
#o_que_faz h2{
	background: url(../imagens/tit_o_que_faz.gif) left top no-repeat;
}
#o_que_faz p{
	position: relative;
	top: 20px;
	padding-bottom: 30px;
}
/*----------------------------------------
	- Clientes
---------------------------------------*/
#o_que_faz h2.clientes{
	background: url(../imagens/tit_clientes.gif) left top no-repeat;
}
#clientes ul li{
	list-style-type: circle;
	position: relative;
	left: 25px;
}
/*----------------------------------------
	- Quem É
---------------------------------------*/
#o_que_faz h2.quem_e{
	background: url(../imagens/tit_quem_e.gif) left top no-repeat;
}
#quem_e p{
	position: relative;
	top: 30px;
	padding-bottom: 30px;
}
/*----------------------------------------
	- Como Faz
---------------------------------------*/
#como_faz h2{
	background: url(../imagens/tit_como_faz.gif) left top no-repeat;
}
#como_faz p{
	position: relative;
	top: 20px;
	padding-bottom: 30px;
}
/*----------------------------------------
	- Rodapé
---------------------------------------*/
#rodape{
	height: 45px;
	padding-top: 84px;
	padding-bottom: 19px;
	padding-left: 14px;
}
#rodape a{
	display: block;
	width: 46px;
	height: 45px;
	text-indent: -20000px;
	float: left;
}
#rodape a.contato_telefone{
	background: url(../imagens/link_contato_telefone.gif) center top no-repeat;
}
#rodape a.contato_email{
	background: url(../imagens/link_contato_email.gif) center top no-repeat;
	margin-left: 13px;
}
#rodape address{
	display: block;
	width: 145px;
	height: 35px;
	margin-left: 28px;
	margin-top: 5px;
	background: url(../imagens/rodape_address.gif) center left no-repeat;
	float: left;
}
#rodape address p{
	display: none;
}