﻿/*
Desenvolvedor......:	André Martini - andremartini@feevale.br
Data...............:	19/03/2008
Função.............:	layout do tag body
Exemplo de uso.....:	body	
Ambiente...........:	
Menu...............:	
Referências de uso.: 
	ID.........:  #
	Data.......:  Data - Desenvolvedor - e-mail
	Função.....:  alteração

*/
body
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
	margin: 0px auto;
    FONT: 12px arial, hevetica, sans-serif;
    COLOR: #333;
    PADDING-TOP: 0px;
    BackGround-Image: url(../imagens/escolaartes_fundo2010.jpg);
    BackGround-repeat: no-repeat;
    TEXT-ALIGN: center;
}


/*
Desenvolvedor......:	André Martini - andremartini@feevale.br
Data...............:	19/03/2008
Função.............:	container da página
Exemplo de uso.....:	container	
Ambiente...........:	
Menu...............:	
Referências de uso.: 
	ID.........:  #
	Data.......:  Data - Desenvolvedor - e-mail
	Função.....:  alteração

*/
#container
{
    Border-Right: #FFFFFF 2px;
    Border-Top: #FFFFFF 2px;
	Margin:0 auto;
    Width: 760px;
    Border-Bottom: #FFFFFF 0px;
    BackGround-Color: #FFFFFF;
    Text-Align: Left;
}


/*
Desenvolvedor......:	André Martini - andremartini@feevale.br
Data...............:	19/03/2008
Função.............:	header da página (logo da empresa e alguns links)
Exemplo de uso.....:	header	
Ambiente...........:	
Menu...............:	
Referências de uso.: 
	ID.........:  #
	Data.......:  Data - Desenvolvedor - e-mail
	Função.....:  alteração

*/
#header
{
    Width: 100%;
    Position: relative;
    Height: 110px;
	Float: left;
	margin-top: 0px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 0px;
    PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
	/*border: 1px solid blue;		*/
	
}

/* banner do header */
#header_banner
{
	Position: relative;
	Float: left;
	Height: 110px;
	width: 758px;
	margin-top: 0px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 0px;
    PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
	z-index: 100;	
}

#contents
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	Height: 100%;
	min-height: 100%;
	BACKGROUND-COLOR: #FFFFFF;
	WIDTH: 100%;
	
}


#contentshotsite
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
   PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
	
	/*Height: 100%;*/
	/*min-height: 100%;*/
	BACKGROUND-COLOR: #FFFFFF;
	WIDTH: 100%;
	
}

#conteudointernas
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
    FLOAT: right;
    WIDTH: 600px;
	Height: 100%;	
}

#conteudointernas A
{
    COLOR: #208F6F;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
}

#conteudointernas A:hover
{
    COLOR: #208F6F;
    TEXT-DECORATION: underline;
}

#conteudointernashotsite
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
    FLOAT: right;
    WIDTH: 608px;
	/*Height: 100%;	*/
}

#conteudointernashotsite A
{
    COLOR: #E4546B;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
}

#conteudointernashotsite A:hover
{
    COLOR: #E4546B;
    TEXT-DECORATION: underline;
}

#colunaesquerdahotsite H6 A
{
	Color: #FFF;
}

#colunaesquerdahotsite H6 A:
{
	Color: #FFF;
}

#colunaesquerdahotsite H6 A:visited
{
	Color: #E4546B;
}


#conteudointernashotsitemod2
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
    FLOAT: left;
    WIDTH: 506px;
	Height: 170%;	
}

#conteudointernashotsitemod2 A
{
    COLOR: #E47A1C;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
}

#conteudointernashotsitemod2 A:hover
{
    COLOR: #E47A1C;
    TEXT-DECORATION: underline;
}


#colunadireitahotsitemod2
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
    FLOAT: right;
    WIDTH: 100px;
	Height: 170%;	
}

#conteudointernas_titulo
{
	margin-top: 4px;
	PADDING-Top: 4px;
	PADDING-Right: 4px;
	Text-Align:justify;
    WIDTH: 98%;	
}

#conteudointernas_titulo h4
{
    FONT-SIZE: 100%;
	margin-top: 4px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 2px;
	PADDING-BOTTOM: 10px;
	BORDER-bottom: #263F77 1px solid;
	Color: #263F77;	
}

#conteudointernas_titulo h5
{
    FONT-SIZE: 95%;
	margin-top: 4px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 2px;
	PADDING-BOTTOM: 10px;
	BORDER-bottom: #263F77 1px solid;
	Color: #263F77;	
}

#conteudointernas_texto
{
	margin-top: 4px;
	PADDING-Top: 2px;
	PADDING-Right: 4px;
	Text-Align:justify;
    WIDTH: 98%;	

}

#colunaesquerda
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
    FLOAT: left;
    /*BORDER-LEFT: #FFFFFF 1px solid;	*/
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 156px;
	Height: 100%;
	/*border: 1px solid blue;*/
	/*Height: 100%;*/
}

#colunaesquerdahotsite
{
    PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
    FLOAT: left;
    /*BORDER-LEFT: #FFFFFF 1px solid;	*/
	BACKGROUND-COLOR: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 150px;
	Height: 170%;
	/*border: 1px solid blue;*/
	/*Height: 100%;*/
}


#palavrapastor
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
    FLOAT: left;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 400px;
	Height: 120px;
}

#palavrapastor_img
{
    PADDING-LEFT: 0px;
	PADDING-Right: 0px;
	PADDING-Bottom: 0px;
    FLOAT: left;
    WIDTH: 120px;
	Height: 100%;
}

#palavrapastor_texto
{
	PADDING-Top: 2px;
	PADDING-Right: 5px;
	Text-Align:justify;
    WIDTH: 98%;
	Height: 100%;
}


#destaque
{
    PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
    FLOAT: right;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 355px;
	Height: 120px;
}

#eventos
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
    FLOAT: left;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 350px;
	Height: 150px;
	/*border: 1px solid blue;*/
}

#eventos_destaque
{
    PADDING-LEFT: 0px;
	PADDING-Right: 0px;
	PADDING-Bottom: 0px;
    FLOAT: left;
    WIDTH: 100px;
	Height: 100%;
}

#eventos_outros
{
	PADDING-LEFT: 0px;
	PADDING-Right: 0px;
	PADDING-Bottom: 0px;
	margin-top: 14px;
  FLOAT: left;
  WIDTH: 122px;
	Height: 100%;
}

#eventos_outros ul 
{
	margin-bottom: 2px;
	margin-top: 1px;
	list-style: url(../imagens/marcador_cva.gif) outside;
}

#eventos_outros li
{
	margin-bottom: 20px;
}

#eventos_outros LI A
{
    COLOR: #263F77;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
	font-weight: bold;
}

#eventos_outros LI A:hover
{
    COLOR: #263F77;
    TEXT-DECORATION: none;
		font-weight: bold;
}

#container_lateral_eventos
{
    PADDING-LEFT: 2px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
    FLOAT: right;
	BACKGROUND-COLOR: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 350px;
	Height: 150px;
	/*border: 1px solid blue;*/
}


#palavralideres
{
    PADDING-LEFT: 0px;
	PADDING-Right: 0px;
	PADDING-Bottom: 0px;
    FLOAT: left;
    WIDTH: 200px;
	Height: 100%;
	Text-Align:justify;
	/*border: 1px solid blue;*/
}

#palavralideres H6
{
    FONT-SIZE: 100%;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	Color: #000000;	
}

#indicacaosites
{
    PADDING-LEFT: 0px;
	PADDING-Right: 0px;
	PADDING-Bottom: 0px;
	margin-left: 0px;
    FLOAT: right;
    WIDTH: 140px;
	Height: 100%;
	/*border: 1px solid blue;*/
}

#indicacaosites H6
{
    FONT-SIZE: 100%;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
	Color: #000000;	
}

#indicacaosites ul 
{
	margin-bottom: 1px;
	margin-top: 1px;
	list-style: url(../imagens/marcador_cva.gif) outside;
	/*margin: 4px 0px 4px 16px;	*/
}

#indicacaosites li
{
	margin-bottom: 1px;
	margin-top: 1px;
	/*background: url(../imagens/marcador.gif) no-repeat;*/
}

#indicacaosites LI A
{
    COLOR: #000000;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
}

#indicacaosites LI A:hover
{
    COLOR: #356E67;
    TEXT-DECORATION: none
}


#container_central
{
    PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
    FLOAT: left;
	BACKGROUND-COLOR: #FFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 100%;
	Height: 200px;
}

#agenda
{
  PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
  FLOAT: left;
	BACKGROUND-COLOR: #FFFFFF;
	/*BackGround-Image: url(../imagens/agenda.gif);*/
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 170px;
	Height: 100%;
	BackGround-Image: url(../imagens/agenda2.jpg);
	BackGround-repeat: no-repeat;	
	/*border: 1px dotted #356E67;*/
}

#agenda UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
		margin-left: 0px; 
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none;
		/*list-style: url(../imagens/marcador_agenda.gif) outside;*/
		list-style: url(../imagens/marcador_menu.gif) outside;
}
#agenda LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 5px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 25px; 		
    WIDTH: 100%;
    PADDING-TOP: 0px
}

#agenda h6
{
    FONT-SIZE: 100%;
	margin-top: 1px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 0px;
	PADDING-BOTTOM: 1px;
	PADDING-Top: 0px;
	Color: #000000;
	text-align: center;
	/*BackGround-Image: url(../imagens/fundoh6_agenda.gif);
	BackGround-repeat: no-repeat;*/
	/*TEXT-DECORATION: underline;*/
}

#agenda LI A
{
    COLOR: #FFFFFF;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
}

#agenda LI A:hover
{
    COLOR: #00FFFF;
    TEXT-DECORATION: none
}


#caixasdiversas
{
  PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
  FLOAT: left;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;    
	WIDTH: 190px;
	Height: 100%;
	/*BackGround-Image: url(../imagens/muralderecados.jpg);
	BackGround-repeat: no-repeat;*/
	
	/*border: 1px solid blue;*/
}

#caixasdiversas UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}
#caixasdiversas LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 5px;
    MARGIN: 2px 2px;
    WIDTH: 100%;
    PADDING-TOP: 0px
}

#caixasdiversas h5
{
    FONT-SIZE: 100%;
	margin-top: 1px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 8px;
	PADDING-BOTTOM: 1px;
	PADDING-Top: 0px;
	Color: #356E67;
	/*TEXT-DECORATION: underline;*/
}


#caixasdiversas h6
{
    FONT-SIZE: 100%;
	margin-top: 1px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 0px;
	PADDING-BOTTOM: 1px;
	PADDING-Top: 0px;
	Color: #000000;
	text-align: center;
	/*BackGround-Image: url(../imagens/agenda.jpg);
	BackGround-repeat: no-repeat;*/
	/*TEXT-DECORATION: underline;*/
}

#caixasdiversas LI A
{
    COLOR: #000000;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
}

#caixasdiversas LI A:hover
{
    COLOR: #356E67;
    TEXT-DECORATION: none
}


#recados
{
  PADDING-LEFT: 0px;
	PADDING-right: 0px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
  FLOAT: left;
	/*BACKGROUND-COLOR: #FFFFFF;*/
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;    
	WIDTH: 190px;
	Height: 40%;
	Text-Align:justify;
	/*BackGround-Image: url(../imagens/agenda.jpg);*/
	/*border: 1px solid blue;*/
}

#recadosindexhotsite
{
  PADDING-LEFT: 0px;
	PADDING-right: 4px;
	PADDING-top: 0px;
	PADDING-bottom: 0px;
  FLOAT: left;
	BACKGROUND-COLOR: #FFFFFF;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 5px;    
	WIDTH: 180px;
	Height: 100px;
	Text-Align:justify;
	/*BackGround-Image: url(../imagens/agenda.jpg);*/
	/*border: 1px solid blue;*/
}

#recadosindexhotsite A
{
    COLOR: #000000;	
    TEXT-DECORATION: none;
	PADDING-BOTTOM: 10px;
}

#recadosindexhotsite A:hover
{
    COLOR: #356E67;
    TEXT-DECORATION: none
}

#palavrapastor_texto
{
	PADDING-Top: 2px;
	PADDING-Right: 5px;
	Text-Align:justify;
    WIDTH: 98%;
	Height: 100%;
}

#recados h6
{
    FONT-SIZE: 100%;
	margin-top: 1px;	
	margin-right: 0px;
	margin-bottom: 0px;	
	margin-left: 0px;
	PADDING-BOTTOM: 1px;
	PADDING-Top: 0px;
	Color: #356E67;
	text-align: left;
	/*TEXT-DECORATION: underline;*/
}


#footer
{
	BORDER-Top: #356E67 1px solid;
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 90%;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
    BACKGROUND-COLOR: #FFFFFF;
	Text-Align: right;
	FLOAT: left;
	WIDTH: 758px;
	Height:20px;
}

#divQuebra {
	display: block; 
	clear: both; 
	font-size: 1px; 
	height: 4px; 
}

.txtAmarelo {
	color: #FFCC00;
}

.txtAzul {
	color: #0000ff;
}

.txtVerde {
	color: #339933;
}

.txtVermelho {
	color: #ff0000;
}

/*
campos de formulários 
*/
.input_form {
	font-family: Verdana, Arial;
	color: #E4546B;
	font-size: 10px;
	width: 240px;: 15px;
	border:1 solid; border-color:#356E67;
	text-align: left;			 
}

.input_form_area {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FF9900;
	font-size: 10px;
	width: 360px;: 50px;
	height: 100;
	border:1 solid; border-color:#FF9900;
	text-align: left;			 
}

.buttonForm {
	font-family : Verdana, Arial, Helvetica, sans-serif; 
	font-size : 10px;
	color : #FFFFFF;
	font-weight : bold;
	border : 1px ridge #E4546B;
	background-color : #E4546B;
}

.TextoPadraoVerde {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #356E67;
	text-decoration : none;
}

.TextoPadraoVermelho {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : #E4546B;
	text-decoration : none;
}


	

/* MENU HOTSITE */
/* exemplo microsoft brasil */
#navegacao_lateral
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 10px;
    FONT: 14px arial, hevetica, sans-serif;
		WIDTH: 95%;
    PADDING-TOP: 2px;
}

#navegacao_lateral .line
{
    BORDER-TOP: #FFF 1px solid;
    MARGIN: 5px 0px
}

#navegacao_lateral > .line
{
    MARGIN: 6px 0px 4px
}

#navegacao_lateral H4
{
    FONT-SIZE: 95%;
    /*MARGIN: 4px 0px 5px 5px*/
	margin-top: 4px;	
	margin-right: 0px;
	margin-bottom: 5px;	
	margin-left: 5px;		
}

#navegacao_lateral > H4
{
    MARGIN: 4px 0px 4px 5px
}

#navegacao_lateral UL
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px;
    LIST-STYLE-TYPE: none
}

#navegacao_lateral LI
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: -4px 2px;
    WIDTH: 95%;
    PADDING-TOP: 0px
}

#navegacao_lateral > UL > LI
{
    MARGIN: -3px 2px
}

#navegacao_lateral A
{
    PADDING-RIGHT: 4px;
    DISPLAY: block;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 4px;
    MARGIN: 1px 0px;
    CURSOR: pointer;
    Color: #006;
	text-decoration:none;
    PADDING-TOP: 2px
}

#navegacao_lateral > UL > LI > A
{
    BORDER-RIGHT: transparent 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: transparent 1px solid;
    PADDING-LEFT: 7px;
    PADDING-BOTTOM: 4px;
    BORDER-LEFT: transparent 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: transparent 1px solid
}

#navegacao_lateral A:visited
{
    Color: #006;
}

#navegacao_lateral A:hover
{
    BORDER-RIGHT: #FFF 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: #FFF 1px solid;
    PADDING-LEFT: 7px;
    PADDING-BOTTOM: 4px;
    MARGIN: 0px;
    BORDER-LEFT: #FFF 1px solid;
    PADDING-TOP: 2px;
    BORDER-BOTTOM: #FFF 1px solid;
    BACKGROUND-COLOR: #006;
	COLOR: #FFF;
    TEXT-DECORATION: none
}

#navegacao_lateral > UL > LI > A:hover
{
    MARGIN: 1px 0px
}



* html * { color: expression( (function(who){ if(!who.MXPC){ who.MXPC = '1'; if(who.nodeName != 'A'){  who.onmouseenter=function(){ who.className += ' hover'}; who.onmouseleave=function(){ who.className = who.className.replace(' hover','')}; } (who==who.parentNode.firstChild) ? who.className += ' first-child' : '' ;} } )(this) , 'auto') }

