/* CSS PADRAO DO SITE 
ESTIOS UNICOS POR PAGINA DEVEM SER CHAMADOS POR ID E ESTILOS REPETIDOS POR CLASS
--------------------------------------------------------------------------------*/

/* GERAL 
--------------------------------------------------------------------------------*/

/* Define todos os estilos gerais das páginas (Nao é reconhecido pelo Mozilla) */
body {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #336699;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background-image: url('/projetotiete//images/bg.gif');
	background-repeat: no-repeat;
	background-position: top;
} 

/* Define todos os estilos gerais das divs, tds, selects e inputs */
div, td, select, input, textarea {
	font-family: Arial, Verdana;
	font-size: 12px;
	color: #336699;
}

  
/* Controla todo o conteudo da pagina */
h1 {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #336699;
	margin: 0px!important;
}

h2 {
	font-family: Arial, Verdana;
	font-size: 11px;
	color: #336699;
	margin: 0px!important;
}
	
form {
	margin: 0px;
	padding: 0px;
}

a, a:hover, a:visited, a:active {
	color: #1a9bbf;
	text-decoration: none;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Criada para centralizar o conteudo no Firefox */
#global {
	width: 100%;
	
}

#geral {
	width: 779px;
}

#geralCalandra {
	width: 779px;
	position: relative;
}

.floatRight {
	float: right;
}

.floatLeft {
	float: left;
}


/* O padrao da tag lista deve ser ser margin ou padding igual a zero, caso queira colocar um valor diferente dessa em uma lista crie uma nova class usando o !important para diferenciar */

ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

li {
	margin: 0px;
	padding: 0px;
}

.relative{
	position: relative;
}

/* TOPO 
--------------------------------------------------------------------------------*/



/* MENU 
--------------------------------------------------------------------------------*/


.primeiroNivel {
	display : inline;
	margin-right: -3px;	
}

.primeiroNivel a:hover {
	display : inline;
	margin: 0px;
}

.segundo{
	background-color: #FFF;
	width:161px;
}

.segundo a{
	background-color: #FFF;
	display:block;
	padding: 3px 0px 3px 20px;
	font-weight: bolder;
	width:138px;
	border-bottom: 1px solid #229FC2;	
}

.segundo a:hover{
	background-color:#EAF6FA;
	display:block;
	padding: 3px 0px 3px 20px;
	font-weight: bolder;
	width:138px;
	border-bottom: 1px solid #229FC2;	
}

#segundoNivel {
	display: none; 
	position: absolute; 
	left: 14px; 
	top: 40px;
	width: 131px;
}

#segundoNivelSistema {
	display: none; 
	position: absolute; 
	left: 154px; 
	top: 40px;
	width: 131px;
}

#segundoNivelRio {
	display: none; 
	position: absolute; 
	left: 344px; 
	top: 40px;
	width: 131px;
}

#segundoNivelObserve {
	display: none; 
	position: absolute; 
	left: 470px; 
	top: 40px;
	width: 131px;
}

#segundoNivelAula {
	display: none; 
	position: absolute; 
	left: 620px; 
	top: 40px;
	width: 131px;
}

.terceiro{
	background-color: #FFF;
}

.terceiro a{
	border-bottom: 1px solid #229FC2;	
	background-color: #FFF;
	display:block;
	padding: 3px 3px 3px 30px;
	width:128px;
}

.terceiro a:hover{
	display:block;
	background-color:#EAF6FA;
	padding: 3px 3px 3px 30px;
}


.terceiroNivel{
	border-bottom: 1px solid #229FC2;
	padding: 3px;
	background-color: #FFF;
}



/* CONTEUDO 
--------------------------------------------------------------------------------*/
#bread {
	font-family: Arial, Verdana;
	font-size: 10px;
	color: #336699;
}

#conteudo{
	margin-top: 25px;
	padding: 0px 20px 0px 20px;
	border-left:2px solid #dee4e6;
	border-right:2px solid #dee4e6;
	width: 716px;
}

#conteudoCalandra{
	margin-top: 35px;
	padding: 20px 20px 20px 20px;
	width: 716px;
	border-left:2px solid #dee4e6;
	border-right:2px solid #dee4e6;
	text-align: left;
}


#txtConteudo {
	margin-left: 10px;
}


.conteudoNoticia {
	text-align: justify;
	width: 200px;
	padding: 20px 20px 0px 20px;
			
}
		
#titulo {
	font-weight: bolder;
	font-size: 15px;
}
		
#saiba {
	text-align: right;
}


/* ROPDAPE 
--------------------------------------------------------------------------------*/
#rodape {
	padding: 20px 0px 0px 0px;
	width: 760px;
	height: 145px;
	background-image: url('/projetotiete/images/rodape.gif');
	background-repeat: no-repeat;	
	text-align: center;
}

#txtRodape {
	font-family: Arial, Verdana;
	font-size: 9px;
	color: #666666;
	width: 720px;
	text-align: left;
	margin-left: 20px;
}

#txtRodape a{
	font-family: Arial, Verdana;
	font-size: 9px;
	color: #666666;
}