body,td,th,tr {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin: 0; padding: 0;}
body {margin:0px; background-image:url(/portal/imagens/fundo_fora.jpg); background-repeat: repeat-x; background-color:#9c9c9c;}
input, select, textarea, .select{background-image:url(/portal/imagens/fundo_input.jpg);	font: 14px Verdana; background-repeat:repeat-x; border:1px solid #ccc; background-color: #fff; color: #000;}

.botao_grande{
	height: 30px;
	border: 1px solid #999;
	font: 14px Verdana;
}

a {font-family: Verdana, Arial, Helvetica, sans-serif;	color: #333;}
a:visited {color: #333;	text-decoration: none;}
a:hover {color: #cc0000;	text-decoration: none;}
a:active {color: #333;	text-decoration: none;}
a:link {text-decoration: none;}

.centraliza_site{width:960px; position:relative; margin:0px auto;}
.centraliza_conteudo{width:960px;	position:relative; 	margin:0px auto; background-color:#fff;	top:141px;}

.combo_servicos{width:166px; 	height:19px;	font-size:11px;}
.div_box_direita{background-image:url(/portal/imagens/fundo_menu_dir.jpg); 	width:201px; 	text-align:center;}

.div_titulo_direita, .div_titulo_box{
	background-image:url('/portal/imagens/fundo_titulo.jpg');
	height:21px;
	line-height:21px;
	color:#FFFFFF;
	font-size:10px;
	text-indent: 8px;
}
.div_titulo_direita { width:201px;}
.div_titulo_box{
	width: 450px;
	border: 0;
}

.texto_box_comunicacao{text-align:left;	font-size:9px;}
.unitv_comunicacao{text-align:left; color:#999; margin:0px 0px 3px 10px;line-height:30px}
.cabecalho{margin:0px auto;	background:red;	width:960px;	height:40px;}
.div_esquerda{width: 222px;	font-size: 10px; color: #666;	background-image:url(/portal/imagens/fundo_menu_esq.jpg); background-repeat:repeat-x;	float:left;}


.div_centro{background:#fff;	width: 454px;	line-height: 1.5; float:left;	font-size: 11px;	padding: 23px 28px 0px 28px;}
.div_centro_direita{background:#fff;	width: 670px;	float:left;	padding: 23px 28px 0px 28px;}
.div_centro_grande{background:#fff;	width: 890px;	float:left;	font-size: 11px;	padding: 23px 28px 0px 28px;}
.div_direita{background:#fff;	width: 205px;	float:right;	font-size: 11px;	padding: 23px 23px 0px 0px;}

#div_rodape{background-image:url(/portal/imagens/rodape.jpg); background-position: bottom;	background-repeat: no-repeat; background-color: transparent; width: 960px;	height:70px;	padding-bottom: 10px; text-align:center;	display:inline-table;}
#texto_rodape{font-size:9px;	color: #CCCCCC;	margin: 10px auto 0px;	line-height:20px}
.div_alinha_menu_esquerda{margin:12px 0px 0px 36px;}
.div_menu_uteis{font-size:11px; 	line-height:28px}
.titulo{text-align:right; 	border-bottom:1px solid #666; 	color:#666666; 	font-size:16px; font-weight:bold;}
.titulo_normal{text-align: left; text-indent: 10px; border-bottom:1px solid #666; 	color:#666666; 	font-size:16px; font-weight:bold;}

/* ESTILOS PARA A FUNÇÃO CABECALHO -----------------------------*/
#div_topo{	width:960px; 	height:23px; 	background-image:url(/portal/imagens/fundo_topo.png);}
#div_topo_canto_esq{	width:12px;  height:23px;	float:left;  	background-image:url(/portal/imagens/canto_esq.png);}
#div_topo_canto_dir{	width:12px;  height:23px;	float:right; 	background-image:url(/portal/imagens/canto_dir.png);}
#div_cabecalho{	position: absolute; 	top:23px; 	width:960px; 	height:90px; 	background-image:url(/portal/imagens/fundo_cabecalho.jpg); }
#div_cabecalho_logo{	float:left; 	margin:22px 0px 0px 35px;}
#div_cabecalho_pesquisa{	float:right; 	margin:42px 30px 0px 0px;}
#div_menu_topo{	position:absolute; 	left:0px; 	margin:0px auto; 	top:90px; 	width:960px; 	height:28px; }
.login{	position:absolute; 	left:0px;	top:113px; 	width:960px; 	height:28px;	background-image:url(/portal/imagens/fundo_barra_login.jpg); 	margin: 0px 0px;}
.submenu_pos{	position:absolute; 	left:0px;	top:113px; 	width:960px; 	height:28px;	background-image:url(/portal/imagens/fundo_barra_submenu_pos.jpg); 	margin: 0px 0px;}
.sub_menu{	position:absolute; 	left:0px;	top:113px; 	width:960px; 	height:28px;	background-image:url(/portal/imagens/fundo_barra_login_vermelha.jpg); 	margin: 0px 0px;}
.menu_topo_horizontal{	border-right:1px solid #cccccc;	text-align:center;	font-size: 10px; color: #666666;}
#div_topo_centro_universitario{ float:left;   font-size: 10px;  color: #666666;  line-height:28px;  margin:0px 0px 0px 35px;}
#div_login{	float:right; 	margin:2px 15px 0px 0px;}
.input_login{	border:0px; 	background-color:#F0F0F0; 	width:68px; 	height:13px; 	font-size:9px; 	color:#ccc; 	padding: 0px 0px 0px 5px;}
.menu_horizontal_topo{	width:960px;	position:relative; 	margin:0px auto;	top:141px; 	width:960px; 	height:28px;	background-image:url(/portal/imagens/fundo_barra_login.jpg); }
.menu_horizontal{	border-right:1px solid #cccccc;	text-align:center;	font-size: 10px; color: #666666;	line-height:28px;	width:239px;	float:left;}
/*----------------------------------------------------------*/

/* BANNERS DA PAGINA PRINCIPAL -----------------------------*/
#banner_ead{	background-image:url(/portal/imagens/banners_ead.jpg); 	width:210px;	height:62px; 	margin:0px 0px 10px 0px; 	float:left;}
#banner_portal_do_aluno{	background-image:url(/portal/imagens/banners_portal_do_aluno.jpg); 	width:210px; 	height:62px; 	margin:0px 0px 10px 0px; 	float:right;}
#banner_portal_do_aluno{	background-image:url(/portal/imagens/banners_portal_do_aluno.jpg); 	width:210px; 	height:62px; 	margin:0px 0px 10px 0px; 	float:right;}
#banner_convenios{	background-image:url(/portal/imagens/banners_convenios.jpg); 	width:210px; 	height:62px; 	margin:0px 0px 10px 0px; 	float:left;}
#banner_aex{	background-image:url(/portal/imagens/banners_aex.jpg); 	width:210px; 	height:62px; 	margin:0px 0px 10px 0px; 	float:right;}
#banner_unigriffe{	background-image:url(/portal/imagens/banners_unigriffe.jpg); 	width:210px; 	height:62px; 	float:left;}
#banner_editora{	background-image:url(/portal/imagens/banners_editora.jpg); 	width:210px; 	height:62px; 	float:right;}
/*----------------------------------------------------------*/
.justificado{ text-align:justify}
.download_acrobat{width:280px; padding:10px; background-color:#f1f1f1; border:1px solid #999; font-size:10px; margin:0px auto;}
.borda { border:1px #ccc solid;}
.voltar {color:#CC0000;	font-weight:bold;}
.voltar:hover {	color:#FF0000;	text-decoration:none;	font-weight:bold;}

/* adm */
#menu_adm{text-align: center; padding-bottom: 20px}
#menu_adm img{margin:5px 10px; border:0;}

/* tabela genérica */
.tabela{
	padding: 2px;
	border-collapse: collapse;
	empty-cells: show;
	vertical-align: top;
}
.tabela input, .tabela{
	font: 12px Verdana;
}
.tabela th, .tabela td{
	padding: 4px;
	vertical-align: top;
	empty-cells: show;
}
.tabela th{
	background-image:url(/portal/imagens/fundo_titulo.jpg);
	background-repeat: repeat-x;
	background-color:#666;
	color: #fff;
	border: 1px solid #6f6f6f;
}
.tabela td{
	border: 1px solid #ccc;
}

.select{
	font: 12px Verdana;
}

/*mensagens do sistema */
.mensagem{
	margin: 10px 5px 10px 5px;
	padding: 10px;
	border: 1px solid;
	cursor: pointer;
}
.mensagem table{
	width: 100%;
}
.mensagem img{
	vertical-align: text-top;
	margin: 0px 20px 0px 0px;
}
.msg_erro{
	border: 2px solid #c00;
}
.msg_info{
	border: 2px solid #c3d6fb;
}
.msg_aviso{
	border: 2px solid #ffe600;
}
/* banners */
#div_banners_capa{
	padding-bottom: 5px;
}

#div_banners_capa img{
	border: 0;
	margin: 0;
}

/* news */
.news_titulo{
	text-align:left;
	color:#666;
	font-size:14px;
	font-weight:bold;
}

.news_data_hora{
	font: 9px verdana;
	margin: 0;
	position: relative;
	top: -10px;
	border-bottom: 1px solid #efefef;
	padding-bottom: 5px;
}

.news_resumo{
	font: 11px verdana;
	padding: 0px 5px 10px 5px;
	border-bottom: 1px solid #efefef;
	margin-bottom: 5px;
}

.news_texto{
	font: 12px verdana;
	line-height: 1.5;
}

.news_foto, .news_foto_legenda{
	width: 450px;
}
/*html>body .news_foto_legenda  div{
	display: inline;
	float: left;
	position: relative;
	top: -20px
}*/
.news_foto_legenda{
	background-image: url('../imagens/fundo_legenda.png');
	float: left;
	position: absolute;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}
.news_foto{
	width: 450px;
	height: 300px;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	position: relative;
	z-index: 1;
	border: 1px solid #eee;
}

.news_foto_titulo, .news_foto_resumo{
	color: #fff;
	margin: 0;
	padding: 0px 8px;
}
.news_foto_titulo a, .news_foto_resumo a{
	color: #fff;
}
.news_foto_titulo{font: 12px Verdana; padding-top: 5px; padding-bottom: 3px}
.news_foto_resumo{font: 10px Verdana; padding-bottom: 5px;}

.news_foto_titulo, .news_box_titulo{
	font-weight: bold;
}
.news_lista{
	margin: 20px 0px;
	border: 1px solid #efefef;
	width: 450px;
	float: left;
	position: relative;
}
.news_lista ul{
	margin-bottom: 1em;
	margin-left: 2em;
	padding-left: 0;
}
.news_lista li a:hover{
	text-decoration: underline;
}
.news_lista .news_data{
	list-style: none;
	margin: 5px 0px;
	text-indent: -15px;
	font-weight: bold;
}
.news_lista_titulo{
	border-bottom: 1px solid #efefef;
}
.news_box{
	background-color: #f7f7f7;
	color: #000;
	padding: 5px;
	cursor: pointer;
	border: 1px solid #eee;
	width: 430px;
	margin: 0px auto 5px;
}
.news_box_titulo{
	margin-bottom: 5px;
}

.foto_galeria{
	border: 1px solid #efefef;
	margin: 0px 10px 10px 0px;
}
.titulo_cinza_destaque {
	background-color:#f5f5f5; 
	border:1px solid #e1e1e1; 
	line-height:30px; 
	padding:0px 0px 0px 10px; 
	cursor:pointer;
}
.barra_busca_noticia{
	background-color: #f7f7f7;
	border-top: 1px solid #f7f7f7;
	padding: 5px 10px 5px 10px;
	text-align: right;
}
.box_botoes_news_lista{
	display: inline;
	float: right;
	margin: 5px;
}
.foto_galeria{
	border: 1px solid #efefef;
	margin: 0px 10px 10px 0px;
}
.mini_obs{
	font: 10px Verdana;
	font-style: italic;
}

/******* CLIPPING ***********/
.clipping_titulo{
	color: #747474;
	font-size: 14px;
	margin: 10px;
	border-bottom: 1px dotted #747474;
	padding-bottom: 3px;
	text-indent: 3px;
}

.clipping_data{
	color: #cc0000;
	border-bottom: 1px solid #cc0000;
	margin-bottom: 20px;
	padding-bottom: 3px;
	margin-left: 10px;
	margin-right: 10px;
	text-indent: 10px;
	font: 16px Verdana;
}

.status_ativo, .status_inativo{
	font: 12px verdana;
	font-weight: bold;
}
.status_ativo{
	color: #0f0;
}

.status_inativo{
	color: #f00;
}

#box_registros{
	border-bottom: 1px solid #eee;
	padding-bottom: 5px;
	padding-right: 20px;
	margin-bottom: 15px;
}
#box_registros img{
	vertical-align: bottom;
	cursor: pointer;
}

#box_paginacao{
	padding: 5px;
	background-color: #fff;
	color: #000;
	border-top: 1px solid #eee;
}

#box_paginacao .pag_atual{
	padding: 2px 5px;
	border: 1px solid #ccc;
	background-color: 848484;
	color: #fff;
	cursor: pointer;
	height: 20px;
}
.img_clipping{
	border: 1px solid #000;
}
.clipping_titulo{
	color: #747474;
	font-size: 14px;
	margin: 10px;
	border-bottom: 1px dotted #747474;
	padding-bottom: 3px;
	text-indent: 3px;
}
.clipping_classificacao{
	text-indent: 30px;
}
#apresentacao{
	margin: 20px 5px 30px 5px;
	padding: 10px 10px 5px 10px;
	background-color: #fafafa;
	border: 1px solid #ccc;
}
#apresentacao p{
	text-align: justify;
	line-height: 1.5;
	margin: 10px;
}
#apresentacao h2{
	margin: 0px;
	padding-bottom: 5px;
	color: #c00;
	border-bottom: 1px solid #c00;
	text-indent: 10px;
}


/** Formulários  com legendas pequenas**/

.formulario{
	font:100% verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 450px;
	max-width: 450px;
	width: 450px; 
}

.formulario fieldset{
	clear: both;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	padding: 10px 10px 10px 50px;
	margin: 10px;
}

.formulario fieldset legend {
	font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.formulario label { 
	display: inline; /* block float the labels to left column, set a width */
	padding: 0;
	margin: 10px 5px; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
	font-weight: bold;
}

/*

.formulario fieldset label:first-letter {  
	text-decoration:underline;    
*/
.formulario input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 5px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.formulario input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

.formulario textarea { overflow: auto; }

.formulario small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.formulario .required{font-weight:bold;} /* uses class instead of div, more efficient */

.formulario br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/** Formulários  com legendas grandes**/
.questionario{
	font:100% verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 450px;
	max-width: 450px;
	width: 450px; 
}

.questionario fieldset{
	clear: both;
	border-color: #ccc;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	margin: 10px;
}

.questionario fieldset legend {
	font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

.questionario label { 
	display: block;  /* block float the labels to left column, set a width */
	padding: 0; 
	margin: 10px 5px; /* set top margin same as form input - textarea etc. elements */
	text-align: left; 
	font-weight: bold;
}

/*

.questionario fieldset label:first-letter {  
	text-decoration:underline;    
*/
.questionario input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

.questionario input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

.questionario textarea { overflow: auto; }

.questionario small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

.questionario .required{font-weight:bold;} /* uses class instead of div, more efficient */

.questionario br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.radio{background-color: none; background-image: none; border:0; vertical-align: middle;}

/* calendario*/
#eventos_container{
	padding-bottom: 5px;
}
#eventos_calendario{
	font: 10px verdana;
	padding: 5px;
}
#eventos_container{
	border: 1px solid #efefef;
	background-image: none;
	background-color: #efefef;
	margin: 10px 0px;
}
#eventos_data{
	text-align: left;
	border-bottom: 1px solid #000;
	color: #000;
	margin: 5px;
	text-indent: 5px;
}
#eventos_lista{
	height: 100px;
	background-color: #fff;
	border: 1px solid #ccc;
	overflow-y: auto;
	font: 9px verdana;
	text-align: left;
	padding: 5px;
}
#eventos_lista ul{
	padding: 0px;
	padding-left: 1em;
	margin: 0px;
}
#eventos_lista li{
	padding: 0;
}
#eventos_calendario .feriado a{
	/*border: 1px solid #c00 ! important;*/
	border-bottom: 2px solid #c00 ! important;
	/*background-image: none ! important;
	background-color: #FFE6DF ! important;*/
}
#eventos_calendario .evento a{
	border-bottom: 2px solid #666 ! important;
	/*background-image: none ! important;*/
}