/* CSS Document */

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-image: url(../imagens/site/fundo_base_inferior.gif);
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

ul, li {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

h1 {
	margin: 0px;
}

p {
	margin: 5px 0px 0px 0px;
}

a {
	text-decoration: none;
	color: #000000;
}

a:hover {
	text-decoration: underline;
}

/* menu */
/*.menu, span.mostraAlbum, .mostraFoto, span.mostraSlideShow, span.mostraEvento, span.mostraNoticia {
	cursor: pointer;
}*/

	/* mouse sobre o menu */
/*	span:hover.menu, span.mostraAlbum:hover, .mostraFoto:hover, span.mostraSlideShow:hover, span.mostraEvento:hover,
	span.mostraNoticia:hover {
		text-decoration: underline;
	}*/

/* div de dados dos slides do slideshow */
#divSlides {
	display: none;
}

/* div de mensagens de erro */
#divErro {
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
}

#divFundoSuperior {
	width: 100%;
	height: 158px;
	background-image: url(../imagens/site/fundo_base_superior.gif);
	background-repeat: repeat-x;
}

	#divSite {
		width: 760px;
		margin: 0 auto;
	}
	
		#divFundoCentro {
			display: inline;
			width: 100%;
			background-image: url(../imagens/site/fundo_faixa_lateral.gif);
			float: left;
		}
		
			#divFaixaCentro {
				display: inline;
				width: 740px;
				text-align: center;
				margin-left: 10px;
				height: auto;
				background-color: #FFFFFF;
				float: left;
			}
				
				#divBarraSuperior {
					width: 720px;
					margin: 0 auto;
					height: 7px;
					overflow: hidden;
				}
					
					#divBarraSuperiorLeft {
						width: 3px;
						height: 100%;
						float: left;
						background: url(../imagens/site/barra_topo_11.gif) no-repeat;
					}
					
					#divBarraSuperiorCenter {
						width: 714px;
						height: 100%;
						float: left;
						background: url(../imagens/site/barra_topo_12.gif) repeat-x;
					}
					
					#divBarraSuperiorRight {
						width: 3px;
						height: 100%;
						float: left;
						background: url(../imagens/site/barra_topo_13.gif) no-repeat;
					}
			
				#divTopo {
					width: 720px;
					height: 206px;
					margin: 0 auto;
					text-align: left;
					padding-top: 10px;
					background-image: url(../imagens/site/logo_vivei.jpg);
					background-position: left;
					background-repeat: no-repeat;
				}
					
					#divTopoSuperior {
						width: 100%;
						height: 124px;
					}
					
						#divLinksTopo {
							height: 15px;
						}
						
							div.linksTopo {
								display: inline;
								height: 15px;
								float: right;
								line-height: 15px;
								overflow: hidden;
								cursor: pointer;
							}
							
								div.linksTopo span.texto {
									font-size: 10px;
									color: #02518E;
									margin-left: 17px;
								}
							
							div.divisorLinksTopo {
								display: inline;
								width: 3px;
								height: 13px;
								padding: 0px 8px;
								float: right;
								margin-top: 1px;
								overflow: hidden;
								background: url(../imagens/site/icone_div.gif) top no-repeat;
							}
							
							#divColaboradorTopo {
								background: url(../imagens/site/icone_cadeado.gif) no-repeat;
							}
							
							#divLocalizacaoTopo {
								background: url(../imagens/site/icone_lupa.gif) no-repeat;
							}
							
							#divContatoTopo {
								background: url(../imagens/site/icone_carta.gif) no-repeat;
							}
							
						#divBannerTopo {
							height: 60px;
							margin-top: 25px;
							margin-left: 269px;
							z-index: 10000;
							position: absolute;
							clip: rect(0px, 451px, 60px, 0px);
						}
					
					#divTopoInferior {
						width: 100%;
						height: 26px;
						margin-top: 10px;
						text-align: right;
					}
					
						#divMenu {
							width: 570px;
							height: 100%;
							margin-left: auto;
							text-align: left;
							overflow: hidden;
						}
				
							#divMenuLeft {
								width: 8px;
								height: 100%;
								float: left;
								display: inline;
								background: url(../imagens/site/barra_links_11.gif) no-repeat;
							}
				
							#divMenuCenter {
								width: 554px;
								height: 100%;
								float: left;
								display: inline;
								line-height: 24px;
								overflow: hidden;
								background: url(../imagens/site/barra_links_12.gif) repeat-x;
							}
							
								#divMenuCenter span.menu {
									float: left;
									display: inline;
									font-size: 11px;
									font-weight: bold;
									color: #FFFFFF;
									cursor: pointer;
								}
								
								#divMenuCenter div.divisorMenu {
									width: 7px;
									height: 100%;
									padding: 0px 11px;
									float: left;
									display: inline;
									background: url(../imagens/site/barra_links_div.gif) center no-repeat;
								}
				
							#divMenuRight {
								width: 7px;
								height: 100%;
								float: left;
								display: inline;
								background: url(../imagens/site/barra_links_13.gif) no-repeat;
							}
					
				#divCentro {
					width: 720px;
					margin-left: 10px;
					margin-top: -36px;
					display: inline;
					float: left;
				}
			
				#divRodape {
					display: inline;
					width: 720px;
					height: 29px;
					margin: 10px 0px 0px 10px;
					padding-bottom: 10px;
					text-align: left;
					float: left;
					overflow: hidden;
				}
				
					#divRodapeLeft {
						width: 11px;
						height: 100%;
						float: left;
						background: url(../imagens/site/barra_rodape_11.gif) no-repeat;
					}
				
					#divRodapeCenter {
						width: 698px;
						height: 100%;
						float: left;
						background: url(../imagens/site/barra_rodape_12.gif) repeat-x;
						text-align: center;
						font-size: 10px;
						color: #FFFFFF;
						line-height: 29px;
					}
					
/*						#divTextoRodape {
							width: 658px;
							height: 15px;
							margin: 7px auto;
						}
						
							#divLinksRodape {
								width: 40%;
								float: left;
							}
							
								div.linksRodape {
									display: inline;
									height: 15px;
									float: left;
									border: 1px #0000FF solid;
									overflow: hidden;
								}
								
								div.divisorLinksRodape {
									display: inline;
									width: 18px;
									height: 10px;
									float: left;
									margin-top: 3px;
									border: 1px #0000FF solid;
									overflow: hidden;
								}
								
								#divLegislacaoRodape {
								
								}
								
								#divLocalizacaoRodape {
								
								}
								
								#divContatoRodape {
								
								}
							
							#divDireitos {
								width: 60%;
								float: left;
								text-align: right;
							}*/
				
					#divRodapeRight {
						width: 11px;
						height: 100%;
						float: left;
						background: url(../imagens/site/barra_rodape_13.gif) no-repeat;
					}
