@import 'reset.css';	/* Zera valores igualando os navegadores */
/* CONFIGURAÇÕES    ===========================  */


body {
  text-align:center;
  font: 75% Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  color: #777;
}
a { text-decoration: none}

.zl { list-style: none;}
.left { text-align: left}
.right { text-align: right}
.center { text-align: center;}
.both { clear: both }

h2 {
	border-bottom: 2px groove #eee;
	text-align: left;
	margin: 15px 160px 20px 10px;
	padding: 0;
	text-indent: 15px;
	font-size: 2.2em;
	font-weight: normal;
	font-style: italic;
	color: #999
}
	h2 span {
		font-size: 0.7em;
		font-style: normal;
		padding-left: 10px;
		color: #135ea3
	}
	
h4 {
	font-size: 1.4em;
	color: #044a75;
	padding: 0px 0px 2px 15px;
	font-weight: normal;
	text-align: left;			
}
	.h4Inst {
		font-size: 2.2em !important;		
	}
	
h5 {
	font-size: 2em;
	color: #044a75;
	padding: 0px 0px 2px 0;
	font-weight: normal;
	text-align: left;			
}
	.h5Inst {
		font-size: 2.2em !important;		
	}
h6 {
	font-size: 1.3em;
	color: #f5b400;
	padding: 0px 0px 2px 0;
	font-weight: normal;
	text-align: right;			
}

/* FORMULÁRIOS    =====================  */
input, textarea {
  background: #fff;
  color: #333;
  font: 1em Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
  border: 1px solid #aaa;
  padding: 2px;
}
/* FIM --> FORMULÁRIOS    =====================  */
div#principal {
	width: 900px;
	margin: auto;
}
div#topo {
	height: 198px;
}
div#subTopo {
	height: 170px;
}
	#navegacao {
		margin: 0 0 0 15px;
		font-size: 1.3em;
	}
		#navegacao li {
			float: left;
			margin: 0 17px;
		}
			#navegacao li a {
				color: #fff;
			}
				#navegacao li a:hover {
					color: #f5b400;
				}
div#esquerda {
	width: 210px;
	float: left;
	padding-top: 15px;
}
	div#login {
		height: 303px;
		background: url(../img/bgLogin.gif) no-repeat top center;
	}
	#formLogin {
		text-align: left;
		margin-left: 20px;
		padding-top: 45px;
		height: 110px;
	}
		#formLogin span {
			text-align: center;
			display: block;
		}
		#formLogin span p {
			text-align: center;
			font-weight: bold;
			padding: 20px 0 0 0;
			color: #fff;
		}
			#formLogin span a{
				display: block;
				padding: 25px 0 0 0;
			}
	#msgLogin {
		height: 20px;
		font-weight: bold;
		font-size: 0.9em;
		margin: 0 5px 0 30px; 
		color: #fff;
		text-align: right;
	}
	label {
		display: block;
		color: #fff;
	}
#navEsquerda {
		margin: 0 20px 0 25px;
}
	#navEsquerda li {
		text-align: left;
	}
  	#navEsquerda li a {
        font-size: 1.1em;
				font-weight: bold;
				display: block;
        color: #777;
				margin-top: 10px;
				padding: 0px 0 2px 7px;	
				border-bottom: 1px dotted #ccc;	
				background: url(../img/setaBotoes.gif) no-repeat right bottom;
    }	
  	#navEsquerda li a:hover {
        color: #f5b400;
    }		
	
	#blocoProjetos {
		margin: 30px 0 0 0;		
		text-align: left;
	}
	#blocoProjetos h5 {
		height: 20px;
		padding: 10px 0 20px 55px;
		background: url(../img/iconProjetos.png) no-repeat left top;
	}	
		#blocoProjetos p {
			margin: 0 5px 0 10px;
		}
	
	
	
div#direita {
	width: 680px;
	float: right;
	text-align: left;
	padding-top: 15px;
}
	div#molduraHome {
		float: right;
		width: 330px;
		height: 250px;
	}
	div#textoMoldHome {
		float: left;
		width: 345px;
		margin: 10px 0 0 5px;
		height: 320px;
	}	
		div#texto{
			height: 225px;
			overflow: hidden;
			color: #888;
			xfont-weight: bold;
			font-size: 1em;
			margin: 5px 30px 0 10px;
			text-align: left
		}
		div#textoMoldHome h5 {
			text-align: right;			
		}

	a#confiraMais {
		display: block;
		color: #599919;
		font-size: 1.4em;
		text-align: right;
		margin-right: 5px;
		padding: 0 25px 2px 0;
		background: url(../img/iconMais.png) no-repeat center right;
	}
		a#confiraMais:hover { 
			color: #f5b400;
		}

	div#bgH5 {
		background:url(../img/iconLego.png) no-repeat bottom right;
		height: 43px;
		margin: 0 10px 20px 0;
		padding: 0 60px 0 0;
	}
	div#textoInst {
		font-size: 1.1em;
		padding: 0 5px 10px 10px;
	}
	div#imagensInst { 
		float: left;
		text-align: center;
		width: 155px;
		xheight: 400px;
		margin: 30px 10px 0px 20px;
	}
	
#molduraMenor {
	width:131px;
	height: 90px;
	margin-bottom: 30px;
}


#homeContatos { 
	xborder: 1px solid green;
	float: left;
	width: 330px;
	margin: 30px 0 0 10px;	
}



	#blocoArtigos {
		margin: 0px 0 0 0;		
		text-align: left;
		float: right;
		width: 330px;
	}
	#blocoArtigos h5 {
		height: 20px;
		padding: 10px 0 20px 55px;
		background: url(../img/iconArtigos.png) no-repeat left top;
	}	
		#blocoArtigos p {
			margin: 0 5px 0 10px;
		}


  .tituloNoticiaLink { margin: 30px 70px 0px 15px;
											 background: #f7f7f7 url(../img/cantoLiPai.gif) no-repeat bottom right;
											 border-bottom: 1px solid #ddd;
											 padding: 3px 10px 1px 10px;
											 text-align: left;}
  .tituloNoticiaLink a { color: #555;
                         font-weight: bold;}
  .tituloNoticiaLink a:hover { color: #007abf;}
  .subTituloNoticiaLink { margin: 0px 120px 0px 25px;
													background: #eee url(../img/cantoLiFilho.gif) no-repeat bottom right;
													color: #666;
													padding: 1px 25px 0 25px;
													text-align: left;
													font-size: 0.8em;}	



/* RODAPE ====================================================== */
div#endRodape {
	color: #f5b400;
	margin: 0;
	height: 70px;
}
	div#endRodape p {
		float: left;
		width: 680px;
		font-size: 1.7em;
		margin: 25px 0 0 90px;
	}

	div#endRodape a {
		display: block;
		background: url(../img/iconMapa.gif) no-repeat center left;
		float: right;
		margin-right: 20px;
		padding: 15px 0 0 50px;
		width: 50px;
		height: 55px;
		font-size: 1.2em;
		color: #f5b400;
	}
		div#endRodape a:hover {
			color: #044a75;
		}

	ul#navRodape {
		margin: 15px 0 0 50px;
		height: 15px;
	}
		#navRodape li {
			float: left;
			margin: 0 15px;
			font-size: 0.9em;
		}
			#navRodape li a {
				color: #666;
			}
				#navRodape li a:hover {
					color: #f5b400;
				}
				
div#rodape{
	clear: both;
	margin: 0px;
	height: 30px;
	padding: 5px 0;
	background: url(../img/bgRodape.gif) no-repeat top right;
	color: #fff;
	font-size: 1.2em;
	margin: 5px 0 20px 0;
}
  div#rodape div#direitos {
    float: left;
    padding: 3px 0 0 20px;
  }
  div#rodape div#creditos {
    float: right;
    padding: 3px 20px 0 0;
  }
		div#rodape div#creditos a { color: #fff}
		div#rodape div#creditos a:hover { color: #f5b400}






/* CONTATOS =========================================== */

#contatoFone {
	background: url(../img/iconFone.jpg) no-repeat left top;
	padding: 10px 0 10px 45px;
	font-size: 1.9em;
	height: 35px;
	margin-left: 10px;
}
#contatoEmail {
	background: url(../img/iconEmail.jpg) no-repeat left top;
	padding: 12px 0 5px 45px;
	font-size: 1.2em;
	height: 38px;
	margin-left: 10px;
}
#contatoEnd {
	display: block;
	background: url(../img/iconChaves.jpg) no-repeat left top;
	padding: 2px 0 5px 45px;
	font-size: 1.1em;
	height: 45px;
	margin-top: 20px;
	margin-left: 10px;
}

div#dados {
  float: left;
  margin: 20px 20px 0 0;
  text-align: left;
  width: 270px;
  height: 200px;
  color: #888;
}
.dadosHome {
  color: #f5b400 !important;
	font-weight: bold;
	width: 330px !important;
}

div#dados p { margin: 3px 0;}

div#contatos { margin: 0px 15px 10px 0;
               text-align: left;
               float: right;
               color: #555;
							 width: 370px;}
  div#contatos span { display: block;
                      text-align: right;
                      width: 70px;
                      float: left;
                      margin-right: 10px;
                      margin-top: 4px;
                      font-weight: bold;}
  div#contatos form { padding: 0px 0 5px 0px;}
  div#contatos em { display: block;
                    clear: right;
                    margin-top: 0px;
                    padding-bottom: 10px;
                    font-style: normal;}
  div#contatos .botao { margin: 0px;
                        padding: 0px;
                        margin-top: 10px;
                        text-align: right;}
  div#contatos #mensagemContato {  color: #406fa9;
																	 height: 35px;
																	 width: 370px;
																	 font-size: 1.2em;
																	 clear: both;
																	 text-align: right;
																	 margin-bottom: 5px;}

/* ==================================================== */