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

/********************
Destaques
********************/
#destaques {
	position: relative;
	float: left;
	width: 488px;
	height: 217px;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(../images/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(../images/aba-artigo.png) }
#destaques .ui-tabs-nav a.evento { background-image: url(../images/aba-evento.png) }
#destaques .ui-tabs-nav a.publicacao { background-image: url(../images/aba-publicacao.png) }
#destaques .ui-tabs-nav a.caso { background-image: url(../images/aba-caso.png) }
#destaques .ui-tabs-nav a.forum { background-image: url(../images/aba-forum.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;
		background-color: #FFF;
		display:block;
		border: 1px solid #F4EFF6;
	}
	#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: justify;
		line-height: 1.5em;
		height:83px;
		overflow:hidden;
	}
	
	#destaques .mais {
		position: absolute;
		bottom: 10px;
		right: 15px;
		padding-left: 8px;
		background: url(../images/bullet-roxo.gif) no-repeat 0 60%;
		z-index: 2;
	}
	
	#destaques #form_destaque {
		position: absolute;
		bottom: 4px;
		left: 13px;
		height:auto;
		padding:0;
		padding-left: 130px;
		background: url(../images/receba-nossa-newsletter.png) no-repeat left;
		z-index: 1;
	}

	/*#destaques input {
		color: #9C9DA1;
		float: left;
		width: 209px;
		height: 18px;
		padding: 4px 5px 0;
		background: url(../images/input-newsletter.png) no-repeat left;
	}*/
	
	#destaques input.cssValido_Destaque 
	{
		background:transparent url(../images/input-newsletter.png) no-repeat scroll left center;
		color:#9C9DA1;
		float:left;
		height:18px;
		padding:4px 5px 0pt;
		width:209px;
	}

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


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

#eventos h2 {
	text-indent: -9999px;
	height: 35px;
	background: url(../images/forum-participe.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: 230px;
	height: 40px;
	padding: 4px;
	background: #65408C url(../images/item-eventos.png) no-repeat;
	overflow:hidden;
}

#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(../images/item-evento-data.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: 30px;
	padding-left: 10px;
	background: url(../images/bullet-roxo.gif) no-repeat left;
}
#eventos a.mais:hover { text-decoration: underline; }

#eventos a:hover {text-decoration:underline}
#eventos .chamada-forum {
	width:234px;
	height:150px;
	margin:4px 0 0 6px;
}

#eventos .chamada-topico {
	padding:7px 0 0 19px;
	height:41px;
	background:url(../images/chamada-topico.png) no-repeat;
}
#eventos .chamada-topico h3 a {
	font-weight:normal;
	color:#653AA1;
	text-decoration:underline
}
#eventos .chamada-topico a {
	text-decoration:underline
}
#eventos .chamada-topico a:hover {text-decoration:none}
#eventos .chamada-topico p {
	padding-top:8px
}
#eventos .chamada-topico strong {
	font-weight:bold;
	color:#653AA1
}

#eventos .form {
	padding:35px 0 0 13px;
	background:url(../images/chamada-forum.png) no-repeat 0 0;
}
#eventos .form h3 {
	display:none
}
#eventos .form input {
	width:95px;
	height:19px;
	color:#743F9F;
	font-size:1.2em;
	padding:3px 0 0 0;
	background-color:Transparent;
}
#eventos .form #ctl00_ContentPlaceHolder1_usuario {margin-right:15px}

#eventos .form .esqueceu-sua-senha {
	padding-left:10px;
	background:transparent url(../images/bullet-roxo.gif) no-repeat scroll 0 55%;
	display:block;
	float:left;
	margin-top:13px;
}

#eventos .form input.button {
	width:65px;
	height:23px;
	background:transparent url(../images/botao-forum-chamada.png) no-repeat scroll 0 0;
	margin:10px 0 0 28px;
	padding:0;
	cursor:pointer
}

#eventos .form2 {
	padding:13px 0 0 13px;
}
#eventos .form2 a.l {
	display:block;
	padding-left:10px;
	margin-top:13px;
	background:transparent url(../images/bullet-roxo.gif) no-repeat scroll 0 55%;
}
/********************
Fim: Proximos eventos
********************/


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

#banner-home {
	clear: both;
	height: 90px;
	padding: 0;
	overflow: hidden;
	width:100%;
	margin-bottom:17px;
}

#banner-home img {
	display:block;
	height:90px;
	width:739px;
}

#chamadas div {
	position: relative;
	float: left;
	width: 241px;
	height: 207px;
	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 117px 10px 11px;
}

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

#parceiros-lista {
	margin:15px 0 10px 8px;
}

#parceiros-lista a {
	margin-right:9px;
}

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

	#caso h2 { background-image: url(../images/caso-de-sucesso.png); }
	
	#caso .mais {
		width: 53px;
		background-image: url(../images/veja-mais.png);
	}
	
	#caso p a.text_mais:hover { text-decoration:underline; }
	/********************
	Fim: Caso de sucesso
	********************/

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

	#parceiros h2 { background-image: url(../images/nossos-parceiros.png); }
	
	#parceiros .mais {
		width: 125px;
		background-image: url(../images/conheca-nossos-parceiros.png);
	}
	
	#parceiros p a.text_mais:hover { text-decoration:underline; }
	/********************
	Fim: Nossos parceiros
	********************/

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

	#contato h2 { background-image: url(../images/entre-em-contato.png); }
	
	#contato ul {
		width: 214px;
		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(../images/ico-email.gif); }
	#contato li.orkut { background-image: url(../images/ico-orkut.gif); }
	#contato li.msn { background-image: url(../images/ico-msn.gif); }
	#contato li.tel { background-image: url(../images/ico-tel.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; }
	
	#contato p a.text_mais { text-decoration: none; }
	#contato p a.text_mais:hover { text-decoration:underline; }
	/********************
	Fim: Entre em contato
	********************/
/********************
Fim: Chamadas
********************/