@charset "utf-8";
@import "geral000.css";

/********************
Destaques
********************/
.txt24 {
	font-size:24; !important;
}

#destaques {
	position: relative;
	float: left;
	width: 488px;
	height: 217px;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(destaque.png) no-repeat 0 33px;
}

/* Tabs */
.ui-tabs-hide { display: none; } /* esconde conteudos de outras tabs */

.ui-tabs-nav { height: 33px; }

#destaques .ui-tabs-nav li {
	float: left;
	width: 122px;
	height: 100%;
}

#destaques .ui-tabs-nav a {
	text-indent: -9999px;
	display: block;
	height: 100%;
	background-position: top;
}
#destaques .ui-tabs-nav a.artigo { background-image: url(aba-arti.png) }
#destaques .ui-tabs-nav a.evento { background-image: url(aba-even.png) }
#destaques .ui-tabs-nav a.publicacao { background-image: url(aba-publ.png) }

#destaques .ui-tabs-nav a:hover, #destaques li.ui-tabs-selected a { background-position: bottom; }
#destaques li.ui-tabs-selected a { cursor: default; }
/* Fim: Tabs */

#destaques div {
	height: 200px;
	padding: 14px 10px 3px;
}

	/********************
	Formatação das abas
	********************/
	#destaques img {
		float: left;
		margin-right: 10px;
		padding: 8px;
		border: 1px solid #F4EFF6;
		background-color: #FFF;
	}
	#destaques a:hover { text-decoration: underline; }
	
	#destaques h2 {
		text-align: justify;
		margin-bottom: 10px;
	}
	
	#destaques h2 a { font-size: 1.4em; }
	
	#destaques p {
	color: #6C3F94;
	text-align: left;
	line-height: 1.5em;
	}
	
	#destaques .mais {
		position: absolute;
		bottom: 10px;
		right: 15px;
		padding-left: 8px;
		background: url(bullet-r.gif) no-repeat 0 60%;
		z-index: 2;
	}
	
	#destaques form {
		position: absolute;
		bottom: 4px;
		left: 13px;
		padding-left: 130px;
		background: url(receba-n.png) no-repeat left;
		z-index: 1;
	}

	#destaques input {
		color: #9C9DA1;
		float: left;
		width: 209px;
		height: 18px;
		padding: 4px 5px 0;
		background: url(input-ne.png) no-repeat left;
	}
	#destaques input:focus { color: #38393A; }
	
	#destaques button {
		text-indent: -9999px;
		float: left;
		width: 23px;
		height: 22px;
		background: url(ok-newsl.png) no-repeat top;
	}
	#destaques button:hover, #destaques button.hover { background-position: bottom; }
	/********************
	Fim: Formatação das abas
	********************/
/********************
Fim: Destaques
********************/


/********************
Proximos eventos
********************/
#eventos {
	float: right;
	width: 380px;
	height: 217px;
	background: url(box-prox.png) no-repeat bottom;
}

#eventos h2 {
	text-indent: -9999px;
	height: 35px;
	background: url(proximos.png) no-repeat 13px 50%;
}

#eventos ul { padding: 0 3px 12px 4px; }

#eventos li { height: 48px; }
* html #eventos li { margin-bottom: -3px; } /* fix ie6- */
*+html #eventos li { margin-bottom: -3px; } /* fix ie7 */

#eventos li a {
	display: block;
	width: 375px;
	height: 40px;
	padding: 4px;
	background: #65408C url(item-eve.png) no-repeat;
}

#eventos li strong {
	cursor: pointer;
	color: #4A2B74;
	font-weight: normal;
	text-align: center;
	line-height: 40px;
	float: left;
	width: 46px;
	margin-right: 8px;
	background: url(item-evf.png) no-repeat;
}

#eventos li span {
	color: #DDCBEC;
	font-size: 1.1em;
	display: block;
	padding-top: 4px;
}
#eventos li a:hover span { color: #FFF; }

#eventos a.mais {
	float: right;
	margin-right: 7px;
	padding-left: 7px;
	background: url(bullet-r.gif) no-repeat left;
}
#eventos a.mais:hover { text-decoration: underline; }
/********************
Fim: Proximos eventos
********************/


/********************
Chamadas
********************/
#chamadas {
	clear: both;
	height: 209px;
	padding: 7px;
	overflow: hidden;
	background: #ECF5F8 url(chamadas.png) no-repeat;
}

#chamadas div {
	position: relative;
	float: left;
	width: 288px;
	height: 205px;
	margin-right: 1px;
	background-repeat: no-repeat;
	background-position: bottom;
}
#chamadas #contato { margin-right: 0; }

#chamadas h2 {
	text-indent: -9999px;
	height: 32px;
	margin-bottom: 12px;
	background-repeat: no-repeat;
	background-position: left;
}

#chamadas p {
	text-align: justify;
	padding: 0 100px 10px 11px;
}

#chamadas .mais {
	text-indent: -9999px;
	position: absolute;
	bottom: 13px;
	left: 11px;
	height: 14px;
	background-repeat: no-repeat;
}

	/********************
	Caso de sucesso
	********************/
	#caso { background-image: url(box-caso.jpg); }

	#caso h2 { background-image: url(caso-de-.png); }
	
	#caso .mais {
		width: 129px;
		background-image: url(veja-mai.png);
	}
	/********************
	Fim: Caso de sucesso
	********************/

	/********************
	Nossos parceiros
	********************/
	#parceiros { background-image: url(box-noss.jpg); }

	#parceiros h2 { background-image: url(nossos-p.png); }
	
	#parceiros .mais {
		width: 125px;
		background-image: url(conheca-.png);
	}
	/********************
	Fim: Nossos parceiros
	********************/

	/********************
	Entre em contato
	********************/
	#contato { background-image: url(box-entr.jpg); }

	#contato h2 { background-image: url(entre-em.png); }
	
	#contato ul {
		width: 288px;
		margin: 0 auto;
	}
	
	#contato li {
		line-height: 20px;
		padding-left: 25px;
		border: 1px solid #EDEBF4;
		border-bottom-color: #E2DDEC;
		background-color: #F6F4FA;
		background-repeat: no-repeat;
		background-position: 5px 50%;
	}
	#contato li.last { border-bottom-color: #EDEBF4; }
	#contato li.email { background-image: url(ico-emai.gif); }
	#contato li.orkut { background-image: url(ico-orku.gif); }
	#contato li.msn { background-image: url(ico-msn0.gif); }
	#contato li.tel { background-image: url(bullet-r.gif); }
	#contato li.tel1 { background-image: url(ico-youbian.gif); }

	
	#contato li:hover, #contato li.hover { background-color: #ebe6f4; }
	
	#contato li strong, #contato li a {
		color: #65468B;
		font-weight: normal;
	}
	
	#contato a { text-decoration: underline; }
	#contato a:hover { text-decoration: none; }