@import url("formulario.css");

html {
	height: 100%;
	overflow: auto;
	/* IE7 - REMOVER SCROLL QUANDO N�O PRECISA */
}

:focus {
	-moz-outline-style: none;
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: url(../image/bg.png) top left repeat-x;
	background-color: #dfdfdf;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

div,
img,
p,
a,
h3 {
	margin: 0;
	padding: 0;
}

a.bt-sair {
	cursor: pointer;
}

/* BOX LOGIN
---------------------------------*/
div#box-login {
	behavior: url(inc/css/iepngfix.htc);
	background: url(../image/index-box-bg.png) top left no-repeat;
	width: 410px;
	height: 289px;
	margin: 0 auto;
	clear: both;

	padding: 5px;
}

div#box-login-titulo {
	height: 73px;
	background: url(../image/header_login.png) top left no-repeat;
}

div#box-login-conteudo {
	height: 175px;
	margin-right: 10px;
}

div#vertical {
	float: left;
	height: 50%;
	margin-top: -149px;
	/* half vertical height*/
	width: 100%;
}

div#box-login-form {
	margin: 0 auto;
	margin-top: 17px;
	width: 258px;
}

div#box-login-form p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #545454;
	margin: 0;
	padding: 0;
	margin-bottom: 13px;
}

div#box-login-form form {
	margin: 0;
	padding: 0;
}

div#box-login-form form fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

div#box-login-form form fieldset legend {
	display: none;
}

div#box-login-form form fieldset label {
	display: none;
}

div#box-login-form form fieldset .utilizador {
	background: url(../image/form-input-text-utilizador.png) top left no-repeat;
	width: 258px;
	height: 36px;
}

div#box-login-form form fieldset input#utilizador {
	width: 208px;
	background-color: transparent;
	border: none;
	padding-top: 10px;
	margin-bottom: -5px;
	margin-left: 30px;

	color: #2e2e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#box-login-form form fieldset .password {
	background: url(../image/form-input-text-password.png) top left no-repeat;
	width: 258px;
	height: 36px;
	margin-top: 5px;
}

div#box-login-form form fieldset input#password {
	width: 208px;
	background-color: transparent;

	border: none;
	padding-top: 10px;
	margin-bottom: -5px;
	margin-left: 30px;
	color: #2e2e2e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

div#box-login-submit {
	width: 258px;
	margin-top: 5px;
}

div#box-login-submit input#entrar {
	background: url(../image/form-input-submit-entrar.png) top left no-repeat;
	width: 78px;
	height: 36px;
	border: none;
	cursor: pointer;
	float: right;
}

div#box-login-erro {
	float: left;
	width: 169px;
	margin-top: 3px;
	margin-right: 8px;
	background-color: #e6d5bf;
	border: 1px solid #e3b87f;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	margin-right: -8px;
	font-size: 10px;
	color: #1d1d1d;
}

div#box-login-erro img {
	margin: 0;
	padding: 0;
	margin-right: 10px;
	vertical-align: middle;
}

div#box-login-footer {
	width: 400px;
	margin-top: 17px;
}

div#box-login-footer #box-login-footer-esq {
	float: left;
	margin-left: 20px;
	margin-bottom: 10px;
}

div#box-login-footer #box-login-footer-esq a,
div#box-login-footer #box-login-footer-esq a:active,
div#box-login-footer #box-login-footer-esq a:visited {
	font-weight: bold;
	color: #e28e1e;
	text-decoration: none;
	font-size: 10px;
	cursor: pointer;
}

div#box-login-footer #box-login-footer-dir {
	float: right;
	margin-right: 20px;
	color: #cecece;
	font-size: 10px;
}

/* BOX LOGIN AJUDA
---------------------------------*/
div#hit-ajuda {
	display: none;
}

div#alinha {
	width: 510px;
	height: 100%;
	display: table;
	margin: 0 auto;
}

div#box-ajuda {
	width: 510px;
	position: absolute;
	top: 30%;
	left: 30%;
}

div#box-info {
	width: 510px;
	margin: 0 auto;
	display: table-cell;
	vertical-align: middle;
	margin-top: 50%;
}

div#box-ajuda-titulo {
	behavior: url(inc/css/iepngfix.htc);
	background: url(../image/box-ajuda-titulo.png) top left no-repeat;
	width: 510px;
	height: 38px;
}

div#box-info-titulo {
	behavior: url(inc/css/iepngfix.htc);
	background: url(../image/box-info-titulo.png) top left no-repeat;
	width: 510px;
	height: 38px;
}

div#box-ajuda-titulo-esq {
	color: #FFF;
	font-weight: bold;
	padding-left: 35px;
	padding-top: 15px;
	float: left;
}

div#box-ajuda-titulo-dir {
	float: right;
	padding-right: 10px;
	padding-top: 12px;
}

div#box-ajuda-titulo-dir img {
	vertical-align: middle;
	cursor: pointer;
}

div#box-ajuda-conteudo {
	background: url(../image/box-ajuda-conteudo-bg.png) top left repeat-y;
	background-color: #FFF;
	padding: 20px;
	padding-top: 15px;
}

div#box-ajuda-conteudo a,
div#box-ajuda-conteudo a:visited,
div#box-ajuda-conteudo a:active {
	font-weight: bold;
	text-decoration: none;
	color: #e28e1e;
}

div#box-ajuda-conteudo h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #e28e1e;
	font-size: 14px;
	margin-bottom: 3px;
}

div#box-ajuda-conteudo p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 11px;
}

div#box-ajuda-bottom {
	background: url(../image/box-ajuda-bottom.png) top left no-repeat;
	width: 510px;
	height: 6px;
}

div#box-ajuda-transparente {
	background: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

/* DIV LAYOUT
---------------------------------*/
div.fix-float {
	clear: both;
	margin: 0;
	padding: 0;
}

div#layout {
	width: 100%;
}

div#layout-centrado {
	width: 930px;
	margin: 0 auto;
}

div#top-gradient {
	margin: 0 auto;
	width: 930px;
	height: 20px;
	/* 	background:url(../image/top-gradient.png) top center no-repeat; */
}

div#top-banner {
	background: url("../image/header_top.png") top left no-repeat;
	width: 930px;
	height: 118px;
}

#top-banner a#intrafor-logo img {
	margin-left: 30px;
	margin-top: 30px !important;
	float: left;
}

#top-banner h1,
#top-banner h2 {
	text-align: right;
	margin: 0 10px 0 0;
	color: #CACACA;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 26px;
}

#top-banner h1 {
	padding-top: 35px;
	font-weight: normal;
}

#top-banner h2 {}

div#top-info {
	margin: 0 auto;
	width: 930px;
	height: 42px;
	background: url(../image/bg-top-info.png) top left repeat-x;
	background-color: #383838;
	/* FIX IE 6 - FICAM DOIS PIXEIS EM BAIXO SEM NADA - METE-SE COR DE FUNDO E ELE TAPA*/
}

div#top-info-esq {
	width: 465px;
	float: left;
}

div#top-info-dir {
	margin-left: 465px;
	text-align: right;
}

div.top-info-txt {
	font-size: 12px;
	color: #d2d2d2;
	padding: 13px;
}

div.top-info-txt img {
	vertical-align: middle;
}

div#top-info-dir div.top-info-txt {
	padding: 9px;
}

div.top-info-txt span {
	color: #e28e1e;
}

div.top-info-img {
	padding: 6px;
	margin-right: 5px;
	margin-left: 5px;
	float: left;
}

div#area-util {
	width: 930px;
	display: inline-block;
	background-color: #FFF;
	background: url(../image/bg-area-util.png) top left repeat-y;
}

div#info-esquerda {

	width: 250px;
	float: left;
	font-size: 10px;
}

div#conteudo {
	float: right;

	width: 680px;
	font-size: 10px;
}

div.conteudo-texto {
	color: #383838;
	padding: 15px 15px 15px 15px;
	width: 650px;
}

div.conteudo-modulos {
	color: #383838;
	padding: 0;
	width: 680px;
}

div.conteudo-modulos a div.formadores {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-formadores.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.formadores:hover {
	background: url(../image/modulos/ico-m-formadores_hv.png) top left no-repeat;
}

div.conteudo-modulos a div.cursos {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-cursos.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.cursos:hover {
	background: url(../image/modulos/ico-m-cursos_hv.png) top left no-repeat;
}

div.conteudo-modulos a div.cno {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-cno.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.cno:hover {
	background: url(../image/modulos/ico-m-cno_hv.png) top left no-repeat;
}

div.conteudo-modulos a div.tabelasgerais {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-tabelas_gerais.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.tabelasgerais:hover {
	background: url(../image/modulos/ico-m-tabelas_gerais_hv.png) top left no-repeat;
}

div.conteudo-modulos a div.exportar {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-exportar.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.exportar:hover {
	background: url(../image/modulos/ico-m-exportar_hv.png) top left no-repeat;
}

div.conteudo-modulos a div.cronogramas {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-cronogramas.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.cronogramas:hover {
	background: url(../image/modulos/ico-m-cronogramas_hv.png) top left no-repeat;
}

div.conteudo-modulos a div.inventario {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-inventario.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.inventario:hover {
	background: url(../image/modulos/ico-m-inventario_hv.png) top left no-repeat;
}

div.conteudo-modulos a div.formandos {
	width: 136px;
	height: 147px;
	background: url(../image/modulos/ico-m-formandos.png) top left no-repeat;
	display: block;
	float: left;
}

div.conteudo-modulos a div.formandos:hover {
	background: url(../image/modulos/ico-m-formandos_hv.png) top left no-repeat;
}


div#footer {
	margin: 0 auto;
	width: 930px;
	height: 41px;
	background-color: #111;
	background: url(../image/bg-footer-content.png) top left no-repeat;
	border-top: 2px solid #666666;
	color: #dfdfdf;
	font-size: 9px;
}

div#footer #footer-esquerda {
	margin-top: 18px;
	padding-left: 20px;
	float: left;
}

div#footer #footer-direita {
	margin-top: 18px;
	padding-right: 20px;
	float: right;
	color: #8e8e8e;
}

div#footer #footer-direita a {
	font-weight: bold;
	color: #484848;
	text-decoration: none;
}

div#footer #footer-esquerda a,
div#footer #footer-esquerda a:visited,
div#footer #footer-esquerda a:active {
	font-weight: bold;
	color: #dfdfdf;
	text-decoration: none;
}

div#footer #footer-esquerda a:hover {
	text-decoration: underline;
}

div#footer-end {
	margin: 0 auto;
	width: 930px;
	height: 10px;
	background-color: #111;
	background: url(../image/bg-footer-end.png) top left no-repeat;
	padding-bottom: 15px;
	clear: both;
}

/* DIV INFO ESQUERDA
---------------------------------*/
div.info-esquerda-bar-titulo {
	background: url(../image/info-esquerda-bar-titulo.png) top left no-repeat;
	height: 33px;
	font-weight: bold;
	color: #FFF;
	margin: 0;
	padding: 0;

	padding-top: 10px;
	margin-bottom: -10px;
	width: 250px;
}

div.info-esquerda-bar-titulo img {
	vertical-align: middle;
	padding-right: 10px;
}

div.info-esquerda-conteudo {
	padding: 15px 25px 15px 25px;
	font-size: 10px;
	width: 200px;
}

div.info-esquerda-conteudo div.caption {
	padding-left: 10px;
	margin-bottom: 3px;
	color: #e28e1e;
	font-weight: bold;
}

div.info-esquerda-conteudo div.txtinfo {
	padding: 10px;
	background: #dcdada;
	color: #383838;
}

/* DIV'S CONTEUDO
---------------------------------*/

div.barra-cinza {
	background: url(../image/barra-cinza-bg.png) top left repeat-x;
	height: 33px;
	color: #FFF;
	font-weight: bold;
	padding-left: 15px;
	padding-top: 10px;
	margin-bottom: -10px;
}

div.barra-cinza span {
	font-weight: normal;
	color: #CCC;
}

div.barra-cinza img {
	padding-right: 5px;
	vertical-align: middle;
}

/* SPAN TOP INFO
---------------------------------*/
div#top-info-dir div.top-info-txt span.border-left {
	background: url(../image/border-right.png) top right no-repeat;
	background-color: #2f2f2f;
	padding: 6px;
	padding-right: 13px;
	color: #bcbcbc;
	font-size: 10px;
	font-weight: bold;
}

div#top-info-dir div.top-info-txt span.border-left img {
	vertical-align: middle;
	padding-right: 10px;
}


/* SPAN TOP INFO
---------------------------------*/
ul.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

ul.sub-menu li,
ul.sub-menu li a {
	margin: 0;
	padding: 0;
}

ul.sub-menu li a {
	display: block;
	text-decoration: none;
	background-color: #dfdfdf;
	margin-top: 1px;
	_margin-bottom: -12px;
	padding: 10px;
	border-left: 5px solid #b6b6b6;
	color: #383838;
	font-weight: bold;
}

ul.sub-menu li a:hover {
	border-left-color: #e28e1e;
}

ul.sub-menu li.activo a {
	border-left-color: #e28e1e;
}

ul.sub-menu li.sair a {
	background-color: #CCC;
}

/*
---------------------------------*/

div.aviso {
	margin: 15px 15px 0 15px;

	font-size: 14px;
	font-weight: bold;
}

div.aviso img {
	vertical-align: middle;
}

div.paraTabela {
	margin: 5px 15px 0 15px;
}

div.sucesso {
	margin: 5px 15px 0 15px;
	padding: 5px;
	background-color: #e6efd7;
	border: 1px solid #b0c194;

	color: #000;

	font-size: 11px;
}

div.sucesso img {
	vertical-align: middle;
	margin-right: 5px;
}

div.alerta {
	margin: 5px 15px 0 15px;
	padding: 5px;
	background-color: #fadbdb;
	border: 1px solid #e8a0a0;

	color: #000;

	font-size: 11px;
}

div.alerta img {
	vertical-align: middle;
	margin-right: 5px;
}

div.pergunta {
	margin: 5px 15px 0 15px;
	padding: 5px;
	background-color: #eaeaea;
	border: 1px solid #c9c9c9;

	font-size: 11px;
	font-weight: bold;
}

div.resposta {
	margin: 0px 15px 0 15px;
	padding: 5px;
	/* background-color:#d7efee; */
	border: 1px solid #c9c9c9;
	border-top: none;

	font-size: 11px;
}

div.pergunta img {
	vertical-align: middle;
	margin-right: 5px;
}



div.erros ul li {
	margin-top: 5px;
}


table#resultados caption {
	text-align: left;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
}

table#resultados {
	width: 100%;
	padding: 3px;
	border: 1px solid #CCCCCC;
}

table#resultados th {
	background-color: #CCC;
	text-align: left;
	height: 20px;
	padding-left: 5px;
}

table#resultados .azul {
	background-color: lightblue;
}

table#resultados td {
	height: 20px;
	padding: 3px;
}

table#resultados a,
form#formulario2 a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
}

table#resultados a:hover {
	color: #e28e1e;
}

table#resultados a img,
form#formulario2 a img {
	vertical-align: middle;
}


div.paginacao {
	text-align: right;
}

div.paginacao a img {
	vertical-align: middle;
}

.imagens_preload {
	display: none;
}


table#tabela-form {
	width: 100%;
	padding: 3px;
	border: 1px solid #e28e1e;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #EEE;
	font-size: 10px;
}

table#tabela-form th {
	text-align: left;
	padding: 5px;
	font-size: 11px;
	border-bottom: 1px dotted #e28e1e;
}

table#tabela-form td {

	padding: 5px;
}

table#tabela-form a,
div#table-form-accoes a {
	text-decoration: none;
	color: #333;
	font-weight: bold;
	display: inline-block;
}

table#tabela-form a:hover,
div#table-form-accoes a:hover {
	color: #e28e1e;
}

table#tabela-form a img,
div#table-form-accoes a img {
	vertical-align: middle;
}

div#table-form-accoes {
	width: 630px;
	background-color: #e5e5e5;
	text-align: right;
	padding: 5px 10px 5px 10px;
}


/*
 *	DIV IMPRESS�O BTS
*/
div.bts-impressao {
	text-align: right;
	margin: 0 20px 0 20px;
}

div.bts-impressao a {
	font-weight: bold;
	color: #383838;
	text-decoration: none;
	margin-left: 10px;
}

div.bts-impressao a img {
	vertical-align: bottom;
}