/********************
Estilizações gerais
********************/
* {
	font-family: Arial, Helvetica, sans-serif;
	color: #7F7F7F;
	font-size: 11px;
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	vertical-align: baseline;
}

html { background: url(../images/background-bottom.jpg) repeat-x bottom; }

body { background: url(../images/background-top.jpg) repeat-x top; }

#wrapper { background: url(../images/background-imagem.jpg) no-repeat 50% 211px; }

#geral {
	width: 780px;
	margin: 0 auto;
	background: url(../images/sombra-conteudo.gif) repeat-y center;
}

img, fieldset, input, button { border: none; }

hr, legend { display: none; }

option { padding: 0 5px; }
/********************
Fim das estilizações gerais
********************/


/********************
Topo: logo + funcionalidades
********************/
#topo {
	position: relative;
	height: 167px;
	overflow: hidden;
	background: url(../images/background-top.jpg) repeat-x top;
}

	/********************
	Logo
	********************/
	#topo h1 {
		float: left;
		width: 264px;
		height: 167px;
		padding-left: 12px;
	}
	
	#topo h1 a {
		text-indent: -9999px;
		display: block;
		height: 100%;
		overflow: hidden;
		background: url(../images/logo.jpg) no-repeat left;
	}
	
	#topo h1 a:hover { background-position: right; }
	
	#topo h2 { display: none; }
	/********************
	Fim: Logo
	********************/

	/********************
	Funcionalidades
	********************/
	#topo ul {
		float: right;
		width: 267px;
		height: 80px;
		margin-top: 57px;
		padding: 0 18px 1px 51px;
		background: url(../images/linha-topo.gif) no-repeat left bottom;
	}
	
	#topo li {
		float: left;
		width: 101px;
		height: 37px;
		padding: 43px 0 0 26px;
		background: url(../images/bullet-topo.jpg) no-repeat left;
	}
	
	#topo li a {
		text-indent: -9999px;
		display: block;
		height: 21px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-position: top;
	}
	
	.fav a {
		width: 89px;
		background-image: url(../images/add-fav.gif);
	}
	
	.indique a {
		width: 76px;
		background-image: url(../images/indique.gif);
	}
	
	#topo li a:hover { background-position: bottom; }
	/********************
	Fim: funcionalidades
	********************/

#topo p {
	text-align: center;
	position: absolute;
	bottom: 8px;
	right: 30px;
	width: 280px;
}

#topo p span { color: #F99015; }
/********************
Fim do topo
********************/


/********************
Menu
********************/
.menu {
	height: 44px;
	padding-left: 15px;
	background: url(../images/background-top.jpg) repeat-x bottom;
}

.menu li {
	position: relative;
	z-index: 100;
	float: left;
	height: 42px;
	padding: 1px 2px 1px 0;
	background: url(../images/separador-menu.gif) no-repeat right;
}

.menu li.ultimo { background: none; }

.menu li a {
	text-indent: -9999px;
	display: block;
	height: 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: top;
}

.menu .empresa {
	width: 100px;
	background-image: url(../images/a-empresa.jpg);
}

.menu .fazemos {
	width: 131px;
	background-image: url(../images/o-que-fazemos.jpg);
}

.menu .planos {
	width: 139px;
	background-image: url(../images/nossos-planos.jpg);
}

.menu .contrate {
	width: 124px;
	background-image: url(../images/contrate-nos.jpg);
}

.menu .faleconosco {
	width: 129px;
	background-image: url(../images/fale-conosco.jpg);
}

.menu .mapa {
	width: 117px;
	background-image: url(../images/mapa-do-site.jpg);
}

.menu li:hover a, .menu li.over a { background-position: bottom; }

.menu ul {
	display: none;
	position: absolute;
	top: 98.5%;
	left: 0;
	width: 150px;
	padding: 5px 10px 10px;
	background: #FF9600 url(../images/submenu.gif) repeat-x top;
}

.menu ul li {
	float: none;
	height: auto;
	padding: 0;
	border-bottom: 1px dashed #FAB548;
	background:  none;
}

.menu ul li.ultimo { border: none; }

.menu ul li a {
	color: #FFF;
	text-indent: 0;
	padding: 5px 0;
	padding-left: 13px;
	background: url(../images/bullet-cinza.gif) no-repeat 4px 50% !important;
}

.menu ul li a:hover {
	color: #949799;
	background: #f8e7c8 url(../images/bullet-cinza.gif) no-repeat 4px 50% !important;
}

.menu li:hover ul, .menu li.over ul { display: block; }
/********************
Fim do menu
********************/


/********************
Painel
********************/
#painel {
	position: relative;
	height: 200px;
	background: url(../images/painel.jpg) no-repeat 13px 0;
}

#painel h2 {
	text-indent: -9999px;
	position: absolute;
	bottom: 13px;
	left: 30px;
	width: 210px;
	height: 69px;
	background: url(../images/conte-conosco.gif) no-repeat;
}

#painel h3 {
	text-indent: -9999px;
	float: right;
	width: 298px;
	height: 100%;
	background: url(../images/menina.jpg) no-repeat left;
}
/********************
Fim do painel
********************/


/********************
Conteudo
********************/
#conteudo {
	padding: 0 13px;
	background: url(../images/conteudo-top.jpg) no-repeat top;
}

#limite {
	overflow: hidden;
	padding: 0 14px 10px 13px;
	background: url(../images/conteudo-bottom.gif) no-repeat bottom;
}

#principal {
	position: relative;
	overflow: hidden;
	float: left;
	width: 462px;
	background: url(../images/principal-top.gif) no-repeat top;
}

#principal #extra {
	min-height: 540px;
	padding: 10px 10px 57px;
	background: url(../images/principal-bottom.gif) no-repeat bottom;
}

	/********************
	Breadcrumb
	********************/
	.breadcrumb {
		width: 423px;
		height: 19px;
		margin-bottom: 2px;
		padding: 4px 10px 0;
		background: url(../images/fundo-padroes.gif) repeat-y left;
	}
	
	.bottom {
		position: absolute;
		bottom: 17px;
		left: 10px;
		margin-bottom: 0;
	}
	
	.breadcrumb h6 {
		color: #B3B2B2;
		font-weight: normal;
		float: left;
		padding-left: 10px;
		background: url(../images/bullet-cinza.gif) no-repeat left;
	}
	
	.breadcrumb span {
		float: right;
		padding-right: 10px;
		background: url(../images/bullet-voltar.gif) no-repeat right;
	}
	
	.breadcrumb a { color: #F37800; }
	
	.breadcrumb a:hover { text-decoration: underline; }
	/********************
	Fim: Breadcrumb
	********************/

	/********************
	Titulo
	********************/
	#extra h2 {
		margin-bottom: 10px;
		padding: 9px 10px 8px;
		background: url(../images/fundo-padroes.gif) repeat-y left;
	}
	
	#extra h2 span {
		color: #F37800;
		font-size: 1.5em;
		text-transform: uppercase;
		display: block;
		padding-left: 20px;
		background: url(../images/bullet-titulo.gif) no-repeat 0 40%;
	}
	/********************
	Fim do Titulo
	********************/
/********************
Fim do conteudo
********************/


/********************
Lateral
********************/
#lateral {
	float: right;
	width: 262px;
}

#qualidade, #contato {
	padding-bottom: 8px;
	background: url(../images/sombra-box-lateral.gif) no-repeat 98% bottom;
}

#lateral .limite {
	padding: 10px;
	padding-bottom: 0;
	border: 1px solid #e7dbcf;
	border-bottom: none;
	background: url(../images/fundo-qualidade.gif) repeat-x bottom;
}

#lateral h3 {
	margin-bottom: 14px;
	padding-bottom: 7px;
	background: url(../images/separador-titulo-lateral.gif) no-repeat bottom;
}

#lateral h3 span {
	text-indent: -9999px;
	display: block;
	height: 25px;
}

#lateral h4 {
	font-size: 1.1em;
	margin: 0 0 8px 12px;
}

#lateral p {
	text-align: justify;
	line-height: 140%;
	padding: 0 15px 0 12px;
}

	/********************
	Politica de qualidade
	********************/
	#qualidade { margin-bottom: 3px; }
	
	#qualidade .limite { height: 266px; }
	
	#qualidade h3 span {
		width: 96px;
		background: url(../images/politica-de-qualidade.gif);
	}
	
	#qualidade img {
		display: block;
		width: 204px;
		height: 78px;
		margin: 0 auto 10px;
		border: 6px solid #FFF;
	}
	
	#qualidade p a:hover {
		color: #F37800;
		text-decoration: underline;
	}
	/********************
	Fim: Politica de qualidade
	********************/

	/********************
	Contrate nossos servicos
	********************/
	#contrate {
		margin-bottom: 10px;
		background: url(../images/chamada-contrate.gif) repeat-x;
	}
	
	#contrate .limite {
		height: 90px;
		border: none;
		background: url(../images/icon-pdf.gif) no-repeat right top;
	}
	
	#contrate h3 {
		text-indent: -9999px;
		margin-bottom: 8px;
		height: 20px;
		border-bottom: 1px dashed #FFF;
		background: url(../images/contrate-nossos-servicos.gif) no-repeat left;
	}
	
	#contrate fieldset {
		display: block;
		width: 96%;
		margin: 0 auto;
	}
	
	#contrate legend {
		color: #FFF;
		display: block;
		margin-bottom: 6px;
		padding: 0;
		*margin-left: -6px;
	}
	
	#contrate select { width: 100%;  }
	/********************
	Fim: Contrate nossos servicos
	********************/

	/********************
	Entre em contato
	********************/
	#contato .limite { height: 190px; }
	
	#contato h3 span {
		width: 83px;
		background: url(../images/entre-em-contato.gif) no-repeat;
	}
	
	#contato ul { padding: 15px 12px; }
	
	#contato li {
		color: #F37800;
		margin-bottom: 3px;
	}
	
	#contato li strong {
		color: #7F7F7F;
		width: 150px;
		text-align: right;
	}
	/********************
	Fim: Entre em contato
	********************/
/********************
Fim da lateral
********************/


/********************
Rodape
********************/
#rodape {
	width: 748px;
	margin: 0 auto;
	padding: 0 16px;
	background: url(../images/sombra-rodape.gif) no-repeat 354px 64px;
}

#rodape .limite {
	height: 117px;
	padding: 0 10px;
	background: url(../images/rodape.gif) repeat-x top;
}

	/********************
	Parceiros
	********************/
	#parceiros {
		float: left;
		width: 447px;
		background: url(../images/hr.gif) no-repeat 0 14px;
	}
	
	#parceiros h4 {
		text-indent: -9999px;
		width: 49px;
		height: 9px;
		margin: 2px 0 4px;
		background: url(../images/parceiros.gif) no-repeat;
	}
	
	#parceiros p {
		height: 27px;
		padding: 13px 8px 0;
		background: url(../images/fundo-parceiros.jpg) no-repeat right;
	}
	
	#parceiros p a {
		color: #9A9A9A;
		font-weight: bold;
		text-transform: uppercase;
		margin: 7px 0 4px;
	}
	
	#parceiros p a:hover {
		color: #F37800;
		text-decoration:underline;
	}
	
	#parceiros ul {
		height: 25px;
		padding: 15px 5px 0;
		background: url(../images/fundo-parceiros.jpg) no-repeat right;
	}
	
	#parceiros li {
		
		padding: 0 7px;
		border-right: 1px solid #9A9A9A;
	}
	
	#parceiros li.ultimo { border: none; }
	/********************
	Fim: parceiros
	********************/

	/********************
	Localização
	********************/
	#localizacao {
		float: right;
		width: 237px;
		background: url(../images/linha-localizacao.gif) no-repeat 0 14px;
	}
	
	#localizacao h4 {
		text-indent: -9999px;
		height: 13px;
		margin-bottom: 5px;
		background: url(../images/localizacao.gif) no-repeat 98%;
	}
	
	#localizacao address {
		color: #F37800;
		text-align: right;
		font-style: normal;
		padding: 2px 5px 0 40px;
	}
	/********************
	Fim: localização
	********************/
	
#rodape .top {
	text-indent: -9999px;
	clear: left;
	float: left;
	width: 36px;
	height: 14px;
	overflow: hidden;
	background: url(../images/topo.gif) no-repeat left;
}

#rodape .top:hover { background-position: right; }

#rodape .interag {
	text-indent: -9999px;
	clear: right;
	float: right;
	width: 44px;
	height: 19px;
	overflow: hidden;
	background: url(../images/interag.gif) no-repeat left;
}

#rodape .interag:hover { background-position: right; }

#rodape .top, #rodape .interag { margin-top: 28px; }
/********************
Fim do rodape
********************/