@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../images/background.png);
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	
}
/*Configurações gerais dos 3 elementos da página*/
#topo {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.8);
	text-align: center;
	height: 130px;
	border-bottom: #936 solid 3px;
	
	
}
#corpo {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
	height: 490px;
	
	padding:20px;
	overflow:auto;
}

#corpo_modForm {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
	
	
	padding:20px;
	overflow:auto;
}



#corpo_window{
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
	height: 100%;
	
	padding:20px;
	overflow:auto;
	
}

#fundo {
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	border-top: #936 solid 3px;
	text-align: center;
	height: 70px;
	
}


/*Div's Especificas*/
#home{
	
}
	

#loginBox{
	float:none;
	width:30%;
	border: thin #936 solid;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.6);
	
	
}


/* Ficheiro criarEvento3.php */
#caixa_novoItem{
	padding:8px;
	width:32%;
	height:120px;
	background-color: #E3BEC7;
	margin-bottom:13px;
	float:left;
}

#caixa_novoItem a{
	font-weight:bold;
	color:#820053;
	text-decoration:none;
	
}

#caixa_novoItem a:hover{
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
}



#caixa_novoItemMod{
	padding:8px;
	width:100%;
	height:120px;
	background-color: #E3BEC7;
	margin-bottom:13px;
	float:left;
}

#caixa_novoItemMod a{
	font-weight:bold;
	color:#820053;
	text-decoration:none;
	
}

#caixa_novoItemMod a:hover{
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
}






#caixa_opcaoItem{
	background-color: #E3BEC7;
	padding:8px;
	width:32%;
	height:221px;
	float:left;
	overflow:auto;
	
}

#caixa_opcaoItemMod{
	background-color: #E3BEC7;
	padding:8px;
	width:100%;
	height:221px;
	float:left;
	overflow:auto;
	
	
	
}

#caixa_preview{
	background-color: #E3BEC7;
	padding:8px;
	width:64%;
	height: 370px;
	float: right;
	overflow:auto;

}
#terminarEvento{
	width:100%;
	background-color:#936;
	border-bottom:#FFF solid 5px;
	margin-bottom:10px;
}



/* Ficheiro criarEvento4.php */
#opcoesForm{
	background-color: #E3BEC7;
	width:38%;
	padding:8px;
	height:370px;
	float:left;
	overflow-x:hidden;
	overflow-y:auto;
}


#opcoesFormMod{
	background-color: #E3BEC7;
	width:100%;
	padding:8px;
	height:370px;
	float:left;
	overflow-x:hidden;
	overflow-y:auto;
}


#formPreview{
	background-color: #E3BEC7;
	padding:8px;
	width:58%;
	height: 370px;
	float: right;
	overflow-x:hidden;
	overflow-y:auto;
	
	
}

/*Gestão de eventos: gerirEvento.php */
#menuEvento{
	width: 80%;
	border:thin #936 solid;
	background: rgb(130, 0, 83);
	background: rgba(130, 0, 83, 0.6);
	margin-left:10%;
	margin-right:10%;
	margin-bottom:10px;
	padding:10px;
	color:#FFF;
}

#menuEvento a{
	color:#FFF;
	font-size:medium;
	text-decoration:none;
	padding:5px;
}
#menuEvento a:hover{
	color:#CC0;
	background-color: #820053;
	text-decoration:underline;
	padding:5px;
	
}

#corpoEvento{
	width: 80%;
	height:400px;
	margin-left:10%;
	margin-right:10%;
	border:thin #936 solid;
	padding:10px;
}

#corpoEvento h2, b{
	color:#510034;
	text-transform:uppercase;
	font-weight:bold;
}


/*Gestão de eventos: gerirEvento.php : eventoFormulario.php */
#listaFormularios{
	width:19%;
	text-align:center;
	float:left;
	height:390px;
	overflow:auto;
	padding-left:1%;
	padding-right:1%;
	padding-top:10px;
	background-color: #e3bec7;
	
}

#listaFormularios a {
	text-transform:uppercase;
	font-weight:bold;
	color:#820053;
	text-decoration:none;
}

#listaFormularios a:hover {
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	
	text-decoration:underline;
}

#detalhesFormulario{
	width:76%;
	padding-left:1%;
	padding-right:1%;
	height:390px;
	padding-top:10px;
	float:right;
	background-color: #e3bec7;
	overflow:auto;
	
}

#detalhesFormularioParticipantes{
	width:76%;
	padding-left:1%;
	padding-right:1%;
	height:390px;
	padding-top:10px;
	float:right;
	background-color: #e3bec7;
	overflow:auto;
	
}

#opcoesInscritos{
	border-bottom: #820053 solid 3px;
	padding-bottom: 5px;
	
}

#opcoesInscritos a {
	text-transform:uppercase;
	font-weight:bold;
	color:#820053;
	text-decoration:none;
	
}

#opcoesInscritos a:hover {
	text-transform:uppercase;
	font-weight:bold;
	color:#FFF;
	
	text-decoration:underline;
}


#detalhesFormularioParticipantes  td{
	outline:#FFF solid 2px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	padding-top:2px;

	
}

#detalhesFormularioParticipantes #nomeCampo{
	font-weight:bold;
	text-transform:uppercase;
}


#formPrev{
	font-weight:bold;
	overflow:auto;
	
	height:290px;
}


#opcoes_formulario{
	
	border-top: #936 solid 3px;
	margin-top:5px;
	
}

#novoFormulario{
	text-align:center;
	margin-bottom:10px;
	border-bottom: #936 solid 3px;
	padding-bottom: 8px;

}


/*Modificar dados de um formulario  modificarFormulario.php */
#modNomeForm{
	padding:4px;
	clear:left;
	float:left;
	width:40%;
	
	background-color: #e3bec7;
	
	margin-bottom:10px;
	
}
#novoDadoForm{
	padding:4px;
	clear:left;
	float:left;
	width:40%;
	height:100px;
	background-color: #e3bec7;
	margin-bottom:10px;
	
}

#novoDadoForm_mod{
	padding:4px;
	clear:left;
	float:left;
	width:40%;
	background-color: #e3bec7;
	margin-bottom:10px;
	
}
#dadosElementoForm{
	padding:4px;
	clear:left;
	float:left;
	width:40%;
	height:200px;
	background-color: #e3bec7;
	overflow-x:hidden;
	overflow-y:auto;
	
}

#dadosElementoForm_mod{
	padding:4px;
	clear:left;
	float:left;
	width:40%
	background-color: #e3bec7;
	overflow-x:hidden;
	overflow-y:auto;
	
}

#opcoes_modificacao{
	width:100%;
	background-color: #510034;
	padding: 5px;
	margin-bottom: 10px;
}

#prevFormulario{
	padding:4px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color: #e3bec7;
	float:right;
	clear:right;
	width:56%;
	height:420px;
	
	
}
#prevFormulario_mod{
	padding:4px;
	overflow-x:hidden;
	overflow-y:auto;
	background-color: #e3bec7;
	float:right;
	clear:right;
	width:56%;
	
	
	
}

/*Adicionar um novo formulario  eventoNovoFormularioForm2.php*/
#novoFormCorpo{
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, 0.7);
	height: 490px;
	
	padding:20px;
	overflow:auto;
	
}



#novoFormOpcoes{
	width:100%;
	background-color:#936;
	border-bottom:#FFF solid 5px;
	margin-bottom:10px;
	padding:6px;
}




#novoFormNovoDado{
	padding:8px;
	width:32%;
	height:120px;
	background-color: #E3BEC7;
	margin-bottom:13px;
	float:left;
	
}

#novoFormNovoDado a{
	
	font-weight:bold;
	color:#820053;
	text-decoration:none;
}

#novoFormNovoDado a:hover{
	font-weight:bold;
	color:#FFF;
	text-decoration:underline;
}

#novoFormOpcaoDado{
	background-color: #E3BEC7;
	padding:8px;
	width:32%;
	height:221px;
	float:left;
	overflow:auto;
	
}

#novoForm_FormPreview{
		background-color: #E3BEC7;
	padding:8px;
	width:58%;
	height: 370px;
	float: right;
	overflow-x:hidden;
	overflow-y:auto;
	
}





/*Inscrições: pInscrever1.php */
#dadosdoEvento{
	background-color: #E3BEC7;
	border-bottom: #820053 solid 5px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;

}

#mostraFormulario{
	border:3px #820053 solid;
	padding-left: 20px;
	padding-bottom: 20px;
	
	
}

.separador{
	border-bottom: 2px #820053 dotted;
	padding-bottom: 20px;
}

/*imprimeParticipante.php */
#imprimeParticipante{
	overflow:auto;
}


#novoEvento2  td{
	outline:#936 solid 2px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	padding-top:2px;

	
}

#tabela_utilizadores{
	margin-bottom:15px;
	
	
}

#tabela_utilizadores  td{
	outline:#936 solid 2px;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	padding-top:2px;

	
}

#registar_utilizador_form{
	
	background-color: #E3BEC7;
	border-top: #820053 solid 5px;
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width:370px;
	
}


#registar_utilizador_form  td{
	outline:none;
	padding-left:4px;
	padding-right:4px;
	padding-bottom:2px;
	padding-top:2px;
	margin-top:10px;

	
}


#localizacao a{
	background-color: #820053;
	font-weight:bold;
	padding:5px;
		
	
}

#voltar_menuEvento{
	float:left;
	border-right:	#820053 solid 2px;
	padding-right: 10px;
	
}