@import	url(skin/joao/css_strut.php);

/*------------------------------------------------------------------------------
########## LEIA-ME
--------------------------------------------------------------------------------
Skin padrao para sites municipiosnet baseados no sistema "Site Padrao"
--------------------------------------------------------------------------------
Versao:
	--- 0.2
Autores:
	--- David Paula
	--- Erlimar P. Silva
	--- Emerson da Hora
Data de Criacao:
	--- 27/10/2006
Ultima atualizacao:
	--- 13/02/2007
------------------------------------------------------------------------------*/













/*******************************************************************************
********************************************************************************
***************** PROPRIEDADES PADROES PARA TODOS OS ELEMENTOS *****************
********************************************************************************
*******************************************************************************/
*
{
	font-family:Arial,Helvetica,sans-serif;
	margin:0px;
	padding:0px;
	list-style-position:outside;
	list-style-type:none;
}
a
{
 	text-decoration:none;
}
img
{
	border:none;
}



/*******************************************************************************
********************************************************************************
************************* ESTILOS EDITADOS NA INTRANET *************************
********************************************************************************
*******************************************************************************/
	/*----------- TITULO DO SITE ---------------------------------------------*/
	.cpSiteTitulo
	{
			
	}
	/*----------- SLOGAN DO SITE ---------------------------------------------*/
	.cpSiteSlogan
	{
			
	}
	/*----------- IMAGEM 1 DO SITE -------------------------------------------*/
	.cpSiteImagem1
	{
			
	}
	/*----------- IMAGEM 2 DO SITE -------------------------------------------*/
	.cpSiteImagem2
	{
		position:absolute; top:0px; right:0px;	
	}





/*******************************************************************************
********************************************************************************
*********************** DEFINICAO DE CORES DOS ELEMENTOS ***********************
********************************************************************************
******************************************************************************/
/*------------------------------------------------------------------------------
########## CORPO DO DOCUMENTO
------------------------------------------------------------------------------*/
body
{
	background-color:#F1F1F1;
}
/*------------------------------------------------------------------------------
########## ELEMENTOS PADROES DO SITE
------------------------------------------------------------------------------*/
a
{
	color:#5A5A5A;
}
a:hover
{
	color:#AAAAAA;
}
h1
{
	
}
h2
{
	
}
h3
{
	
}
h4
{
	
}
h5
{
	
}
h6
{
	
}
p
{
	
}
hr
{
	border-top-color:#F5FCFF;
	border-bottom-color:#D5E7EE;
}
/*------------------------------------------------------------------------------
########## ELEMENTOS PERSONALIZADOS COMUNS
------------------------------------------------------------------------------*/
.epcLabel01
{
	color:#2B6600;
}
.epcLabel02
{
	color:#07487F;
}
.epcBoxBorda01
{
	background-color:#F1F1F1;
	border-color:#AAAAAA;
}
.epcBoxPadding
{
	
}
/* Box centralizado */
.epcBoxCentro
{
	
}
/* Box com os itens centralizados */
.epcBoxCentralizado
{
	border-color:#AAAAAA;
}
.epcBoxMargin
{
	
}
/* Componentes que quebram a linha */
.epcQuebra
{
	
}
/* Componentes que precisam redimencionar automaticamente de acordo como conteudo */
.epcTable
{
	
}

/* LINKS TIPO BOX */
.epclinkBoxA
{
	border-color:#AAAAAA;
	background-color:#FFFFFF;
	color:#5A5A5A;
}
	.epclinkBoxA:hover
	{
		border-color:#5A5A5A;
		background-color:#F1F1F1;
		color:#303030;
	}
.epclinkBoxB
{
	border-color:#AAAAAA;
	background-color:#FFFFFF;
	color:#5A5A5A;
}
	.epclinkBoxB:hover
	{
		border-color:#5A5A5A;
		background-color:#F1F1F1;
		color:#303030;
	}
.epclinkBoxC
{
	border-color:#AAAAAA;
	background-color:#FFFFFF;
	color:#5A5A5A;
}
	.epclinkBoxC:hover
	{
		border-color:#808D07;
		background-color:#F7FF9E;
		color:#2B6600;
	}
.epclinkBoxD
{
	border-color:#07487F;
	background-color:#F5FCFF;
	color:#3B7BA2;
}
	.epclinkBoxD:hover
	{
		border-color:#3B7BA2;
		background-color:#D5E7EE;
		color:#07487F;
	}
/* Lista de itens */
.epcLista
{
	
}
.epcListaLinks
{
	color:#000000;
}
.epcListaLinks:hover
{
	color:#5A5A5A;
}
.epcBox1
{
	background:#FFFFFF;
}
.epcBox2
{
	background:#D5E7EE;
}
/*------------------------------------------------------------------------------
########## COMPONENTES PADROES
------------------------------------------------------------------------------*/
	/* Campos de texto */
	.cpTexto
	{
		border-color:#000000;
		background-color:#F1F1F1;
	}
		.cpTexto:hover
		{
			border-color:#5A5A5A;
			/*background-color:#D5E7EE;*/
		}
		.cpTexto:focus
		{
		}
	/* Botoes */
	.cpBotao
	{
		background-color:#FFFFFF;
		border-top-color:#303030;
		border-left-color:#303030;
		border-right-color:#303030;
		border-bottom-color:#303030;
		color:#000000;
	}
		.cpBotao:hover
		{
		}
		.cpBotao:active
		{
			background-color:#5A5A5A;
			color:#FFFFFF;
		}
/*------------------------------------------------------------------------------
########## ITENS DE MENU
------------------------------------------------------------------------------*/
/* Area do menu */
.mnMenu
{
	background:#FFFFFF;
}
/* Titulo do menu */
.mnTitulo
{
	color:#303030;
}
/* Item do menu */
.mnItem
{
	background-color:#FFFFFF;
	border-color:#F1F1F1;
	color:#BE0000;
}
	.mnItem:hover
	{
		color:#000000;
	}
/* Item do menu com subitens */
.mnItemSub
{
	color:#BE0000;
	border-color:#F1F1F1;
}
	.mnItemSub:hover
	{
		color:#000000;
	}
/* Sub item do menu */
.mnSubItem
{
	color:#BE0000;
	border-color:#F1F1F1;
}
	.mnSubItem:hover
	{
		color:#000000;
	}
/* RSS Feeds Link*/
.rssFeed
{
	background-color:#F1F1F1;
	border-top-color:#F1F1F1;
	border-bottom-color:#AAAAAA;
	color:#012340;
}
	.rssFeed:hover
	{
		background-color:#F1F1F1;
		color:#8CBBC8;
	}
/*------------------------------------------------------------------------------
########## ITENS PADROES DE VISUALIZACAO DE CONTEUDO
------------------------------------------------------------------------------*/
/* Cabecalho das visualizacoes, provavelmente o nome da area com a descricao */
.vwCabecalhoBox
{
	border-bottom-color:#AAAAAA;
 	background-color:#FFFFFF; 
}
.vwCabecalhoTitulo
{
	color:#AAAAAA;
}
.vwCabecalhoTexto
{
	color:#303030;
	border-top-color:#8CBBC8;
}
.vwCabecalhoLabel
{
	color:#5A5A5A;
}
	.vwCabecalhoLabel a
	{
		color:#5A5A5A;
	}
	.vwCabecalhoLabel a:hover
	{
		color:#AAAAAA;
	}
.vwCorpoTitulo
{
	color:#000000;
}
.vwCorpoLabel
{
	color:#303030;
}
.vwCorpoImagem
{
	background-color:#F1F1F1;
	border-color:#AAAAAA;
}
.vwCorpoTexto
{
	color:#000000;
	border-bottom-color:#AAAAAA;
}
/*------------------------------------------------------------------------------
########## COMPONENTES PADROES DE VISUALIZACAO
------------------------------------------------------------------------------*/
	/*----------- IMPRESSAO --------------------------------------------------*/
	.cpImpressaoImagem
	{
		border-bottom-color:#5A5A5A;
	}
	.cpImpressaoRodape
	{
		
	}
	/*----------- BOX DE CHAMADA 01 ------------------------------------------*/
	.cpChamadaBox01
	{

	}
	.cpChamadaBox01 img
	{
	}
	.cpChamadaBox01Titulo
	{
		color:#000000;
	}
		.cpChamadaBox01Titulo a
		{
			color:#000000;
		}
		.cpChamadaBox01Titulo a:hover
		{
			color:#AAAAAA;
		}
	.cpChamadaBox01Texto
	{
		color:#012340;
	}
	/*----------- BOX DE CHAMADA 02 ------------------------------------------*/
	.cpChamadaBox02
	{
		border-color:#3B7BA2;
		background-color:#F5FCFF;
	}
	.cpChamadaBox02 img
	{
		border-color:#3B7BA2;
	}
	.cpChamadaBox02Titulo
	{
		color:#303030;
	}
		.cpChamadaBox02Titulo a
		{
			color:#303030;
		}
		.cpChamadaBox02Titulo a:hover
		{
			color:#3B7BA2;
		}
	.cpChamadaBox02Texto
	{
		color:#000000;
	}
	/*----------- BOX DE PAGINACAO -------------------------------------------*/
	.cpPaginacaoBox
	{
		border-color:#F1F1F1;
	}

	/** A divisao dos links internos da paginacao e os links de agrupamento */
	.cpPaginacaoBox div
	{
		
	}
	.cpPaginacaoLinkGrupo
	{
		
	}
	.cpPaginacaoLink
	{
		border-color:#F1F1F1;
		background-color:#FFFFFF;
		color:#AAAAAA;
	}
	.cpPaginacaoLink:hover
	{
		border-color:#AAAAAA;
		
		color:#5A5A5A;
	}
	.cpPaginacaoAtivo
	{
		border-color:#F1F1F1;
		background-color:#FFFFFF;
		color:#AAAAAA;
	}
/*------------------------------------------------------------------------------
########## COMPONENTES PERSONALIZADOS
------------------------------------------------------------------------------*/
	/*----------- BOX DESTAQUE SLIDE-SHOW ------------------------------------*/
	.cpSlideShowBox
	{
		background-color:#FFFFFF;
		border-color:#F1F1F1;
	}
	.cpSlideShowBoxIntEsq
	{
		
	}
		.cpSlideShowBoxIntEsq img
		{
			background-color:#FFFFFF;
			border-color:#F1F1F1;
		}
		.cpSlideShowBoxIntEsq div
		{
			background-color:#F1F1F1;
		}
			.cpSlideShowBoxIntEsq div span
			{
				color:#AAAAAA;
			}
	.cpSlideShowBoxIntDir
	{
		
	}
		.cpSlideShowBoxIntDir h1
		{
			color:#5A5A5A;
		}
		.cpSlideShowBoxIntDir p
		{
			
		}
	.cpSlideShowLink
	{
		
	}
		.cpSlideShowLink:hover
		{
			
		}
	.cpSlideShowBox a
	{
		border-color:#AAAAAA
	}
	.cpSlideShowBox a:hover
	{
		background:#F1F1F1;
		color:#000000;
	}
	/*----------- BOX DESTAQUE SLIDE-SHOW - G1 -------------------------------*/
	.cpSlideShowBoxG1
	{
		
	}
		.cpSlideShowBoxG1Esq
		{
			border-bottom-color:#BE0000;
		}
			.cpSlideShowBoxG1Esq div
			{
				border-top-color:#BE0000;
			}
				/* Titulo */
				.cpSlideShowBoxG1Esq div h1 a
				{
					color:#BE0000;
				}
				.cpSlideShowBoxG1Esq div h1 a:hover
				{
					color:#E55A00;
				}
				/* Nome da Area */
				.cpSlideShowBoxG1Esq div h2
				{
					
				}
		.cpSlideShowBoxG1Dir
		{
			border-bottom-color:#808D07;
		}
			.cpSlideShowBoxG1Dir img
			{
				background-color:#808D07;
			}
			/** Nome da Area */
			.cpSlideShowBoxG1Dir h2
			{
				background-color:#2B6600;
				color:#FEFFEE;
			}
			/** Titulo */
			.cpSlideShowBoxG1Dir h1 a
			{
				color:#808D07;
			}
			.cpSlideShowBoxG1Dir h1 a:hover
			{
				color:#2B6600;
			}
/*------------------------------------------------------------------------------
########## DIVISAO GERAL
------------------------------------------------------------------------------*/
#dvGeral
{
	background-color:#FFFFFF
}
/*------------------------------------------------------------------------------
########## CELULA DO TOPO
------------------------------------------------------------------------------*/
td.topo
{
	background-color:#FFFFFF;
}
	/*--------------------------------------------------------------------------
	########## BOX DE BUSCA | no Topo
	--------------------------------------------------------------------------*/
	#dvTopo div.busca
	{
		border-color:#000000;
	}
	#dvTopo h1, #dvTopo h2
	{
		color:#07487F;
	}
/*------------------------------------------------------------------------------
########## CELULA DO MARQUEE
------------------------------------------------------------------------------*/
td.marquee
{
	background-color:#F1F1F1;
	border-bottom-color:#AAAAAA;
}
	/** Noticias do marquee */
	td.marquee p
	{
		
	}
		/** Noticias do marquee LINK */
		td.marquee p a
		{
			color:#5A5A5A;
		}
		td.marquee p a:hover
		{
			color:#AAAAAA;
		}
	/** Data do marquee */
	td.marquee span
	{
		color:#303030;
	}
/*------------------------------------------------------------------------------
########## CELULA DA LATERAL ESQUERDA
------------------------------------------------------------------------------*/
td.esquerda
{
	background-color:#FFFFFF;
}
/*------------------------------------------------------------------------------
########## CELULA DO CENTRO
------------------------------------------------------------------------------*/
td.centro
{
	background-color:#FFFFFF;
}
/*------------------------------------------------------------------------------
########## CELULA DA LATERAL DIREITA
------------------------------------------------------------------------------*/
td.direita
{
	background-color:#FFFFFF;
}

/*------------------------------------------------------------------------------
########## subdestaque por area
------------------------------------------------------------------------------*/
#dv_midia
{
	
}
#dv_midia #dv_outras
{
	border-top-color:#F1F1F1;
	border-bottom-color:#F1F1F1;
}
#dv_midia .foto
{
	border-color:#5A5A5A;
}
#dv_midia .foto:hover
{
	border-color:#AAAAAA;
}

/*------------------------------------------------------------------------------
########## NEWSLETTER
------------------------------------------------------------------------------*/
#dv_newsletter_cadastro
{
	
}
	#dv_newsletter_cadastro h1
	{
		color:#5A5A5A;
	}
	#dv_newsletter_cadastro span
	{
		color:#303030;
	}
	#dv_newsletter_cadastro a
	{
		color:#5A5A5A;
		border-color:#5A5A5A;
	}
	#dv_newsletter_cadastro a:hover
	{
		color:#AAAAAA;
		border-color:#AAAAAA;
		background:#F1F1F1;
	}

/*------------------------------------------------------------------------------
########## DIVISAO DO RODAPE
------------------------------------------------------------------------------*/
td.rodape
{
	border-top-color:#FFFFFF;
	background-color:#3B7BA2;
}
.rodapeMarca
{
	
}
	.rodapeCopyright
	{
		color:#FFFFFF;
	}
	.rodapeContador
	{
		color:#AAAAAA;
	}
.rodapeLinks
{
	color:#F1F1F1;
}
	.rodapeLinks span
	{
		
	}
		.rodapeLinks span a
		{
			color:#D5E7EE;
		}
		.rodapeLinks span a:hover
		{
			color:#F5FCFF;
		}
.rodapeDesenvolvedor
{
	
}
	.rodapeDesenvolvedor span
	{
		
	}	
	.rodapeDesenvolvedor a
	{
		color:#F5FCFF;
	}
	.rodapeDesenvolvedor a:hover
	{
		
	}

/*----------------------------------------------
Popup Site
-----------------------------------------------*/
#popupDiv
{
	border-color:#AAAAAA;
	background:#FFFFFF;
}

#popouInner
{
}
#topoPopup
{
	border-color:#F1F1F1;
}
#topoPopup h1
{
}
	#close, .close
	{
	}
/*********************************************************************/
/*                         Componentes Select                                                               */
/*********************************************************************/
	.cpSelectDiv
	{
		border-color:#000000;
		background:#F1F1F1;
	}
		.cpSelectTitulo
		{
		}
		.cpSelectTitulo a
		{
		}
		.cpSelectItens
		{
			border-color:#000000;
			background:#F1F1F1;
		}
		
		.cpSelectDiv a
		{
		}
		.cpSelectDiv a:hover
		{
			background:#AAAAAA;
			color:#FFFFFF;
		}
	.cpSelectBusca
	{
	}
/*********************************************************************/
/*                  FIM Componentes Select                                                               */
/*********************************************************************/




/*******************************************************************************
********************************************************************************
*************** DEFINICAO DE IMAGENS DE BACKGROUND DOS ELEMENTOS ***************
********************************************************************************
*******************************************************************************/
/*------------------------------------------------------------------------------
########## CORPO DO DOCUMENTO
------------------------------------------------------------------------------*/
body
{
	background-image:url(skin/joao/imagens/fundo.jpg);
}
/*------------------------------------------------------------------------------
########## ELEMENTOS PERSONALIZADOS COMUNS
------------------------------------------------------------------------------*/
.epclinkBoxA
{
	background-image:none;
}
.epclinkBoxB
{
	background-image:none;
}
.epclinkBoxC
{
	background-image:url(skin/joao/imagens/degrade04.png);
}
.epclinkBoxD
{
	background-image:url(skin/joao/imagens/degrade02.png);
}

	.epclinkBoxA:hover, .epclinkBoxB:hover, .epclinkBoxC:hover, .epclinkBoxD:hover
	{
		background-image:none;
	}
/* Lista de itens */
.epcLista
{
	
}
.epcListaLinks
{

}


/*------------------------------------------------------------------------------
########## ITENS DE MENU
------------------------------------------------------------------------------*/
/* Area do menu */
.mnMenu
{
	
}
.mnMenu li
{
	background-image:url(skin/joao/imagens/corte1.gif);	
}

/* Titulo do menu */
.mnTitulo
{
	background-image:url(skin/joao/imagens/icones/navega.jpg);	
}
/* Item do menu */
.mnItem
{
	background-image:url(skin/joao/imagens/icones/seta_menu.gif);
}
/* Item do menu com subitens */
.mnItemSub
{
	background-image:url(skin/joao/imagens/icones/seta_menu.gif);
}
/* Sub item do menu */
.mnSubItem
{
	background-image:url(skin/joao/imagens/icones/seta_menu.gif);
}
td.esquerda .cpQuebra
{
	background-image:url(skin/joao/imagens/corte1.gif);	
}
td.esquerda div
{
	background-image:url(skin/joao/imagens/corte1.gif);	
}
td.esquerda div div
{
	background-image:url(skin/joao/imagens/bottom_menu.gif);	
}
.g_fechar
{
	background-image:url(skin/joao/imagens/bottom_menu.gif);	
}
/*------------------------------------------------------------------------------
########## ICONES
------------------------------------------------------------------------------*/
.icNewsletter
{
/* 	background-image:url(skin/joao/imagens/icones/newsletter.png); */
}
.icNavegacao
{
/* 	background-image:url(skin/joao/imagens/icones/navegacao.png); */
}
.icAreas
{
/* 	background-image:url(skin/joao/imagens/icones/sessoes.png); */
}
.icMultimidia
{
/* 	background-image:url(skin/joao/imagens/icones/multimidia.png); */
}
.icEnquete
{
/* 	background-image:url(skin/joao/imagens/icones/enquete.png); */
}
.icArtigos
{
/* 	background-image:url(skin/joao/imagens/icones/artigos.png); */
}
.icColunistas
{
	background-image:url(skin/joao/imagens/icones/colunistas.png);
}
/*------------------------------------------------------------------------------
########## ITENS PADROES DE VISUALIZACAO DE CONTEUDO
------------------------------------------------------------------------------*/
/* Cabecalho das visualizacoes, provavelmente o nome da area com a descricao */
.vwCabecalhoBox
{
	background-image:url(skin/joao/imagens/degrade06.gif);
}
.vwCabecalhoTitulo
{
	
}
.vwCabecalhoTexto
{
	
}

/*------------------------------------------------------------------------------
########## COMPONENTES PADROES DE VISUALIZACAO
------------------------------------------------------------------------------*/
	/*----------- IMPRESSAO --------------------------------------------------*/
	.cpImpressaoImagem
	{
		
	}
	.cpImpressaoRodape
	{
		background-image:url(skin/joao/imagens/degrade01.png);
	}
	/*----------- BOX DE CHAMADA 01 ------------------------------------------*/
	td.direita .cpChamadaBox01
	{
		background-image:url(skin/joao/imagens/corte1.gif);
	}
		.cpChamadaBox01 .cpChamadaBox01Titulo
		{
/* 			background-image:url(skin/joao/imagens/corte_vetical1.gif); */
		}
	/*----------- BOX DE CHAMADA 02 ------------------------------------------*/
	.cpChamadaBox02
	{
		background-image:url(skin/joao/imagens/degrade04.gif);
	}
	/*----------- BOX DE PAGINACAO -------------------------------------------*/
	.cpPaginacaoBox
	{
		background-image:url(skin/joao/imagens/degrade06.gif);
	}
	/** A divisao dos links internos da paginacao e os links de agrupamento */
	.cpPaginacaoBox div
	{
		
	}
	.cpPaginacaoLinkGrupo
	{
		
	}
	.cpPaginacaoLink
	{
		
	}
	.cpPaginacaoAtivo
	{
		
	}
/*------------------------------------------------------------------------------
########## COMPONENTES PERSONALIZADOS
------------------------------------------------------------------------------*/
	/*----------- BOX DESTAQUE SLIDE-SHOW ------------------------------------*/
	.cpSlideShowBox
	{
		background-image:url(skin/joao/imagens/degrade04.gif);
	}
	.cpSlideShowBoxIntEsq
	{
		
	}
		.cpSlideShowBoxIntEsq img
		{
			
		}
	.cpSlideShowBoxIntDir
	{
		
	}
		.cpSlideShowBoxIntDir h1
		{
			
		}
		.cpSlideShowBoxIntDir p
		{
			
		}
	.cpSlideShowLink
	{
		
	}
		.cpSlideShowLink:hover
		{
			
		}
	/*----------- BOX DESTAQUE SLIDE-SHOW - G1 -------------------------------*/
	.cpSlideShowBoxG1
	{
		
	}
		.cpSlideShowBoxG1Esq
		{
			
		}
			.cpSlideShowBoxG1Esq div
			{
				
			}
				/* Titulo */
				.cpSlideShowBoxG1Esq div h1
				{
					
				}
				/* Nome da Area */
				.cpSlideShowBoxG1Esq div h2
				{
					
				}
		.cpSlideShowBoxG1Dir
		{
			
		}
			.cpSlideShowBoxG1Dir img
			{
				
			}
			/** Nome da Area */
			.cpSlideShowBoxG1Dir h2
			{
				
			}
			/** Titulo */
			.cpSlideShowBoxG1Dir h1
			{
				
			}
/*------------------------------------------------------------------------------
########## CELULA DO TOPO
------------------------------------------------------------------------------*/
td.topo #dvTopo
{
	background-image:url(skin/joao/imagens/site_joao_topo.png);
}
/*------------------------------------------------------------------------------
########## MARQUEE DO TOPO
------------------------------------------------------------------------------*/
td.marquee
{
	background-image:url(skin/joao/imagens/degrade07.png);
}
/*------------------------------------------------------------------------------
########## Rodape
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
########## subdestaque por area
------------------------------------------------------------------------------*/

#materia_subdestaque_parea
{
	
}
	#materia_subdestaque_parea h3
	{
		background-image:url(skin/joao/imagens/corte_vetical1.gif);
	}
	#materia_subdestaque_parea img
	{
		
	}
	#materia_subdestaque_parea p
	{
		
	}
	#materia_subdestaque_parea a
	{
		background-image:url(skin/joao/imagens/icones/mais.gif);
	}

/*------------------------------------------------------------------------------
########## menu direita
------------------------------------------------------------------------------*/
.direita
{
	background-image:url(skin/joao/imagens/topo_menu.gif);
}

.direita #dvLateralDireita
{
	background-image:url(skin/joao/imagens/bottom_menu.gif);
}
/*------------------------------------------------------------------------------
########## Banner Lateral
------------------------------------------------------------------------------*/
.bannerTop
{
	background-image:url(skin/joao/imagens/topo_menu.gif);
}
.dv_banner_pub
{
}
.bannerBottom
{
	background-image:url(skin/joao/imagens/bottom_menu.gif);
}

/*------------------------------------------------------------------------------
########## subdestaque por area
------------------------------------------------------------------------------*/
#dv_midia
{
	
}
#dv_midia #dv_outras
{
	background-image:url(skin/joao/imagens/degrade04.gif);
}
/*------------------------------------------------------------------------------
########## DIVISAO DO RODAPE
------------------------------------------------------------------------------*/
td.rodape
{
	background-image:url(skin/joao/imagens/degrade07rd.png);
}
.rodapeMarca
{
	
}
	.rodapeCopyright
	{
		
	}
	.rodapeContador
	{
		
	}
.rodapeLinks
{
	
}
	.rodapeLinks span
	{
		
	}
		.rodapeLinks span a
		{
			
		}
		.rodapeLinks span a:hover
		{
			
		}
.rodapeDesenvolvedor
{
	
}
	.rodapeDesenvolvedor span
	{
		display:none;
	}	
	.rodapeDesenvolvedor a
	{
		background-image:url(skin/joao/imagens/icones/desenvolvedor.png);
	}
	.rodapeDesenvolvedor a:hover
	{
		
	}

/*----------------------------------------------
Popup Site
-----------------------------------------------*/
#popupDiv
{
}

#popouInner
{
}
#topoPopup
{
	background-image:url(skin/joao/imagens/degrade07.png);
/* 	background-image:url(skin/joao/imagens/barra.gif); */
}
#topoPopup h1
{
}
	#close, .close
	{
		background-image:url(skin/joao/imagens/x_symbol.png);
	}






















/* ----------------------------------------------------------------
	Galeria De compra de fotos
------------------------------------------------------------------- */
	#dv_galeria_topo
	{
		background:#D2E890;
		text-align:center;
		padding:5px;
	}
		#dv_galeria_topo span
		{
			font-size:15px;
			font-weight:bold;
			margin-right:10px;
		}
		#dv_galeria_topo select
		{
			background:#EBFEAC;
			border:1px solid #000;
			width:300px;
			height:20px;
		}
			#dv_galeria_topo select option
			{
				background:#EBFEAC;
				border-bottom:1px solid #000;
				padding-left:5px;
			}

	#dv_galeria_fotos
	{
		overflow:hidden;
		width:500px;
		height:255px;
		padding:0px;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		background:#EBFEAC;
	}
	#dv_galeria_fotos #principal
	{
		height:100%;
		margin:0px;
		margin-left:0px;
	}
	#dv_galeria_fotos #principal .pagina
	{
		margin:0px;
		height:245px;
		width:490px;
		float:left;
		padding:5px;
	}
	#dv_galeria_fotos #principal .pagina .foto
	{
		margin:5px;
		float:left;
		width:100px;
		padding:5px;
		height:100px;
		border:1px solid #000;
		text-align:center;
		background:#91C063;
	}
	#dv_galeria_fotos #principal .pagina .foto img
	{
		width:100px;
		height:80px;
		margin-bottom:2px;
	}
	#dv_galeria_rodape
	{
		position:relative;
	}
	#dv_galeria_rodape .enviar_bt
	{
		position:absolute;
		right:10px;
		top:5px;
		font-size:12px;
		padding-left:10px;
		padding-right:10px;
	}





	#comprafotos_form2_topo
	{
		background:#D2E890;
		text-align:center;
		padding:5px;
		height:20px;
	}


	#comprafotos_form2_centro
	{
		width:500px;
		height:255px;
		border-top:1px solid #000;
		border-bottom:1px solid #000;
		overflow:auto;
		background:#EBFEAC;
	}
	#comprafotos_form2_centro h1
	{
		text-align:center;
	}
	#comprafotos_form2_centro .foto
	{
		border-bottom:1px solid #000;
		height:80px;
		padding:5px;
		position:relative;
	}
	#comprafotos_form2_centro .foto img
	{
		width:100px;
		height:80px;
		float:left;
	}
	#comprafotos_form2_centro .form
	{
		margin:10px;
		float:right;
		padding-left:5px;
		padding-right:5px;
	}
	#comprafotos_form2_centro .form .main .titulo
	{
		float:left;
		text-align:left;
		width:100px;
	}	
	#comprafotos_form2_centro .form .main .info
	{
		
		text-align:right;
	}	
	#comprafotos_form2_centro .form div input
	{
		width:100px;
		background:#D2E890;
		border:1px solid #000;
	}
	#comprafotos_form2_centro .form div select
	{
		width:102px;
		background:#D2E890;
		border:1px solid #000;
	}
	#comprafotos_form2_centro .calc
	{
		position:absolute;
		bottom:5px;
		right:15px;
		background-image:url(imagens/calculadora.gif);
		width:18px;
		height:24px;
		cursor:pointer;
	}
	#comprafotos_form2_centro #form_entrega
	{
		padding-top:5px;
		padding-left:10px;
		width:230px;
		height:250px;
/* 		border-right:1px solid #000; */
	}
	#comprafotos_form2_centro #form_entrega input, #comprafotos_form2_centro #form_entrega2 input
	{
		width:205px;
		border:1px solid #000;
		padding-left:10px;
	}
	#comprafotos_form2_centro #form_entrega select, #comprafotos_form2_centro #form_entrega2 select
	{
		width:218px;
		padding:0px;
		border:1px solid #000;
		text-align:center;	
	}
	#comprafotos_form2_centro #central .radio
	{
		width:15px;
		margin-right:-15px;
	}
	
	#comprafotos_form2_centro #form_entrega2
	{
		display:block;
		margin-left:245px;
		margin-top:-255px;
		padding-top:5px;
		padding-left:10px;
		border-left:1px solid #000;
		width:220px;
		height:250px;
	}
	#comprafotos_form2_centro #form_entrega2 #dv_centrais span
	{
		margin-left:20px;
		font-weight:bold;
	}
	
	#comprafotos_form2_centro #p4_total_main
	{
		width:300px;
		border:1px solid #000;
		padding:5px;
		margin:10px;
		margin-left:100px;
	}
	#comprafotos_form2_centro .p4_total .titulo
	{
		width:200px;
		float:left;
	}
	#comprafotos_form2_centro .p4_total .info 
	{
		font-weight:bold;
		text-align:right;
	}
	#comprafotos_form2_centro #rel_dados
	{
		clear:both;
	}
	#comprafotos_form2_centro #rel_dados .main
	{
		border-bottom:1px solid #000;
		margin-left:20px;
		margin-right:20px;

	}
	#comprafotos_form2_centro #rel_dados .main .titulo
	{
		float:left;
		width:180px;
	}
	#comprafotos_form2_centro #rel_dados .main .informa
	{
		text-align:right;
	}

	#comprafotos_form2_rodape
	{
		height:25px;
		background:#D2E890;
		text-align:center;
		position:relative;
		padding-top:5px;
	}
		#comprafotos_form2_rodape #total
		{
			position:absolute;
			left:5px;
			bottom:6px;
		}
		#comprafotos_form2_rodape .calc
		{
			position:absolute;
			bottom:-3px;
			left:110px;
			background-image:url(imagens/calculadora.gif);
			width:18px;
			height:24px;
			cursor:pointer;
		}
		#comprafotos_form2_rodape .enviar_bt
		{
			right:10px;
		}
		#comprafotos_form2_rodape .voltar_bt
		{
			right:80px;
		}
		#comprafotos_form2_rodape .enviar_bt, #comprafotos_form2_rodape .voltar_bt
		{
			border:solid #064 1px;
			background-color:#D2e890;
			font-size:10px;
			color:#064;
			cursor:pointer;
			position:absolute;
			font-size:12px;
			padding-left:10px;
			padding-right:10px;
		}
		#comprafotos_form2_rodape .relatorio_fotos_bt, #comprafotos_form2_rodape .relatorio_dados_bt
		{
			border:solid #064 1px;
			background-color:#D2e890;
			font-size:10px;
			color:#064;
			cursor:pointer;
			font-size:12px;
			padding-left:10px;
			padding-right:10px;
		}
		#comprafotos_form2_rodape .enviar_bt:hover, #comprafotos_form2_rodape .voltar_bt:hover, #comprafotos_form2_rodape .relatorio_fotos_bt:hover, #comprafotos_form2_rodape .relatorio_dados_bt:hover
		{		
			background-color:#5d0;
			border:solid #064 1px;
			color:#060;
			cursor:pointer;
		}
/* ----------------------------------------------------------------
FIM	Galeria De compra de fotos
------------------------------------------------------------------- */