body{
	/*font-family:"myriad pro",helvetica,"sans serif","microsoft sans",arial,"lucida grande";*/
	font-family: Verdana, Arial, "sans serif";
	margin: 0;
	background-attachment: scroll;
	background-image: url('../imagens/bg_header');
	background-position: 0px 33px;
	background-repeat: repeat-x;
	/* IE */
	text-align: center;

}

textarea{
	font-family: Verdana, Arial, "sans serif";
	border: 0px;
	color: #595959;
	font-size: 11px;
}

input{
	border: 0px;
	background-color:#666666;
	color: #FFFFFF;
	font-size: 11px;
}

#pagina_site{
	margin:auto;
	width: 950px;
	/* IE */
	text-align: left;

}

.relatorio{
	vertical-align: middle;
	color: #595959;
	font-size: 10px;
	width: 100%;
	border-spacing: 0px;
}

.relatorio td{
	padding: 3px;
}

.relatorio_item{
	text-align: center;
}


/* Zebrar listas */
.linha_0{
	background-color: #EEEEEE;
}

.linha_1{
	background-color: #FFFFFF;
}

/* Início: Header */
.header_box{
	border: none;
	float:left;
	height: 200px;
	padding: 0;
	width: 100%;
}
.header_box a:link{
	color: #595959;
	text-decoration: none;
}

.header_box a:visited{
	color: #595959;
	text-decoration: none;
}

.header_box a:hover{
	color: #595959;
	text-decoration: underline;
}

.header_box a:active{
	color: #595959;
	text-decoration: none;
}

.header_box img{
	border: none;
}

.header_container{
	background-color: none;
	float: left;
	height: 120px;
	/*
	left: 50%;
	margin-left: -475px;
	position: absolute;
	margin: auto;
	*/
	width: 950px;
}

.header_selo{
	border: none;
	float: left;
	height: 112px;
	width: 300px;
}

.header_data{
	border: none;
	float: left;
	height: 112px;
	width: 345px;
	/*width: 350px;*/
}

.header_data_box{
	border: 0;
	color: #666666;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 47px;
	text-align: right;
}

.header_data_box_gestor{
	border: 0;
	color: #666666;
	font-size: 10px;
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 40px;
	text-align: right;
}

.header_data_box_gestor b{
	color: #ff7600;
}

.header_data_box b{
	color: #ff7600;
}

.header_busca{
	border-left: 1px solid #999999;
	float: left;
	height: 112px;
	width: 300px;
	/*width: 295px;  Alterar para 300px após retirar bordas */
	font-size: 10px;
}

.header_busca_box{
	margin-left:20px;
	margin-top:47px;
	height:47px;
}

.header_busca input[type="submit"]{
	width: 27px;
	border: none;
	background-color:#666666;
	color: #FFFFFF;
}

.header_busca input[type="text"]{
	width: 180px;
	border: 1px solid #999999;
}

form img[id="icon_busca"]{
	margin-bottom:-5px;
}

/* Casses que posicionam os icones e o telefone para atendimento*/
.busca_icons_box{
	margin-left:20px;
	height:16px;
}
.busca_icons_box img{
	margin-bottom:-5px;
}

/* Fim: Header */

/* Início: Quadro geral (Inclui menu e quadro principal) */
.geral_box{
	float:left;
	/*
	left: 50%;
	margin-left: -475px;
	position: absolute;
	margin: auto;
	top: 200px;
	*/
	width: 950px;
}

.geral_box img{
	border: none;
}
/* Fim: Quadro geral */

/* Início: Menu lateral esquerdo */
.menu_box{
	border: none;
	float:left;
	width: 166px;
}

.menu_box a:link{
	color: #666666;
	text-decoration: none;
}

.menu_box a:visited{
	color: #666666;
	text-decoration: none;
}

.menu_box a:hover{
	color: rgb(102,102,102);
	text-decoration: underline;
}

.menu_box a:active{
	color: #666666;
	text-decoration: none;
}

.menu{
	background-color: tranparent;
	border: none;
	/*float: left; */
	width: 166px;
	margin-bottom: 24px;
}

.menu_titulo{
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	height: 21px;   /* height: 21px + padding-top: 3px = 24px */
	line-height: 21px;
	padding-top: 3px;
	text-indent: 12px;
	width: 166px;
}

.menu_item{
	background-color: #ffffff;
	border-bottom: 1px solid black;
	font-size: 11px;
	font-weight: light;
	height: 20px;   /* height: 20px + padding-top: 4px = 24px */
	padding-top: 4px;
	text-indent: 12px;
}

.menu ul{
	margin: 0;
	padding: 0;
	text-indent: 12px;
	width: 166px;
}

.menu li{
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: gray;
	font-size: 11px;
	font-weight: light;
	height: 20px;   /* height: 20px + padding-top: 4px = 24px */
	list-style-type: none;
	padding-top: 4px;
	vertical-align: middle;
	width: 166px;
}

.menu li:hover{
	list-style-image: url('../imagens/arrow');
	list-style-position: inside;
	text-indent:-2px;
	marker-offset:10em;
}

.banner_menu{
	/*float:left;*/
	/*height: 175px;*/
	width: 166px;
}

/* Fim: Menu lateral esquerdo */

/* Início: Quadro principal (Inclui conteúdo)*/
.principal_box{
	border: none;
	float:left;
	left: 25px;
	position: relative;
	width: 759px;	
}

.principal_box a:link{
	color: #595959;
	text-decoration: none;
}

.principal_box a:visited{
	color: #595959;
	text-decoration: none;
}

.principal_box a:hover{
	color: #595959;
	text-decoration: underline;
}

.principal_box a:active{
	color: #595959;
	text-decoration: none;
}

.principal_box hr{
	top: 10pt;
	position: relative;
	border: 0px;
	border-top: 1px solid gray;
}

.principal_box li{
	background-color: #ffffff;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	height: 24px;   /* height: 21px + padding-top: 3px = 24px */
	list-style-type: none;
	vertical-align: middle;
}

.principal_box p{
	border: none;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
	text-align: left;
}

.principal_box sub{
	border: none;
	color: #595959;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
	text-align: left;
}

.principal_box ul{
	margin: 0;
	padding: 0;
	text-indent: 12px;
}
/* Fim: Quadro principal */

/* Início: Conteudo do Template Sistema */
.sistema_box{
	border: none;
	float:left;
	left: 25px;
	position: relative;
	width: 759px; /* Total (950px) - ( Menu(166px) + Borda(25px)  */
}

.sistema_box p{
	border: none;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
	text-align: left;
}

.sistema_box h1{
	background-color: #939393;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	height: 22px;   /* height: 22px + padding-top: 2px = 24px */
	line-height: 22px;
	margin: 0;
	padding-top: 2px;
	text-indent: 12px;
}

.sistema_box a:link{
	color: #595959;
	text-decoration: none;
}

.sistema_box a:visited{
	color: #595959;
	text-decoration: none;
}

.sistema_box a:hover{
	color: #595959;
	text-decoration: underline;
}

.sistema_box a:active{
	color: #595959;
	text-decoration: none;
}

#servico_selecionado{
	background-color: #EEEEEE;
}

/* Fim: Conteudo do Template Sistema */

/* Início: Box Mensagem ( Box para informar erros e avisos ) */

.box_mensagem{
	float: left;
	width: 100%;
	background-color: #E8E8E8;
	margin-top: 6px;
}

.box_mensagem p{
	border: none;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
	text-align: left;
}

/* Fim: Box Mensagem */

/* Início: Showcase e banners centrais */
.banner_showcase_box{
	border: none;
	float:left;
	width: 759px;
}

.showcase{
	background-color: transparent; /*#4d4d4d;*/
	float:left;
	height: 220px;
	margin-bottom: 12px;
	width: 235px;
}

.banner_principal{
	background-color: tranparent; /*#4d4d4d;*/
	float:left;
	height: 220px;
	left: 12px;
	margin-bottom: 12px;
	position: relative;
	width: 512px;
}

.banner_secundario{
	background-color: transparent; /*#4d4d4d;*/
	float:left;
	height: 80px;
	position: relative;
	width: 759px;
}
/* Fim: Showcase e banners centrais */

/* Início: Quadros centrais de texto */
.textos_box{
	border: none;
	display: block;
	float:left;
	/*height: 600px;*/
	position: relative;
	top: 12px;
	width: 597px;
}

.textos_box h1{
	background-color: #939393;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	height: 22px;   /* height: 22px + padding-top: 2px = 24px */
	line-height: 22px;
	margin: 0;
	margin-bottom: 12px;
	padding-top: 2px;
	text-indent: 12px;
}

.textos_box h2{
	border: none;
	color: #2e2e2e;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 24px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
}

.textos_box_nubelight{
	border: none;
	display: block;
	float:left;
	/*height: 600px;*/
	position: relative;
	width: 597px;
}

.textos_box_nubelight h1{
	background-color: #939393;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	height: 22px;   /* height: 22px + padding-top: 2px = 24px */
	line-height: 22px;
	margin: 0;
	margin-bottom: 12px;
	text-indent: 12px;
}

.textos_box_nubelight h2{
	border: none;
	color: #2e2e2e;
	font-size: 11px;
	font-weight: bold;
	height: 24px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 24px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
}

.texto1_container{
	background-color: #ffffff;
	border: none;
	float:left;
	width: 235px;
}

.texto1_container h2{
	border: none;
	color: #2e2e2e;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	padding: 0;
	width: 235px;
	height: auto;
}

.texto1_container hr{
	float: left;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid gray;
	size: 1px;
	width: 100%;
}

.texto1_container img{
	border: none;
	float:left;
	text-align: left;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 12px;
	margin-top: 0;
	padding-top: 3px;
}

.texto1_container p{
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.texto2_container{
	background-color: #ebebeb;
	border: none;
	float:left;
	margin-left: 12px;
	width: 350px;
	margin-top: 12px;
}

.texto2_container h2{
	border: none;
	color: #2e2e2e;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	padding: 0;
	width: 326px;
	height: auto;
}

.texto2_container hr{
	color: gray;
	float: left;
	text-align: center;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0;
	padding: 0;
	position: relative;
	size: 1px;
	width: 326px;
}

.texto2_container img{
	border: none;
	float:left;
	text-align: left;
	margin-left: 0px;
	margin-right: 12px;
}

.texto2_container p{
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0;
	text-align: left;
}

.texto2_container hr{
	float: left;
	text-align:center;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 0px;
	margin-top: 12px;
	margin-bottom: 12px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid gray;
	size: 1px;
	width: 326px;
}

.texto3_container{
	background-color: #ebebeb;
	border: none;
	float:right;
	height: auto;
	margin: 0;
	padding: 0;
	padding-bottom: 12px;
	position: relative;
	width: 350px;
}

.texto3_container h2{
	border: none;
	color: #2e2e2e;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 12px;
	margin-right: 12px;
	margin-top: 0px;
	padding: 0;
	width: 326px;
	height: auto;
}

.texto3_container p{
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 12px;
	margin-right: 12px;
	text-align: left;
}

.texto3_container img{
	border: none;
	float:left;
	text-align: left;
	margin-bottom: 12px;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 0;
}

.texto3_container hr{
	float: left;
	margin-bottom: 0px;
	margin-left: 12px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	padding: 0px;
	border: 0px;
	border-top: 1px solid gray;
	size: 1px;
	width: 326px;
}

.noticia_container{
	display: block;
	margin-bottom: 12px;
	_margin-bottom: 0px;
	float: left;
	padding: 0;
	width: 100%;
}

.noticia_container_variedades{
	height: 80px;
}

.noticia_container_destaques{
	/*height: 220px;*/
	/*height: auto;*/
	height: 235px;
}

#onube{
	background-color: #ff7600;
}

#estudantes{
	background-color: #ffcd00;
}

#empresas{
	background-color: #00a048;
}

#instituicoes{
	background-color: #005827;
}

#informacoes{
	background-color: #043186;
}


#gestor{
	background-color: #ff7600;
}

#candidatos{
	background-color: #ffcd00;
}

#vagas{
	background-color: #00a048;
}

#estagiarios{
	background-color: #005827;
}

#relatorios{
	background-color: #333333;
}

#cobranca{
	background-color: #043186;
}

/* Estilo da area de imprensa: paginas inicial e interna */
.imprensa_container{
	display: block;
}

.imprensa_container h2{
	border: none;
	color: #2e2e2e;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 12px;
	padding: 0;
	width: 100%;
}

.imprensa_container p{
	border: none;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
	width: 100%;
}

.imprensa_container span{
	border: none;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}
/* Fim: Quadros centrais de texto */

/* Início: Banners laterais da direita */
.banner_lateral_box{
	border: none;
	float:right;
	/*height: 600px;
	left: 12px;*/
	position: relative;
	top: 12px;
	width: 150px;
}

.banner_lateral__box_nubelight{
	border: none;
	float:right;
	/*height: 600px;
	left: 12px;*/
	position: relative;
	width: 150px;
}

.banner_lateral1{
	background-color: transparent; /*#808080;*/
	float:left;
	width: 150px;
}

/* Estilos do painel de vagas */
.painel_estagios_container{
	background-color: #EEEEEE;
	float:left;
	position: relative;
	top: 12px;
	width: 150px;
}

.header_painel_estagios{
	margin-bottom: 3px;
	width: 150px;
	height: 28px;
}

.painel_estagios{
	width:138px;
	margin-left:6px;
	margin-top:6px;
}

.painel_estagios hr{
	width:138px;
	border:0px;
	position:relative;
	top: 2px;
	size:1px;
	border-top:1px solid #CCCCCC;
	border-bottom:2px solid white;
}

.painel_estagios p{
	border:0px;
	_margin: 0;
	margin: 0;
	_padding: 0;
	padding: 0;
}

.data_painel_vaga{
	color: #999999;
	font-size: 10px;
	font-weight: bolder;
}

.curso_painel_vaga{
	color: #666666;
	font-size: 10px;
	font-weight: bolder;
}

.descricao_painel_vaga{
	color: gray;
	font-size: 10px;
	font-weight: normal;
}


.banner_lateral2{
	background-color: transparent; /*#808080;*/
	float:left;
	position: relative;
	top: 24px;
	width: 150px;
}
/* Fim: Banners laterias da direita */

/* Início: Rodapé */
.rodape{
	background-color: none;
	color: #999999;
	float: left;
	font-size: 9px;
	/*height: 24px;
	position: relative;
	top: 24px;*/
	padding-top: 25px;
	text-align: center;
	width: 950px;
}

.rodape hr{
	border: 0px;
	border-top: 1px solid gray;
}
/* Fim: Rodapé */

/* Início: Estilos específicos */

.spantext{
	border: none;
	color: #595959;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 12px;
	text-align: left;
}

/* Início: Fotos Institucionais */
.foto{
	border: 0;
	float: left;
	height: 140px; 
	margin: 0;
	padding: 0;
	width: 120px
}

.foto p{
	background-color: #f2f2f2;
	margin-bottom: 6px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 6px;
	text-align: center;
}
/* Fim: Fotos Institucionais */

/* Estilos dos formularios */
form{
	font-size: 11px;
}

form input{
	background-color: #EEEEEE;
	color: #666666;
}

form select{
	border: 1px solid #999999;
	background-color: #EEEEEE;
	color: #666666;
	font-size: 11px;
}

form label{
	color: #666666;
	margin-right:5px;
}

form input[type="button"]{
	border: 0px;
	background-color:#666666;
	color: #FFFFFF;
	font-size: 11px;
}

form select{
	border: 1px solid #999999;
	font-size: 11px;
}

form input[type="submit"]{
	border: 0px;
	background-color:#666666;
	color: #FFFFFF;
	font-size: 11px;
}

form input[type="text"]{
	border: 1px solid #999999;
	font-size: 11px;
}

form input[type="password"]{
	border: 1px solid #999999;
	font-size: 11px;
}

form input[type="checkbox"]{
	border: 1px solid #999999;
	font-size: 11px;
}

form textarea{
	border: 1px solid #999999;
	background-color: #EEEEEE;
	font-size: 11px;
}

form input[state="error"]{
	border: 1px solid red;
	background-color: #FFFFCC;
}

.form_obs{
	font-size: 11px;
	color: #666666;
	font-style: italic;
}

/* Estilos para a caixa de mensagens */
.mensagens_box{
	width: 450px;
	margin-top: 12px;
	margin-bottom: 12px;
	display: block;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
}

.mensagens_box span{
	color: #CC0000;
	font-size: 10px;
}

.flag {
	font-size: 15px;
	margin-bottom: -5px;
	color:#FF0000;
}
/* Fim: Estilos Específicos */

/* Início: Sistema Gestor */
.box_informacoes{
	margin-top: 12px;
	vertical-align: middle;
	color: #595959;
	font-size: 11px;
}

/* Estilo usado para se destacar um topico na tela */
.sistema_box h2{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 12px;
	width: 100%;
}

.sistema_box h3{
	font-size: 10px;
	color: #000000;
	fonr-weight: bolder;
}

.sistema_box h4{
	font-size: 10px;
	color: #ff7600;
	fonr-weight: bolder;
}

/* Estilo usado para se destacar um trecho de texto na tela */
.texto_destacado{
	font-weight: bolder;
	color: #000000;
}

/* Fim: Sistema Gestor */