body { 
	background-color: #EEEEEE; 
	margin: 0px; 
	font-size:62.5%; /* 62.5% = 10px = 1em */
}

#tudo {
	margin: 0px auto;
	padding: 0px;
	width: 940px;
	background-color: #FFFFFF; 
}
	
#LogoPrincipal{ 
	width: 940px;
	height: 173px;
	background: url(../imagens/logos/logo-topo.jpg) top no-repeat; 
	display:block;
}

#curso{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #8da372;
}

#data{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #000000;
}

#unidade{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 70px;
	color: #8DA372;
	
}

#titulo{
	width: 225px;
	height: 20px;
	font: 1.4em verdana;
	font-weight: bold; 
	color: #04750D;
	text-indent: 56px;
	margin-top: 5px;
	margin-bottom: 5px;
	background: #EDFADE;
	float:left;
}		

#conteudo{ 
	width: 940px;
	min-height: 380px;
	float: left; 
	margin-top: 2px;
	background-color: #EDFADE;
}

#conteudo p{ 
	font: 1.2em Verdana;
	color: #000000;
	margin: 20px 6px 15px 8px; 
	text-align: left;
	line-height: 20px;
	text-indent: 50px;
	text-decoration:none;
}

#conteudo li{
	font: 1.2em verdana;
	color: #000000;
	margin: 20px 6px 15px 8px;
	text-align: left;
	line-height: 20px;
	text-indent: 10px;
}

#conteudo h2{
	text-align: left;
	text-indent: 120px;
	color: #000000;
}

#conteudo h3{
	font: 1.4em verdana;
	font-weight: bold; 
	text-align: center;
	color: #04750D;
}

#conteudo h4{
	font: 1em verdana;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

#conteudo h4 a{
	font: 1em verdana;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #000000;
}

.bb{
	font: 1.1em Verdana;
	text-align: left;
	text-indent: 56px;
	text-decoration: none;
}

.desc_tecnologia {
	width: 935px;
	background-color:#EDFADE;
	min-height: 80px;
	float: left;
	margin-top: 2px;
	margin-left: 5px;
}

.img_tecnologias {
	width: 323px;
	min-height: 245px;
	float: left;
	margin-top: 10px;
	margin-left: 5px;
	margin-bottom: 1px;
	background-color:#EDFADE;
}

.folder_tecnologias {
	width: 580px;
	min-height: 245px;
	float: right;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	margin-bottom: 2px;
	background-color:#EDFADE;
}

.folder_tecnologias a{
	text-decoration: none;
	color: #000000;
}

.img_tecnologias h4{
	font: .5em verdana;
	/* font-weight: bold; */ 
	text-align: center;
	color: #000000;
	margin-top: 1px;
	
}

.div-conteudo a{
	text-decoration: none;
	text-align: center;
	color: #04750D;
}

.noticias {
	width: 844px;
	min-height: 45px;
	float: left;
	margin-top: 5px;
	margin-left: 56px;
	background:#EDFADE;
}

.noticias p{
	font: 1em Verdana;
	color: #000000;
	margin: 20px 6px 15px 8px; 
	text-align: left;
	line-height: 20px;
	text-decoration:none;
	background:#0000FF;
}

.linha_divisoria{
	width: 940px;
	height: 5px;
	float: right;
	margin-top: 1px;
}

#programacao {
    float: left;
    margin-top: 30px;
    
}

#apoio {
	width: 220px;
	height: 70px;
	font-size: 15px;
	float: right;
	margin-right: 55px;
}

#parceiros {
	width: 265px;
	height: 58px;
	float: right;
	font-size: 15px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 50px;
}

#apoio_faped {
	width: 110px;
	height: 35px;
	font-size: 15px;
	float: left;
	margin-left: 20px;
	margin-top: 13px;

}

#apoio_trata {
	width: 60px;
	height: 48px;
	font-size: 15px;
	float: right;
	margin-right: 10px;

}

#parceiros_ecosys {
	width: 110px;
	height: 34px;
	float: left;
	margin-top: 5px;
	margin-left: 0px;
}

#parceiros_fundacaobb {
	width: 142px;
	height: 34px;
	float: right;
	margin-top: 5px;

}

#triade{
	width: 940px;
	height: 103px;
	float: left;
	margin-bottom: 2px;
	background-color: #EDFADE;
}

#triade img{
	width: 600px;
	height: 103px;
	float: left;
	margin-left: 170px;
	margin-bottom: 2px;
}

#rodape{ 
	margin: 0px auto;
	width: 940px;
	height: 204px;
	background: url(../imagens/logos/logo-rodape.jpg) #EEE no-repeat 50%; 
	clear:both;
}

/* 
Hack para resolver o merda do internet explorer 
que por padrão coloca uma borda ao redor de todas 
as imagens que contenham um link.
*/

img {
  border: 0;
}
