/* CSS Stylesheet - Autoria Headbrand, Lda. http://www.headbrand.net */
/* Site: STI, Janeiro 2007 */

body, html, form { /* Definições globais da página*/
	BACKGROUND-COLOR: #4D4948; margin:0 auto; padding:0;
	font-family: 'Zurich BT', Geneva, Arial, Helvetica, sans-serif; font-size: 12px; text-align: center;
}

#DivHeader{ /* DIV de conteúdo do cabeçalho*/
	position: relative;
	height: 83px; width: 1000px;
	text-align: center; margin:0 auto;
	border: 0;
	}
	
#DivContent{/* DIV de conteudo geral */
	background-color: white;
	height: 480px; width: 1000px; position: relative;
	text-align: center; margin:0 auto;
	border:0; overflow: visible;
	border-bottom: 1px solid #696969;
	}
	
#IFContent 
{
	height: 480px; width: 780px; border:0; position: absolute; top: 0; left: 220px;
	text-align: left; margin:0 auto; padding:0;
	}
	
#IFMenu{/* DIV do Menu Tree */
	height: 480px; width: 220px; position: relative; float: left;
	left: 0; top: 0;
	text-align: center; margin:0 auto;
	border: 0;
	}


	
#DivFooter{ /* DIV de Footer*/
	position: relative;
	height: 40px; width: 1000px;
	text-align: center; margin:0 auto;
	border: 0;
}

#IFContentFlash{ /* DIV de Flash dentro do DIVText */
	position: relative; float: left;
	height: 480px; width: 780px;
	text-align: center; margin:0 auto;
	border: 0;
	z-index: 0;
}

#DivfText {/* DIV dos conteudos em texto e imagens ao lado direito do Menu */
	height: 480px; width: 600px; position: relative; float: left;
	left: 0; top: 0;
	text-align: center; margin:0 auto;
	border: 0;
	overflow: hidden;
	}
	
#DivContentImages
{	position: absolute; left: 600px;  top: 0px;
	height: 480px; width: 180px;
	text-align: center; margin:0 auto;
	border: 0;
	padding-top: 4px;
	overflow: hidden;
	clear:none;
	z-index: 0;
	background-color:Transparent;
	}
	
#IFContentImages{ /* DIV de Imagens dentro do DIVText */
	position: relative; float: left;
	height: 476px; width: 177px;
	text-align: center; margin:0 auto;
	border: 0;
	margin-top: 1px;
	overflow: hidden;
	z-index: 0;
}

#DivContentIntro{ /* DIV de Flash Introdutório dentro do DIVText */
	height: 480px; width: 778px;
	text-align: center; margin:0 auto;
	border: 0;
}

#DIVImgScroll{
	position: absolute; float:left; float: right;
	z-index: 1000;
	left: 585px; 	top: 430px;
	height: 45px; width: 15px;
	border: 0;
}

#googlemap{
	padding-top: 10px;
	height: 300px; width: 500px;
}

.HeaderImgSTIAllSmall { /*Imagem de STI Ambiente, Alimentar e Tecnologia no cabeçalho */
	position: relative; float: left;
	left:70px; top:20px;
}
.HeaderImgSTITecnologia { /*Imagem maior de STI Tecnologia no cabeçalho */
	position: relative; float: left;
	left:0px; top:35px;
}
.HeaderImgHeaderMenu { /*Menu back, forward, home */
	position: relative; float: left;
	left:9px; top:28px;
}

.FooterImgLeftLogo { /*Logotipo à esquerda no footer */
	position: relative; float: left;
	left:0px; top:6px;
}

.FooterMenu { /*Menu no Footer */
	position: relative; float: left;
	left:703px; top:13px;
}

.ImageThumb{
		border: 1px solid Silver;
		cursor: hand; cursor:pointer;
		text-decoration: none;
		margin-top: 1px;
}

.ImageThumb:hover  {
		border: 1px solid Silver;
		cursor: hand; cursor:pointer;
		text-decoration: none;
		margin:0;
		margin-top: 1px;
}

.FirstImageThumb{
		border: 1px solid Silver;
		cursor: hand; cursor:pointer;
		text-decoration: none;
		margin:0;
		margin-top: 0px;
}

.FirstImageThumb:hover  {
		border: 1px solid Silver;
		cursor: hand; cursor:pointer;
		text-decoration: none;
		margin-top: 0px;
}

.GrayScrollerUp{
		border: none;
		cursor: hand; cursor:pointer;
		text-decoration: none;
		
}

.GrayScrollerUp:hover  {
		border: none;
		cursor: hand;
		text-decoration: none;
		src:url("./images/scroll_up_red.gif")
}

.GrayScrollerDown{
		border: none;
		cursor: hand;
		text-decoration: none;
		
}

.GrayScrollerDown:hover  {
		border: none;
		cursor: hand;
		text-decoration: none;
		src:url("./images/scroll_down_red.gif")
}