.btn-celpa {
  background-color: #45bf9c;
  *background-color: #0f8252;
  background-image: -ms-linear-gradient(top, #45bf9c, #0f8252);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#45bf9c), to(#0f8252));
  background-image: -webkit-linear-gradient(top, #45bf9c, #0f8252);
  background-image: -o-linear-gradient(top, #45bf9c, #0f8252);
  background-image: -moz-linear-gradient(top, #45bf9c, #0f8252);
  background-image: linear-gradient(top, #45bf9c, #0f8252);
  background-repeat: repeat-x;
  border-color: #004E42;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#45bf9c', endColorstr='#0f8252', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-celpa:hover,
.btn-celpa:active,
.btn-celpa.active,
.btn-celpa.disabled,
.btn-celpa[disabled] {
  background-color: #45bf9c;
  *background-color: #45bf9c;
  background-image: none;
}

body{
	background-color: #e5e5e5;
}

.clear {
  clear: both;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #c3c3c3;
	-webkit-box-shadow: 3px 3px 4px #c3c3c3;
	box-shadow: 3px 3px 4px #c3c3c3;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3c3c3')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#c3c3c3');
}

/*----- LOGIN ------*/
#login{
	width: 316px;
	height: 256px;
	padding: 30px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -188px;
	margin-top: -158px;
	background-color: #FFF;
}
#login div.header{
	color: #004E42;
	text-transform: uppercase;
	text-align: right;
	font: bold 18px/30px Arial, Helvetica, sans-serif;
	min-height: 93px;
	background: url(../images/biond-login.png) no-repeat top left;
	margin-bottom: 30px;
}
.csip{
	background-color: #004E42;
	color: #FFF;
	padding: 3px 7px;
	font-size: 24px;
}
#login .csip{
	float: right;
}
div.input-prepend{
	margin-bottom: 20px;
}
div.input-prepend .add-on{
	background: #004E42 url(../images/bg_label.gif) repeat-x top left;
	border: 1px #004E42 solid;
	color: #FFF;
	text-align: right;
	min-width: 80px;
	text-shadow: none;
	padding-right: 10px;
	float: left;
}
#login input[type="submit"]{
	float: right;
}

/*----- HEADER ------*/
#header{
	background: #FFF url(../images/bg_header.gif) repeat-x left bottom;
	margin-bottom: 30px;
}
.center{
	width: 990px;
	margin: 0 auto;
}
#header .center{
	background: url(../images/biond.png) no-repeat center left;
	padding: 45px 0 0 160px;
	width: 830px;
	height: 80px;
}
#header .menu{
	float: left;
}
#header .menu .csip{
	margin-left: 5px;
	font-size: 18px;
}
#header .menu p{
	/*border-bottom: 1px #d2e9e1 solid;*/
	padding-bottom: 10px;
	margin-bottom: 10px;
	font-size: 24px;
	color: #004E42;
	text-transform: uppercase;
}
#header #pesquisa{
	float: right;
}
.input-prepend .btn, .input-append .btn {
    border-radius: 0 0 0 0;
    margin-left: -1px;
}
#pesquisa input{
	float: left;
}

/*----- CONTENT ------*/
#content .nav-tabs > .active > a{
	font-size: 14px;
	font-weight: bold;
}
#content h1{
	color: #73807b;
	text-align: center;
	margin-bottom: 25px;
}
#content div.input-prepend{
	margin-bottom: 20px;
}
#content .nav {
    margin-bottom: 0;
}
#content .tab-pane{
	background-color: #FFF;
	/*padding: 20px;*/
}
#content .tab-pane h2{
	font-size: 16px;
	color: #004E42;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 15px;
    float: left;
}
.campo-inline{
	float:left;
	margin-right: 50px;
}
.painel{
	background-color: #FFF;
	padding: 35px 20px;
}
.painel h2{
	color: #319976;
	margin: 0 0 20px;
	text-transform: uppercase;
	font-size: 18px;
}
.painel h2 span{
	font-weight: normal;
}
.foto-principal{
	padding: 10px;
	background-color: #FFF;
	-moz-box-shadow: 0px 0px 5px #b3b3b3;
    -webkit-box-shadow: 0px 0px 5px #b3b3b3;
    box-shadow: 0px 0px 5px #b3b3b3;
	width: 128px;
	height: auto;
	float: left;
	margin-right: 20px;
}
.aside-foto{
	float: left;
}
.aside-foto{
	float: left;
}
.aside-foto .input-prepend .span1{
	width: 100px;
}
.aside-foto .input-prepend .span2{
	width: 140px;
}
.aside-foto .input-prepend .span3{
	width: 205px;
}
.aside-foto .input-prepend .span4{
	width: 272px;
}
.aside-foto .input-prepend .span5{
	width: 430px;
}
.aside-foto .input-prepend .span8{
	width: 670px;
}
.aside-foto .campo-inline{
	margin-right: 20px;
}

.docs{
	float: right;
	width: 220px;
	margin-top: -55px;
}
.docs-full{
	width: auto;
	margin-top:0;
}
.docs ul, .docs-full ul{
	list-style: none;
	margin: 0;
}
.docs li, .docs-full li{
	border-top: 1px #d9d9d9 solid;
	font-size: 14px;
}
.docs li:first-child, .docs-full:first-child{
	border: none;
}
.docs li a, .docs-full li a{
	display: block;
	color: #262626;
	padding: 5px 0 5px 22px;
	word-wrap: break-word;
}
.docs li a[href*='.pdf'], .docs-full li a[href*='.pdf'] {
    background:url(../images/acrobat.png) center left no-repeat;
}
.docs li a[href*='.doc'], .docs li a[href*='.docx'], .docs-full li a[href*='.doc'], .docs-full li a[href*='.docx'] {
    background:url(../images/word.png) center left no-repeat;
}
.docs li a[href*='.xls'], .docs-full li a[href*='.xls'] {
    background:url(../images/excel.png) center left no-repeat;
}
.painel table{
	border: none;
}
.painel th{
	background-color: #004E42;
    border: 1px solid #00B2A9;
    color: #FFFFFF;
	padding: 5px;
}
.painel td{
    border-right: 1px solid #e5e5e5;
    color: #000;
	padding: 5px;
	vertical-align: middle;
	border-bottom: 0;
	border-top: 0;
}
.painel td:first-child{
    border-left: 1px solid #e5e5e5;
}
.painel .zebra td{
	background-color: #d2e9e1;
    border-right: 1px solid #c3d8d1;
    color: #000;
	padding: 5px;
	vertical-align: middle;
}
.painel .zebra td:first-child{
    border-left: 1px solid #c3d8d1;
}
.controlos{
	float: right;
}
.controlos:after {
    clear: both;
}
.controlos a{
	margin-left: 5px;
	text-transform: none;
	cursor: pointer;
}
.controlos span{
	width: 16px;
	height: 17px;
	display: inline-block;
	float: left;
	margin-right: 5px;
}
.controlos .editar span{
	background: url(../images/edit.png) no-repeat bottom left;
}
.controlos .adicionar span{
	background: url(../images/add.png) no-repeat bottom left;
}
.controlos .exportar span{
	background: url(../images/export.png) no-repeat bottom left;
}
.controlos .imprimir span{
	background: url(../images/print.png) no-repeat bottom left;
}
.controlos .eliminar span{
	background: url(../images/delete.png) no-repeat bottom left;
}
.controlos .zip span{
	background: url(../images/zip.gif) no-repeat bottom left;
}

/*----- PÁGINA PESQUISA ------*/
#pesquisa-grande {
	width: 575px;
	margin: 0 auto 50px;
}
#pesquisa-grande input[type=text]{
	float: left;
	height: 28px;
	padding: 4px 10px;
}
#pesquisa-grande .btn{
	font-weight: bold;
}
h3{
	font-size: 16px;
	color: #004E42;
	font-weight: normal;
	margin-bottom: 15px;
}
h3 span{
	font-weight: bold;
}
h3 span.categoria-pesquisa, h3 span.string-pesquisa{
	color: #14664b;
	font-size: 16px;
}
h3 span.string-pesquisa{
	font-style: italic;
	font-weight: bold;
}
h3 span.string-pesquisa:before {
	content: '"';
}
h3 span.string-pesquisa:after {
	content: '"';
}
table a{
	color: #000;
}
table a:hover{
	color: #000;
	text-decoration: none;
}
table td:hover {
    cursor: pointer;
}
tbody tr:hover td, tbody tr:hover td a, tbody tr.zebra:hover td, tbody tr.zebra:hover td a {
	color: #0088CC;
}
table td.action {
    width: 22px;
	text-align: center;
}

.password .add-on{
	width: 110px;
}
.password input[type=text], .password input[type=password]{
	width: 180px;
}
#login.password{
	height: 335px;
	margin-left: -188px;
	margin-top: -205px;
}
#login.password div.header{
	margin-bottom: 0px;
}
#login.password h2{
	margin: 15px 0 0;
	font-size: 21px;
	line-height: 21px;
}
#login.password p{
	margin: 0 0 15px;
}
.painel .no-border td{
border: none;
}

.formacao .span4{
width: 342px;
}
.formacao .span9{
width: 802px;
}
.formacao .span10{
width: 840px;
}

.alterar-password .add-on{
width: 150px;
}

/*----- BARRA BASE ------*/
.barra-base{
	padding: 2px 0px 0px;
	background-color: #666;
	color: #FFF;
	font-size: 12px;
	color: #e5e5e5;
}
.barra-base ul{
	float: right;
	list-style: none;
	margin-bottom: 7px;
}
.barra-base li{
	float: left;
	min-height: 16px;
	margin-left: 16px;
	padding-left: 19px;
	background-position: center left;
	background-repeat: no-repeat;
}
.barra-base a{
	color: #FFF;
	font-weight: bold;
}
.barra-base li a{
	color: #e5e5e5;
	font-weight: normal;
}
.barra-base li a:hover{
	color: #FFF;
}
/*----- BARRA TOPO ------*/
.barra-topo{
	padding: 8px 0 0;
	background-color: #666;
	color: #FFF;
	font-size: 12px;
	color: #e5e5e5;
}
.barra-topo ul{
	float: right;
	list-style: none;
	margin-bottom: 7px;
}
.barra-topo li{
	float: left;
	min-height: 16px;
	margin-left: 16px;
	padding-left: 19px;
	background-position: center left;
	background-repeat: no-repeat;
}
	.barra-topo li.conta{
		background-image: url(../images/conta.png);
	}
	.barra-topo li.admin{
		background-image: url(../images/admin.png);
	}
	.barra-topo li.logout{
		background-image: url(../images/logout.png);
	}
.barra-topo a{
	color: #FFF;
	font-weight: bold;
}
.barra-topo li a{
	color: #e5e5e5;
	font-weight: normal;
}
.barra-topo li a:hover{
	color: #FFF;
}

/*----- ADICIONAR COLABORADOR ------*/
#content #add-colab h2{
	float: none;
}
#add-colab .span4{
	width: 268px;
}
#add-colab .span5{
	width: 263px;
}
#add-colab .span6{
	width: 300px;
}
#add-colab .span9{
	width: 664px;
}
#add-colab .span10{
	width: 702px;
}
#add-colab select.span10{
	width: 712px;
}
#add-colab span.select, #add-colab select{
	float: left;
}
#add-colab .documentos .add-on{
	min-width: 275px;
}

#add-colab .input-prepend{
	padding-right: 20px;
}
.required{
	background: url(../images/required.gif) no-repeat center right;
}
.required-file{
	background: url(../images/required.gif) no-repeat center right;
	width: 817px;
}
.legenda{
	color: #444;
	font-style: italic;
	font-size: 12px;
}
.legenda span{
	background: url(../images/required.gif) no-repeat center center;
	display: inline-block;
	height: 11px;
	width: 16px;
}

/*----- BREADCRUMB ------*/
.breadcrumb{
	background: #f2f2f2 none;
	box-shadow: none;
	border: 1px #CCC solid;
	margin: 0 0 25px;
}
.breadcrumb li{
	text-shadow: none;
}
.breadcrumb li a{
	color: #666;
}
.breadcrumb li.active{
	font-weight: bold;
	color: #555;
}

select {
    width: 400px;
}

#login .csip{
	float: right;
	width: 105px;
	height: 36px;
	background: url(../images/csip.gif) no-repeat top left;
	padding: 0;
	text-indent: 9999px;
}

#header .menu p {
    background: url(../images/csip_small.gif) no-repeat top right;
	padding-right: 68px;
}
#header .menu .csip {
    display: none;
}

/*----- Icones Formação ------*/
.form-open, .form-proc, .form-closed {
	width: 32px;
	height: 28px;
	float: right;
	margin-left: 20px;
	background-position: center center;
	background-repeat: none;
}
.form-open {
	background-image: url(../images/form-open28.png);
}
.form-proc {
	background-image: url(../images/form-proc28.png);
}
.form-closed {
	background-image: url(../images/form-closed28.png);
}
