html{
	background:transparent;
	width: 100%;
	height:100%;
    margin: 0 0 0 0;
}

body {
	width: 100%;
	height:100%;
	background:transparent;
    margin: 0 0 0 0;
}

@media (max-device-width: 767px) and (orientation: landscape) {
	.corpo_index{
		width: 400px;
		height: 450px;
		position:absolute; 
        top:50%; 
        margin-top:-225px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
		margin-left:-200px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	}
	.logotipo{	
		margin-top: 20px;
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}
	.logotipo img{
		width: 60%;
	}
	.formulario{
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 400px;
		height: auto;
		overflow: hidden;
		background: #eeeeee;
	}
	.formulario h2{
		margin-top: 15px;
		text-align: center;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;
	}
	.dados_registo{
		text-align: center;
		width: 400px;	
	}
	.dados_titulo{
		margin-left: 30px;
		margin-bottom: 5px;
		margin-top: 10px;
		text-align: left;
		font-weight: bold;
		width: 320px;	
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
	}
	.box{
		width: 340px;
		height: 25px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: 1px solid #cbcbcb;
		background: #FBFBFB;
	}
	.button_login{
		border-radius: 5px;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.novo_registo{
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 30px;
		text-align: left;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: none;
	}
	.button_cancelar{
		border-radius: 5px;
		margin-left: 10px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.button_confirmar{
		border-radius: 5px;
		margin-bottom: 30px;
		margin-left: 30px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}	
	.container{
		width: 96%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		padding-bottom: 60px;
	}
	.left{
		float: left;
		width: 100%;
	}
	.fundo_info{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.fundo_info_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_info_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 18px;
		width: 25px;
	}
	.fundo_info_titulo p{
		float: left;
		padding-top: 3px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_info_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		width: 97%;
	}
	.fundo_info_texto_info{
		float: left;
		width: 65%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_info_texto_n{
		float: left;
		width: 25%;
		margin-top: 15px;
	}
	.fundo_info_texto_n a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		background: #808080;
		color: #ffffff;
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right{
		float: left;
		width: 100%;
	}
	.fundo_mensagens{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
		height: 565px;
		overflow: hidden;
	}
	.fundo_mensagens_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_mensagens_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 21px;
		width: 25px;
	}
	.fundo_mensagens_titulo p{
		float: left;
		padding-top: 8px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		height: 500px;
		overflow-y: auto;
	}
	.fundo_mensagens_de{
		float: left;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_data{
		float: right;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_mensagem{
		float: left;
		width: 90%;
		margin-left: 15px;
		margin-top: 5px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #b2b2b2;
		text-align: justify;
	}
	.fundo_mensagens_mensagem a{
		text-decoration: none;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;	
	}
	.titulo{
		float: left;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 25px;
		width: 100%;
		font-weight: 300;
	}
	.filtros{
		float: left;
		margin-top: 15px;
		width: 100%;
	}
	.filtros p{
		margin-left: 4px;
		float: left;
		margin-top: 6px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 80%;
		font-size: 18px;
		font-weight: 300;
		cursor: pointer;
		line-height: 0;
		text-decoration: underline;
	}
	.filtros img{
		float: left;
		width: 12px;
	}
	.filtragem{
		display: none;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.filtragem_total{
		margin-top: 25px;
		float: left;
		width: 100%;
	}
	.filtragem_titulo{
		margin-left: 10px;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 15%;
		font-size: 16px;
		font-weight: 300;
	}
	.filtragem_select{
		float: left;
		width: auto;
	}
	.filtragem_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-left: 15px;
	}
	.filtragem_select_input{
		float: left;
		width: 186px;
		height: 22px;
		margin-left: 15px;
	}
	.btn_filtrar_total{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.btn_filtrar{
		margin-left: 10px;
		float: left;
		background: #3d9e53;
		color: #ffffff;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 14px;
		border: none;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
	}
	.tabela{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
		overflow-x: auto;
	}
	.tabela_dados{
		width: 100%;
		text-align: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 15px;
		color: #555555;
	}
	table, th, td{
		border-collapse: collapse;
	}
	.tabela_dados th, .tabela_dados td{
		padding: 8px;
		line-height: 20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #dddddd;
	}
	.tabela_dados th{
		font-weight: bold;
	}
	.tabela_dados th a, .tabela_dados td a{
		color: #0172E4;
		cursor: pointer;
		text-decoration: none;
	}
	.tabela_dados th a:hover, .tabela_dados td a:hover{
		text-decoration: underline;
	}
	.paginacao{
		width: 100%;
		margin-top: 25px;
		float: left;
		cursor: pointer;
	}
	.paginacao a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #000000;
		font-size: 16px;
		text-decoration: none;
		padding: 5px;
	}
	.criar_novo{
		width: 100%;
		float: left;
		margin-top: 25px;	
	}
	.criar_novo a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
	}
	.subtitulo{
		float: left;
		width: 100%;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 20px;
	}
	.novo_left{
		width: 100%;
		float: left;
	}
	.novo_right{
		width: 100%;
		float: left;
	}
	.novo_total{
		margin-top: 20px;
		float: left;
		width: 100%;
	}
	.novo_titulo{
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 20%;
		font-size: 14px;
		font-weight: 300;
		text-align: left;
	}
	.novo_select{
		float: left;
		width: 80%;
	}
	.novo_select_select{
		float: left;
		width: 250px;
		height: 24px;
		margin-left: 15px;
	}
	.novo_select_input{
		float: left;
		width: 246px;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_text_area{
		float: left;
		width: 246px;
		height: 40px;
		margin-left: 15px;
	}
	.novo_select_check{
		float: left;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_file{
		float: left;
		height: 25px;
		margin-left: 15px;
	}
	.rodape{
		position: absolute;
		width: 100%;
		text-align: center;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		bottom: 0;
		height: 30px;
	}
	.total{
		width: 100%;
		min-height: 100%;
		position: relative;
	}
	.utilizador{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 18px;
		margin-top: 10px;
	}
	.criar_novo_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador_total{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_foto{
		width: 100%;
		float: left;
	}
	.dados_trabalhador_foto img{	
		width: 40%;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);	
	}
	.dados_nome{
		margin-top: 10px;
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		line-height: 23px;
	}
	.dados_botoes{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	.dados_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.editar_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 4px 5px 4px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador{
		float: left;
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_titulo{
		width: 100%;
		font-weight: bold;
		margin-right: 3%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
	}
	.dados_trabalhador_texto{
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		min-height: 35px;
	}
	.dados_trabalhador_texto a{
		color: #0172E4;
		text-decoration: none;
	}
	.dados_trabalhador_texto a:hover{
		text-decoration: underline;
	}
	.apagar_btn{
		float: left;
		margin-top: 10px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 13px;
		padding: 2px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	
}
@media (max-device-width: 320px){
	.corpo_index{
		width: 400px;
		height: 450px;
		position:absolute; 
        top:50%; 
        margin-top:-225px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
		margin-left:-200px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	}
	.logotipo{	
		margin-top: 20px;
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}
	.logotipo img{
		width: 60%;
	}
	.formulario{
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 400px;
		height: auto;
		overflow: hidden;
		background: #eeeeee;
	}
	.formulario h2{
		margin-top: 15px;
		text-align: center;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;
	}
	.dados_registo{
		text-align: center;
		width: 400px;	
	}
	.dados_titulo{
		margin-left: 30px;
		margin-bottom: 5px;
		margin-top: 10px;
		text-align: left;
		font-weight: bold;
		width: 320px;	
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
	}
	.box{
		width: 340px;
		height: 25px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: 1px solid #cbcbcb;
		background: #FBFBFB;
	}
	.button_login{
		border-radius: 5px;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.novo_registo{
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 30px;
		text-align: left;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: none;
	}
	.button_cancelar{
		border-radius: 5px;
		margin-left: 10px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.button_confirmar{
		border-radius: 5px;
		margin-bottom: 30px;
		margin-left: 30px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.container{
		width: 96%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		padding-bottom: 60px;
	}
	.left{
		float: left;
		width: 100%;
	}
	.fundo_info{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.fundo_info_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_info_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 18px;
		width: 25px;
	}
	.fundo_info_titulo p{
		float: left;
		padding-top: 3px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_info_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		width: 97%;
	}
	.fundo_info_texto_info{
		float: left;
		width: 65%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_info_texto_n{
		float: left;
		width: 25%;
		margin-top: 15px;
	}
	.fundo_info_texto_n a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		background: #808080;
		color: #ffffff;
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right{
		float: left;
		width: 100%;
	}
	.fundo_mensagens{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
		height: 565px;
		overflow: hidden;
	}
	.fundo_mensagens_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_mensagens_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 21px;
		width: 25px;
	}
	.fundo_mensagens_titulo p{
		float: left;
		padding-top: 8px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		height: 430px;
		overflow-y: auto;
	}
	.fundo_mensagens_de{
		float: left;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_data{
		float: right;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_mensagem{
		float: left;
		width: 90%;
		margin-left: 15px;
		margin-top: 5px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #b2b2b2;
		text-align: justify;
	}
	.fundo_mensagens_mensagem a{
		text-decoration: none;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;	
	}
	.titulo{
		float: left;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 23px;
		width: 100%;
		font-weight: 300;
	}
	.filtros{
		float: left;
		margin-top: 15px;
		width: 100%;
	}
	.filtros p{
		margin-left: 4px;
		float: left;
		margin-top: 6px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 80%;
		font-size: 14px;
		font-weight: 300;
		cursor: pointer;
		line-height: 0;
		text-decoration: underline;
	}
	.filtros img{
		float: left;
		width: 12px;
	}
	.filtragem{
		display: none;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.filtragem_total{
		margin-top: 15px;
		float: left;
		width: 100%;
	}
	.filtragem_titulo{
		margin-left: 10px;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 100%;
		font-size: 14px;
		font-weight: 300;
	}
	.filtragem_select{
		float: left;
		width: auto;
	}
	.filtragem_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	.filtragem_select_input{
		margin-bottom: 10px;
		float: left;
		width: 186px;
		height: 22px;
		margin-left: 10px;
	}
	.btn_filtrar_total{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.btn_filtrar{
		margin-left: 10px;
		float: left;
		background: #3d9e53;
		color: #ffffff;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 12px;
		border: none;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
	}
	.tabela{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
		overflow-x: auto;
	}
	.tabela_dados{
		width: 100%;
		text-align: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 12px;
		color: #555555;
	}
	table, th, td{
		border-collapse: collapse;
	}
	.tabela_dados th, .tabela_dados td{
		padding: 8px;
		line-height: 20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #dddddd;
	}
	.tabela_dados th{
		font-weight: bold;
	}
	.tabela_dados th a, .tabela_dados td a{
		color: #0172E4;
		cursor: pointer;
		text-decoration: none;
	}
	.tabela_dados th a:hover, .tabela_dados td a:hover{
		text-decoration: underline;
	}
	.paginacao{
		width: 100%;
		margin-top: 25px;
		float: left;
		cursor: pointer;
	}
	.paginacao a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #000000;
		font-size: 14px;
		text-decoration: none;
		padding: 5px;
	}
	.criar_novo{
		width: 100%;
		float: left;
		margin-top: 25px;	
	}
	.criar_novo a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
	}
	.subtitulo{
		float: left;
		width: 100%;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 20px;
	}
	.novo_left{
		width: 100%;
		float: left;
	}
	.novo_right{
		width: 100%;
		float: left;
	}
	.novo_total{
		margin-top: 20px;
		float: left;
		width: 100%;
	}
	.novo_titulo{
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 100%;
		font-size: 14px;
		font-weight: 300;
		text-align: left;
	}
	.novo_select{
		float: left;
		width: 100%;
	}
	.novo_select_select{
		float: left;
		width: 99%;
		height: 24px;
	}
	.novo_select_input{
		float: left;
		width: 98%;
		height: 20px;
	}
	.novo_select_text_area{
		float: left;
		width: 98%;
		height: 60px;
	}
	.novo_select_check{
		float: left;
		height: 20px;
	}
	.novo_select_file{
		float: left;
		height: 25px;
	}
	.rodape{
		position: absolute;
		width: 100%;
		text-align: center;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 12px;
		bottom: 0;
		height: 30px;
	}
	.total{
		width: 100%;
		min-height: 100%;
		position: relative;
	}
	.utilizador{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 18px;
		margin-top: 10px;
	}
	.criar_novo_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador_total{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_foto{
		width: 100%;
		float: left;
		text-align: center;
	}
	.dados_trabalhador_foto img{	
		width: 65%;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);	
	}
	.dados_nome{
		margin-top: 10px;
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 13px;
		line-height: 23px;
	}
	.dados_botoes{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	.dados_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.editar_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 4px 5px 4px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador{
		float: left;
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_titulo{
		font-weight: bold;
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 12px;
	}
	.dados_trabalhador_texto{
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 12px;
		min-height: 35px;
	}
	.dados_trabalhador_texto a{
		color: #0172E4;
		text-decoration: none;
	}
	.dados_trabalhador_texto a:hover{
		text-decoration: underline;
	}
	.apagar_btn{
		float: left;
		margin-top: 10px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 2px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
}
/* Extra small devices (phones, up to 480px) */
@media (max-device-width: 480px){
	.corpo_index{
		width: 400px;
		height: 450px;
		position:absolute; 
        top:50%; 
        margin-top:-225px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
		margin-left:-200px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	}
	.logotipo{	
		margin-top: 20px;
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}
	.logotipo img{
		width: 60%;
	}
	.formulario{
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 400px;
		height: auto;
		overflow: hidden;
		background: #eeeeee;
	}
	.formulario h2{
		margin-top: 15px;
		text-align: center;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;
	}
	.dados_registo{
		text-align: center;
		width: 400px;	
	}
	.dados_titulo{
		margin-left: 30px;
		margin-bottom: 5px;
		margin-top: 10px;
		text-align: left;
		font-weight: bold;
		width: 320px;	
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
	}
	.box{
		width: 340px;
		height: 25px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: 1px solid #cbcbcb;
		background: #FBFBFB;
	}
	.button_login{
		border-radius: 5px;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.novo_registo{
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 30px;
		text-align: left;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: none;
	}
	.button_cancelar{
		border-radius: 5px;
		margin-left: 10px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.button_confirmar{
		border-radius: 5px;
		margin-bottom: 30px;
		margin-left: 30px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.container{
		width: 96%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		padding-bottom: 60px;
	}
	.left{
		float: left;
		width: 100%;
	}
	.fundo_info{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.fundo_info_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_info_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 18px;
		width: 25px;
	}
	.fundo_info_titulo p{
		float: left;
		padding-top: 3px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_info_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		width: 97%;
	}
	.fundo_info_texto_info{
		float: left;
		width: 65%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_info_texto_n{
		float: left;
		width: 25%;
		margin-top: 15px;
	}
	.fundo_info_texto_n a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		background: #808080;
		color: #ffffff;
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right{
		float: left;
		width: 100%;
	}
	.fundo_mensagens{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
		height: 565px;
		overflow: hidden;
	}
	.fundo_mensagens_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_mensagens_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 21px;
		width: 25px;
	}
	.fundo_mensagens_titulo p{
		float: left;
		padding-top: 8px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		height: 430px;
		overflow-y: auto;
	}
	.fundo_mensagens_de{
		float: left;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_data{
		float: right;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_mensagem{
		float: left;
		width: 90%;
		margin-left: 15px;
		margin-top: 5px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #b2b2b2;
		text-align: justify;
	}
	.fundo_mensagens_mensagem a{
		text-decoration: none;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;	
	}
	.titulo{
		float: left;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 23px;
		width: 100%;
		font-weight: 300;
	}
	.filtros{
		float: left;
		margin-top: 15px;
		width: 100%;
	}
	.filtros p{
		margin-left: 4px;
		float: left;
		margin-top: 6px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 80%;
		font-size: 14px;
		font-weight: 300;
		cursor: pointer;
		line-height: 0;
		text-decoration: underline;
	}
	.filtros img{
		float: left;
		width: 12px;
	}
	.filtragem{
		display: none;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.filtragem_total{
		margin-top: 15px;
		float: left;
		width: 100%;
	}
	.filtragem_titulo{
		margin-left: 10px;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 100%;
		font-size: 14px;
		font-weight: 300;
	}
	.filtragem_select{
		float: left;
		width: auto;
	}
	.filtragem_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-bottom: 10px;
		margin-left: 10px;
	}
	.filtragem_select_input{
		margin-bottom: 10px;
		float: left;
		width: 186px;
		height: 22px;
		margin-left: 10px;
	}
	.btn_filtrar_total{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.btn_filtrar{
		margin-left: 10px;
		float: left;
		background: #3d9e53;
		color: #ffffff;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 12px;
		border: none;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
	}
	.tabela{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
		overflow-x: auto;
	}
	.tabela_dados{
		width: 100%;
		text-align: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 12px;
		color: #555555;
	}
	table, th, td{
		border-collapse: collapse;
	}
	.tabela_dados th, .tabela_dados td{
		padding: 8px;
		line-height: 20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #dddddd;
	}
	.tabela_dados th{
		font-weight: bold;
	}
	.tabela_dados th a, .tabela_dados td a{
		color: #0172E4;
		cursor: pointer;
		text-decoration: none;
	}
	.tabela_dados th a:hover, .tabela_dados td a:hover{
		text-decoration: underline;
	}
	.paginacao{
		width: 100%;
		margin-top: 25px;
		float: left;
		cursor: pointer;
	}
	.paginacao a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #000000;
		font-size: 14px;
		text-decoration: none;
		padding: 5px;
	}
	.criar_novo{
		width: 100%;
		float: left;
		margin-top: 25px;	
	}
	.criar_novo a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
	}
	.subtitulo{
		float: left;
		width: 100%;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 20px;
	}
	.novo_left{
		width: 100%;
		float: left;
	}
	.novo_right{
		width: 100%;
		float: left;
	}
	.novo_total{
		margin-top: 20px;
		float: left;
		width: 100%;
	}
	.novo_titulo{
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 100%;
		font-size: 14px;
		font-weight: 300;
		text-align: left;
	}
	.novo_select{
		float: left;
		width: 100%;
	}
	.novo_select_select{
		float: left;
		width: 99%;
		height: 24px;
	}
	.novo_select_input{
		float: left;
		width: 98%;
		height: 20px;
	}
	.novo_select_text_area{
		float: left;
		width: 98%;
		height: 60px;
	}
	.novo_select_check{
		float: left;
		height: 20px;
	}
	.novo_select_file{
		float: left;
		height: 25px;
	}
	.rodape{
		position: absolute;
		width: 100%;
		text-align: center;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 12px;
		bottom: 0;
		height: 30px;
	}
	.total{
		width: 100%;
		min-height: 100%;
		position: relative;
	}
	.utilizador{
		width: 96%;
		margin-left: auto;
		margin-right: auto;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 18px;
		margin-top: 10px;
	}
	.criar_novo_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador_total{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_foto{
		width: 100%;
		float: left;
		text-align: center;
	}
	.dados_trabalhador_foto img{	
		width: 65%;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);	
	}
	.dados_nome{
		margin-top: 10px;
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 13px;
		line-height: 23px;
	}
	.dados_botoes{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	.dados_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.editar_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 4px 5px 4px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador{
		float: left;
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_titulo{
		font-weight: bold;
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 12px;
	}
	.dados_trabalhador_texto{
		width: 100%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 12px;
		min-height: 35px;
	}
	.dados_trabalhador_texto a{
		color: #0172E4;
		text-decoration: none;
	}
	.dados_trabalhador_texto a:hover{
		text-decoration: underline;
	}
	.apagar_btn{
		float: left;
		margin-top: 10px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 2px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
	.corpo_index{
		width: 400px;
		height: 450px;
		position:absolute; 
        top:50%; 
        margin-top:-225px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
		margin-left:-200px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	}
	.logotipo{	
		margin-top: 20px;
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}
	.logotipo img{
		width: 60%;
	}
	.formulario{
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 400px;
		height: auto;
		overflow: hidden;
		background: #eeeeee;
	}
	.formulario h2{
		margin-top: 15px;
		text-align: center;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;
	}
	.dados_registo{
		text-align: center;
		width: 400px;	
	}
	.dados_titulo{
		margin-left: 30px;
		margin-bottom: 5px;
		margin-top: 10px;
		text-align: left;
		font-weight: bold;
		width: 320px;	
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
	}
	.box{
		width: 340px;
		height: 25px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: 1px solid #cbcbcb;
		background: #FBFBFB;
	}
	.button_login{
		border-radius: 5px;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.novo_registo{
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 30px;
		text-align: left;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: none;
	}
	.button_cancelar{
		border-radius: 5px;
		margin-left: 10px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.button_confirmar{
		border-radius: 5px;
		margin-bottom: 30px;
		margin-left: 30px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.container{
		width: 96%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		padding-bottom: 60px;
	}
	.left{
		float: left;
		width: 49%;
		margin-right: 1%;
	}
	.fundo_info{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.fundo_info_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_info_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 18px;
		width: 25px;
	}
	.fundo_info_titulo p{
		float: left;
		padding-top: 3px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_info_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		width: 97%;
	}
	.fundo_info_texto_info{
		float: left;
		width: 65%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_info_texto_n{
		float: left;
		width: 25%;
		margin-top: 15px;
	}
	.fundo_info_texto_n a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		background: #808080;
		color: #ffffff;
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right{
		float: left;
		width: 49%;
		margin-left: 1%;
	}
	.fundo_mensagens{
		margin-top: 20px;
		float: left;
		width: 100%;
		background: #EEEEEE;
		height: 565px;
		overflow: hidden;
	}
	.fundo_mensagens_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_mensagens_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 21px;
		width: 25px;
	}
	.fundo_mensagens_titulo p{
		float: left;
		padding-top: 8px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		height: 430px;
		overflow-y: auto;
	}
	.fundo_mensagens_de{
		float: left;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_data{
		float: right;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_mensagem{
		float: left;
		width: 90%;
		margin-left: 15px;
		margin-top: 5px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #b2b2b2;
		text-align: justify;
	}
	.fundo_mensagens_mensagem a{
		text-decoration: none;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;	
	}
	.titulo{
		float: left;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 25px;
		width: 100%;
		font-weight: 300;
	}
	.filtros{
		float: left;
		margin-top: 15px;
		width: 100%;
	}
	.filtros p{
		margin-left: 4px;
		float: left;
		margin-top: 6px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 80%;
		font-size: 18px;
		font-weight: 300;
		cursor: pointer;
		line-height: 0;
		text-decoration: underline;
	}
	.filtros img{
		float: left;
		width: 12px;
	}
	.filtragem{
		display: none;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.filtragem_total{
		margin-top: 25px;
		float: left;
		width: 100%;
	}
	.filtragem_titulo{
		margin-left: 10px;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 15%;
		font-size: 16px;
		font-weight: 300;
	}
	.filtragem_select{
		float: left;
		width: auto;
	}
	.filtragem_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-left: 15px;
	}
	.filtragem_select_input{
		float: left;
		width: 186px;
		height: 22px;
		margin-left: 15px;
	}
	.btn_filtrar_total{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.btn_filtrar{
		margin-left: 10px;
		float: left;
		background: #3d9e53;
		color: #ffffff;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 14px;
		border: none;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
	}
	.tabela{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
	}
	.tabela_dados{
		width: 100%;
		text-align: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 15px;
		color: #555555;
	}
	table, th, td{
		border-collapse: collapse;
	}
	.tabela_dados th, .tabela_dados td{
		padding: 8px;
		line-height: 20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #dddddd;
	}
	.tabela_dados th{
		font-weight: bold;
	}
	.tabela_dados th a, .tabela_dados td a{
		color: #0172E4;
		cursor: pointer;
		text-decoration: none;
	}
	.tabela_dados th a:hover, .tabela_dados td a:hover{
		text-decoration: underline;
	}
	.paginacao{
		width: 100%;
		margin-top: 25px;
		float: left;
		cursor: pointer;
	}
	.paginacao a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #000000;
		font-size: 16px;
		text-decoration: none;
		padding: 5px;
	}
	.criar_novo{
		width: 100%;
		float: left;
		margin-top: 25px;	
	}
	.criar_novo a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
	}
	.subtitulo{
		float: left;
		width: 100%;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 20px;
	}
	.novo_left{
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.novo_right{
		width: 48%;
		float: left;
		margin-left: 2%;
	}
	.novo_total{
		margin-top: 20px;
		float: left;
		width: 100%;
	}
	.novo_titulo{
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 32%;
		font-size: 16px;
		font-weight: 300;
		text-align: right;
	}
	.novo_select{
		float: left;
		width: 65%;
	}
	.novo_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-left: 15px;
	}
	.novo_select_input{
		float: left;
		width: 186px;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_text_area{
		float: left;
		width: 186px;
		height: 40px;
		margin-left: 15px;
	}
	.novo_select_check{
		float: left;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_file{
		float: left;
		height: 25px;
		margin-left: 15px;
	}
	.rodape{
		position: absolute;
		width: 100%;
		text-align: center;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		bottom: 0;
		height: 30px;
	}
	.total{
		width: 100%;
		min-height: 100%;
		position: relative;
	}
	.utilizador{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 18px;
		margin-top: 10px;
	}
	.criar_novo_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador_total{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_foto{
		width: 30%;
		float: left;
	}
	.dados_trabalhador_foto img{	
		width: 55%;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);	
	}
	.dados_nome{
		width: 70%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		line-height: 23px;
	}
	.dados_botoes{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	.dados_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.editar_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 4px 5px 4px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador{
		float: left;
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_titulo{
		width: 15%;
		margin-right: 3%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		min-height: 35px;
	}
	.dados_trabalhador_texto{
		width: 82%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		min-height: 35px;
	}
	.dados_trabalhador_texto a{
		color: #0172E4;
		text-decoration: none;
	}
	.dados_trabalhador_texto a:hover{
		text-decoration: underline;
	}
	.apagar_btn{
		float: left;
		margin-top: 10px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 13px;
		padding: 2px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
}

/* tablets/desktops and up ----------- */
@media (min-width: 992px) and (max-width: 1199px) {
	.corpo_index{
		width: 400px;
		height: 450px;
		position:absolute; 
        top:50%; 
        margin-top:-225px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
		margin-left:-200px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	}
	.logotipo{	
		margin-top: 20px;
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}
	.logotipo img{
		width: 60%;
	}
	.formulario{
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 400px;
		height: auto;
		overflow: hidden;
		background: #eeeeee;
	}
	.formulario h2{
		margin-top: 15px;
		text-align: center;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;
	}
	.dados_registo{
		text-align: center;
		width: 400px;	
	}
	.dados_titulo{
		margin-left: 30px;
		margin-bottom: 5px;
		margin-top: 10px;
		text-align: left;
		font-weight: bold;
		width: 320px;	
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
	}
	.box{
		width: 340px;
		height: 25px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: 1px solid #cbcbcb;
		background: #FBFBFB;
	}
	.button_login{
		border-radius: 5px;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.novo_registo{
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 30px;
		text-align: left;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: none;
	}
	.button_cancelar{
		border-radius: 5px;
		margin-left: 10px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.button_confirmar{
		border-radius: 5px;
		margin-bottom: 30px;
		margin-left: 30px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.container{
		width: 98%;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		padding-bottom: 60px;
	}
	.left{
		float: left;
		width: 65%;
	}
	.fundo_info{
		margin-top: 20px;
		float: left;
		margin-left: 3%;
		width: 47%;
		background: #EEEEEE;
		min-height: 250px;
	}
	.fundo_info_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_info_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 18px;
		width: 25px;
	}
	.fundo_info_titulo p{
		float: left;
		padding-top: 3px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_info_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		width: 97%;
	}
	.fundo_info_texto_info{
		float: left;
		width: 65%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_info_texto_n{
		float: left;
		width: 25%;
		margin-top: 15px;
	}
	.fundo_info_texto_n a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		background: #808080;
		color: #ffffff;
		font-size: 14px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right{
		float: left;
		width: 33%;
		margin-left: 2%;
	}
	.fundo_mensagens{
		margin-top: 20px;
		float: left;
		width: 95%;
		background: #EEEEEE;
		height: 565px;
		overflow: hidden;
	}
	.fundo_mensagens_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_mensagens_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 21px;
		width: 25px;
	}
	.fundo_mensagens_titulo p{
		float: left;
		padding-top: 8px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		margin-bottom: 20px;
		height: 430px;
		overflow-y: auto;
	}
	.fundo_mensagens_de{
		float: left;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_data{
		float: right;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_mensagem{
		float: left;
		width: 90%;
		margin-left: 15px;
		margin-top: 5px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #b2b2b2;
		text-align: justify;
	}
	.fundo_mensagens_mensagem a{
		text-decoration: none;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;	
	}
	.titulo{
		float: left;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 25px;
		width: 100%;
		font-weight: 300;
	}
	.filtros{
		float: left;
		margin-top: 15px;
		width: 100%;
	}
	.filtros p{
		margin-left: 4px;
		float: left;
		margin-top: 6px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 80%;
		font-size: 18px;
		font-weight: 300;
		cursor: pointer;
		line-height: 0;
		text-decoration: underline;
	}
	.filtros img{
		float: left;
		width: 12px;
	}
	.filtragem{
		display: none;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.filtragem_total{
		margin-top: 25px;
		float: left;
		width: 100%;
	}
	.filtragem_titulo{
		margin-left: 10px;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 15%;
		font-size: 16px;
		font-weight: 300;
	}
	.filtragem_select{
		float: left;
		width: auto;
	}
	.filtragem_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-left: 15px;
	}
	.filtragem_select_input{
		float: left;
		width: 186px;
		height: 22px;
		margin-left: 15px;
	}
	.btn_filtrar_total{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.btn_filtrar{
		margin-left: 10px;
		float: left;
		background: #3d9e53;
		color: #ffffff;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 14px;
		border: none;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
	}
	.tabela{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
	}
	.tabela_dados{
		width: 100%;
		text-align: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 15px;
		color: #555555;
	}
	table, th, td{
		border-collapse: collapse;
	}
	.tabela_dados th, .tabela_dados td{
		padding: 8px;
		line-height: 20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #dddddd;
	}
	.tabela_dados th{
		font-weight: bold;
	}
	.tabela_dados th a, .tabela_dados td a{
		color: #0172E4;
		cursor: pointer;
		text-decoration: none;
	}
	.tabela_dados th a:hover, .tabela_dados td a:hover{
		text-decoration: underline;
	}
	.paginacao{
		width: 100%;
		margin-top: 25px;
		float: left;
		cursor: pointer;
	}
	.paginacao a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #000000;
		font-size: 16px;
		text-decoration: none;
		padding: 5px;
	}
	.criar_novo{
		width: 100%;
		float: left;
		margin-top: 25px;	
	}
	.criar_novo a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
	}
	.subtitulo{
		float: left;
		width: 100%;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 20px;
	}
	.novo_left{
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.novo_right{
		width: 48%;
		float: left;
		margin-left: 2%;
	}
	.novo_total{
		margin-top: 20px;
		float: left;
		width: 100%;
	}
	.novo_titulo{
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 32%;
		font-size: 16px;
		font-weight: 300;
		text-align: right;
	}
	.novo_select{
		float: left;
		width: 65%;
	}
	.novo_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-left: 15px;
	}
	.novo_select_input{
		float: left;
		width: 186px;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_text_area{
		float: left;
		width: 186px;
		height: 40px;
		margin-left: 15px;
	}
	.novo_select_check{
		float: left;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_file{
		float: left;
		height: 25px;
		margin-left: 15px;
	}
	.rodape{
		position: absolute;
		width: 100%;
		text-align: center;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		bottom: 0;
		height: 30px;
	}
	.total{
		width: 100%;
		min-height: 100%;
		position: relative;
	}
	.utilizador{
		width: 98%;
		margin-left: auto;
		margin-right: auto;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 18px;
		margin-top: 10px;
	}
	.criar_novo_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador_total{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_foto{
		width: 30%;
		float: left;
	}
	.dados_trabalhador_foto img{	
		width: 55%;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);	
	}
	.dados_nome{
		width: 70%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		line-height: 23px;
	}
	.dados_botoes{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	.dados_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.editar_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 4px 5px 4px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador{
		float: left;
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_titulo{
		width: 15%;
		margin-right: 3%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		min-height: 35px;
	}
	.dados_trabalhador_texto{
		width: 82%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		min-height: 35px;
	}
	.dados_trabalhador_texto a{
		color: #0172E4;
		text-decoration: none;
	}
	.dados_trabalhador_texto a:hover{
		text-decoration: underline;
	}
	.apagar_btn{
		float: left;
		margin-top: 10px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 13px;
		padding: 2px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
}

/* large desktops and up ----------- */
@media screen and (min-width: 1200px) {
	.corpo_index{
		width: 400px;
		height: 450px;
		position:absolute; 
        top:50%; 
        margin-top:-225px; /* ou seja ele pega 50% da altura tela e sobe metade do valor da altura no caso 100 */
        left:50%;
		margin-left:-200px; /* ou seja ele pega 50% da largura tela e diminui  metade do valor da largura no caso 250 */
	}
	.logotipo{	
		margin-top: 20px;
		text-align: center;
		width: 100%;
		margin-bottom: 30px;
	}
	.logotipo img{
		width: 60%;
	}
	.formulario{
		margin-top: 30px;
		margin-right: auto;
		margin-left: auto;
		width: 400px;
		height: auto;
		overflow: hidden;
		background: #eeeeee;
	}
	.formulario h2{
		margin-top: 15px;
		text-align: center;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 16px;
		border: none;
		margin-bottom: 20px;
	}
	.dados_registo{
		text-align: center;
		width: 400px;	
	}
	.dados_titulo{
		margin-left: 30px;
		margin-bottom: 5px;
		margin-top: 10px;
		text-align: left;
		font-weight: bold;
		width: 320px;	
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
	}
	.box{
		width: 340px;
		height: 25px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: 1px solid #cbcbcb;
		background: #FBFBFB;
	}
	.button_login{
		border-radius: 5px;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.novo_registo{
		margin-top: 20px;
		margin-bottom: 20px;
		padding-left: 30px;
		text-align: left;
		width: 400px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #444444;
		font-size: 14px;
		border: none;
	}
	.button_cancelar{
		border-radius: 5px;
		margin-left: 10px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.button_confirmar{
		border-radius: 5px;
		margin-bottom: 30px;
		margin-left: 30px;
		float: left;
		cursor: pointer;
		margin-top: 20px;
		width: 100px;
		height: 30px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		font-size: 15px;
		background: #3d9e53;
		border: none;
	}
	.container{
		width: 1152px;
		height: auto;
		overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		margin-top: 20px;
		padding-bottom: 60px;
	}
	.left{
		float: left;
		width: 65%;
	}
	.fundo_info{
		margin-top: 20px;
		float: left;
		margin-left: 3%;
		width: 47%;
		background: #EEEEEE;
		min-height: 250px;
	}
	.fundo_info_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_info_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 18px;
		width: 25px;
	}
	.fundo_info_titulo p{
		float: left;
		padding-top: 3px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_info_texto{
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
		margin-bottom: 20px;
		width: 97%;
	}
	.fundo_info_texto_info{
		float: left;
		width: 65%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_info_texto_n{
		float: left;
		width: 25%;
		margin-top: 15px;
	}
	.fundo_info_texto_n a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		background: #808080;
		color: #ffffff;
		font-size: 16px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right{
		float: left;
		width: 33%;
		margin-left: 2%;
	}
	.fundo_mensagens{
		margin-top: 20px;
		float: left;
		width: 95%;
		background: #EEEEEE;
		height: 565px;
		overflow: hidden;
	}
	.fundo_mensagens_titulo{
		width: 95%;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
		border-bottom: 1px solid #FFFFFF;
	}
	.fundo_mensagens_titulo img{
		float: left;
		margin-left: 15px;
		padding-top: 21px;
		width: 25px;
	}
	.fundo_mensagens_titulo p{
		float: left;
		padding-top: 3px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_mensagens_texto{
		width: 95%;
		float: left;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
		margin-bottom: 20px;
		height: 430px;
		overflow-y: auto;
	}
	.fundo_mensagens_de{
		float: left;
		width: 50%;
		margin-left: 15px;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
	}
	.fundo_mensagens_data{
		float: right;
		width: 40%;
		margin-right: 15px;
		margin-top: 15px;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
	}
	.fundo_mensagens_mensagem{
		text-decoration: none;
		float: left;
		width: 90%;
		margin-left: 15px;
		margin-top: 5px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 16px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #b2b2b2;
		text-align: justify;
	}
	.fundo_mensagens_mensagem a{
		text-decoration: none;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;	
	}
	.titulo{
		float: left;
		margin-top: 15px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 25px;
		width: 100%;
		font-weight: 300;
	}
	.filtros{
		float: left;
		margin-top: 15px;
		width: 100%;
	}
	.filtros p{
		margin-left: 4px;
		float: left;
		margin-top: 6px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 80%;
		font-size: 18px;
		font-weight: 300;
		cursor: pointer;
		line-height: 0;
		text-decoration: underline;
	}
	.filtros img{
		float: left;
		width: 12px;
	}
	.filtragem{
		display: none;
		float: left;
		width: 100%;
		background: #EEEEEE;
	}
	.filtragem_total{
		margin-top: 25px;
		float: left;
		width: 100%;
	}
	.filtragem_titulo{
		margin-left: 10px;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 15%;
		font-size: 16px;
		font-weight: 300;
	}
	.filtragem_select{
		float: left;
		width: auto;
	}
	.filtragem_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-left: 15px;
	}
	.filtragem_select_input{
		float: left;
		width: 186px;
		height: 22px;
		margin-left: 15px;
	}
	.btn_filtrar_total{
		width: 100%;
		float: left;
		margin-top: 20px;
		margin-bottom: 30px;
	}
	.btn_filtrar{
		margin-left: 10px;
		float: left;
		background: #3d9e53;
		color: #ffffff;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 14px;
		border: none;
		padding: 5px 5px 5px 5px;
		cursor: pointer;
	}
	.tabela{
		float: left;
		width: 100%;
		height: auto;
		overflow: hidden;
		margin-top: 30px;
	}
	.tabela_dados{
		width: 100%;
		text-align: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		font-size: 15px;
		color: #555555;
	}
	table, th, td{
		border-collapse: collapse;
	}
	.tabela_dados th, .tabela_dados td{
		padding: 8px;
		line-height: 20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #dddddd;
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	.tabela_dados th{
		font-weight: bold;
	}
	.tabela_dados th a, .tabela_dados td a{
		color: #0172E4;
		cursor: pointer;
		text-decoration: none;
	}
	.tabela_dados th a:hover, .tabela_dados td a:hover{
		text-decoration: underline;
	}
	.paginacao{
		width: 100%;
		margin-top: 25px;
		float: left;
		cursor: pointer;
	}
	.paginacao a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #000000;
		font-size: 16px;
		text-decoration: none;
		padding: 5px;
	}
	.criar_novo{
		width: 100%;
		float: left;
		margin-top: 25px;	
	}
	.criar_novo a{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
	}
	.subtitulo{
		float: left;
		width: 100%;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 20px;
	}
	.novo_left{
		width: 48%;
		float: left;
		margin-right: 2%;
	}
	.novo_right{
		width: 48%;
		float: left;
		margin-left: 2%;
	}
	.novo_total{
		margin-top: 20px;
		float: left;
		width: 100%;
	}
	.novo_titulo{
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		width: 32%;
		font-size: 16px;
		font-weight: 300;
		text-align: right;
	}
	.novo_select{
		float: left;
		width: 65%;
	}
	.novo_select_select{
		float: left;
		width: 190px;
		height: 24px;
		margin-left: 15px;
	}
	.novo_select_input{
		float: left;
		width: 186px;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_text_area{
		float: left;
		width: 186px;
		height: 40px;
		margin-left: 15px;
	}
	.novo_select_check{
		float: left;
		height: 20px;
		margin-left: 15px;
	}
	.novo_select_file{
		float: left;
		height: 25px;
		margin-left: 15px;
	}
	.rodape{
		position: absolute;
		width: 100%;
		text-align: center;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 14px;
		bottom: 0;
		height: 30px;
	}
	.total{
		width: 100%;
		min-height: 100%;
		position: relative;
	}
	.utilizador{
		width: 1152px;
		margin-left: auto;
		margin-right: auto;
		text-align: right;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 18px;
		margin-top: 10px;
	}
	.criar_novo_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador_total{
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_foto{
		width: 30%;
		float: left;
	}
	.dados_trabalhador_foto img{	
		width: 55%;
		padding: 4px;
		background-color: #fff;
		border: 1px solid #ccc;
		border: 1px solid rgba(0, 0, 0, 0.2);	
	}
	.dados_nome{
		width: 70%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		line-height: 23px;
	}
	.dados_botoes{
		width: 100%;
		float: left;
		margin-top: 15px;
	}
	.dados_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 3px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.editar_btn{
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
		padding: 4px 5px 4px 5px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
	.dados_trabalhador{
		float: left;
		margin-top: 20px;
		width: 100%;
		height: auto;
		overflow: hidden;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}
	.dados_trabalhador_titulo{
		width: 15%;
		margin-right: 3%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		min-height: 35px;
	}
	.dados_trabalhador_texto{
		width: 82%;
		float: left;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #303030;
		font-size: 15px;
		min-height: 35px;
	}
	.dados_trabalhador_texto a{
		color: #0172E4;
		text-decoration: none;
	}
	.dados_trabalhador_texto a:hover{
		text-decoration: underline;
	}
	.apagar_btn{
		float: left;
		margin-top: 10px;
		font-family: "Open Sans", "Calibri", "Candara", "Arial", "sans-serif";
		color: #ffffff;
		text-decoration: none;
		font-size: 13px;
		padding: 2px 3px 3px 3px;
		background: #3d9e53;
		border: none;
		cursor: pointer;
	}
}