@charset "ISO-8859-1";
/* CSS Document */

*{
	scroll-behavior: smooth; 
}

body{
	width:100%;
	margin:0 auto;
	/* min-height: 50rem; */
	height: auto;
}

*,
*:before,
*:after {
 box-sizing: border-box;
}

/* Tipografia*/

@font-face {
   font-family: Jura;
   src: url("font/Jura-Regular.ttf");
	/* importar font*/
}

@font-face {
   font-family: Jura-light;
   src: url("font/Jura-Light.ttf");
	font-weight: lighter;
	/* importar font*/
}

@font-face {
   font-family: Jura-bold;
   src: url("font/Jura-Bold.ttf");
	font-weight: bold;
	/* importar font*/
}


*{
	font-family: 'Jura';
}

p{
	font-size: 14px;
	color: #3E3E3E;
	line-height: 1.5;
}

h1{ /* Titulo de cada página - padrão*/
	font-family: Jura, 'Jura';
	color: #000000;
	text-align: center;}

h2{ /* Titulo de cada página - padrão*/
	font-family: Jura, 'Jura';
	color: #ea7a06;
	text-transform: uppercase;
	text-align: center;
}

h3{ /* Titulo de cada página - padrão*/
	font-family: Jura, 'Jura';
	font-size: 16px;
	font-weight: 400;
}

h4{
	font-weight: 200;
	font-size: 13px;
	color: #323232;
}

h5{ /* Titulo de cada página - padrão*/
	font-family: Jura, 'Jura';
	color: #ea7a06;
	font-weight:700;
	font-size: 18px;
}

#formulario h4 {
    font-weight: 700;
    font-size: 14px;
    color: #000000;
    line-height: 1.6;
    padding-top: 1rem;
}


#formulario h6{
    font-weight: 200;
    font-size: 15px;
    color: #ea7a06;
}

#ppbotao h4{
	margin-bottom:-1px;
}

.titulo2{
	text-align: left;
	margin-left:7rem;
	padding: 1rem;
}

.pag3 label{
	font-size:16px;
	color: #3E3E3E;
	line-height: 1.5;
	
}

.pag3x label{
	font-size:16px;
	color: #3E3E3E;
	line-height: 2;
	
}

.pag4 label{
	font-size:16px;
	color: #3E3E3E;
	line-height: 2;
	
}
.iniciar label{
	font-size:16px;
	color: #3E3E3E;
	line-height: 2;
	
}

/* -----------------------------------------------------------------------------Final Tipografia----------------------------------------------------------------------------*/


/* Elementos do topo da página */

#topo{
	padding:1rem;
	margin:0 auto;
	background-color: rgba(0, 0, 0, 0.8);
	display: flex;
	
}


.menu{
	top: 0%;
	width: 100%;

}

.menu-list{
	display: flex;
}

.titulo{
	line-height: 1.6;
	font-size: 15px;
	text-align: center;
	    margin: auto;
	padding-right: 3rem;
}

/* --------------------------------------------------------------Final Elementos do topo da página--------------------------------------------------------------------------*/


/* Elementos da página */

#introd{
    margin: auto;
    width: 100%;
    padding: 2rem 7rem;
    background-color: white;
    overflow-y: hidden;
}

#introd text{ 
  font-size:15px;
  font-weight:300;
  line-height: 1.6;
}

.menu{
	width: auto;
	display:inline-flex;
	padding: 0 3rem;
	}

.menu ul{
	list-style-type: none;	
	display: flex;
	float: right;
}



.menu li a{
	color:white;
	text-decoration: none;
	padding-left: 2rem;
	float: right;
}

.modal {
    display: none; /* Esconder div */
    position: fixed; 
    z-index: 1; 
    padding-top: 100px; 
    left: 0;
    top: 0;
    width: 100%; 
    height: 100%; 
    overflow: auto; 
    background-color: rgb(0,0,0); 
    background-color: rgba(0,0,0,0.4); 
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding:3rem;
 	border-radius: 2px;
    width: 85%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
#pprivacid{
	margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 3rem;
}

#ppbotao{ /* botao do modal dos termos de privacidade*/
	background: #fff;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom:solid thin #BCBCBC ;
	text-align: center;
}

#formulario{
	width: 70%;
	margin: 1rem auto;
	min-height: 50vh;
	padding-top: 2rem;
}

.form-quest table{
	display:block;
	width:auto; 
	overflow-x: auto;
	white-space: nowrap;
}


.form-quest tr:nth-child(even) {
    background-color: #f2f2f2;	
}

.form-quest b{
	color: #094266;
	font-size: 14px;
	vertical-align: bottom;
}

.form-quest th{
	vertical-align: bottom;
	text-align: left;
}


	#body-page{
		min-height: 32rem;

	}

/*Página de login*/

#login{ /* div para fazer login - formulário*/
	background-color: white;
	box-shadow: 7px 6px 20px 5px #f3f3f3;
	width: 70%;
	height: auto;
	/* display: initial; */
	border-radius: 10px;
	padding: 3rem;
	margin: auto;
	justify-content: center;
	/* min-height: 50rem; */
	/* position: relative; */
	/* margin-bottom: 15rem; */
}

.error{
	background-color: white;
	box-shadow: 7px 6px 20px 5px #ffc1c1!important;
}

.error-text h2{
	text-align: center;
	font-size: 15px;
	line-height: 1.8;
}

#login form{ /* div para fazer login - formulário*/
    display: contents;
    width: 100%;
}


.form-login b{ /* página para fazer login - formulário*/
    font-size: 18px;
	font-family: Jura;
	color: #094266;
	padding: 1rem;
}

.form-login table{
	width: auto;
	margin: auto;
}

.form-login table span{ /*Recuparar password*/
	font-size: 12px;
	color: #6D6D6D;
	float: right;
}

.form-login table span a{
	font-size: 12px;
	color: #6EC8F2;
	float: right;
}


.form-login input{
	width: 25rem;
	margin: 1rem 0 1rem 1rem;
	padding: 0.8rem;
	border-bottom: 1px solid #d0d0d0;
	border-top: none;
	border-left: none;
	border-right: none;
}

.form-login input::placeholder{
    color: #E5E5E5;
	font-size: 13px;
    opacity: 1; /* Firefox */
}

.form-registar table{
	width: 60%;
	/* margin: auto; */
}

.form-registar input{
	width: 150%;
	margin: 1rem 0 1rem 1rem;
	padding: 0.8rem;
	border-bottom: 1px solid #d0d0d0;
	border-top: none;
	border-left: none;
	border-right: none;
}

.form-registar input::placeholder{
    color:#888888;
	font-size: 15px;
    opacity: 1; /* Firefox */
}

.iniciar-input td input[type="text"]{
			width: 80%;
			background-color: auto;
			border: 1px solid #bcbcbc;
		}
		
.iniciar-input .ini-input1 input[type="text"]{
			width: 30%;
			background-color: auto;
			border: 1px solid #bcbcbc;
		}
			
.iniciar-input1 td input[type="text"]{
			width: 55%;
			background-color: auto;
			border: 1px solid #bcbcbc;
		}

input[type="email"]{
	width: 100%;
}

.cols-rec{ /*zona da tabela onde está o texto explicativo sobre a recuperação de password*/
	text-align: center;
}

#index-seg{ /* div do botão "seguinte" da página index e da página inq01*/
	margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
	padding-top: 3rem;
	display: flex;
}

.botao-ent{ /* botão entrar - Página Login e registar */
	border: none;
	background-color: white;
	display: flex;
	margin: auto;
	display: contents;
		
}


.botao-reg{ /* botão de registo */
	border: none;
	background-color: white;

}

#login .botao-volt{ /* botão de voltar */
	border:none;
	background-color: white;
	margin: auto;
	vertical-align: middle;
	padding-top: 2rem;
	display: flex;
}

.botao-seg{ /* página do inquerito*/
	border:none;
	background-color: white;
	margin: auto;
	vertical-align: middle;
	padding-top: 2rem;
	display: flex;
}

.botao-seg2{ /* botao seguinte página do inquerito*/
	background-color: white;
	border: none;
}


.botao-guar{ /* botao seguinte página do inquerito*/
	background-color: white;
	border: none;
}


button{
	cursor: pointer;
	background-color: white;
}

.separador{
	height: 0.3rem;
    border: none;
    background-color:#6EC8F2;
    border-radius: 20px;
    width: 75%;
	margin: 2rem auto;
}

/* Final Página de login*/



/* Página inq02*/

.pag2 input{
    padding: 0.2rem;
    font-size: 15px;
    border: none;
    width: 30%;
    background-color:auto;
    border-bottom: 1px solid #bcbcbc;
}
.pag2 select {
    width: 100%;
    border: none;
    padding: 1rem;
    border-radius: 0;
    background-color: white;
}

.pag2 td {
    width: 30%;
	padding: 0.5rem;
}
/* Final página inq02 */


.label-inq04 input{
    padding: 0.2rem;
    font-size: 15px;
    border: none;
    width: 80%;
	margin-left: 1rem;
    border-bottom: 1px solid #9F9F9F;
}

.iniciar select{
    width: 100%;
    border: none;
    padding: 1rem;
    border-radius: 0;
    background-color:white;
	border-bottom: 1px solid;
}
.iniciar-input td input[type="text"]{
	width: 100%;
	
	}
/* -------------------------------------------------------------------- Elementos da página -------------------------------------------------------------------------------*/


/* Elementos do final da página */
#footer{
	margin: 1rem auto;
	/* position: fixed; */
	bottom: 0;
	width: 100%;
	z-index:  -1;
	overflow-y: hidden;
	left: 0;
}

.nav-footer{
	margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
	padding-top: 1rem;
}

.nav-footer img{
	margin-left: 1rem;
}

.patrocinios{
	display: flex;
	/* padding:2px 4rem; */
	align-items:  center;
	justify-content:  center;
}


.patrocinios img{
	margin:5px 4rem 0 4rem; 
}

.hrgradiente{
	width: 100%;
	height: 0.3rem;
	border: none;
	background-image: linear-gradient(90deg, #000000, #ea7a06, #000000);
}

/* --------------------------------------------------------------------Elementos do final da página--------------------------------------------------------------------------*/



/*------------------------------ RESPONSIVO ---------------------------*/

@media only screen and (max-width: 600px) {
	
	/*Tipografia*/

	h1{
	 font-size: 18px;	/*Alteração de tamanho da font*/
	 padding-bottom: 0px;
	}

	h2{
	 font-size: 16px;	/*Alteração de tamanho da font*/
	 padding-top: 1rem; /*Alteração do espaçamento da font*/
	}

	/*Final Tipografia*/

#formulario{
	width: 85%;
	margin: 1rem auto;
	
}

.form-quest b{
	color: #094266;
	font-size: 12px;
	vertical-align: bottom;
}

.form-quest p{
	color: #094266;
	font-size: 13px;
	vertical-align: bottom;
}

.form-quest th{
	vertical-align: bottom;
	text-align: left;
}

.form-quest{ /* tabela do questionário */
	display:block;
	width:auto;
	overflow-x: auto;
	white-space: unset;}



	/* Página Index*/
	.menu {
    padding: 0 1.5rem;
	}
	
	#introd {
    padding:0 3rem; /*alteração do espaçamento*/
	}
	
	#index-seg {
	padding-top: 1rem;
	}
	
	#topo{
	padding-bottom:0;
	max-height: 8rem;
	display: flex;
	}
	
	#pprivacid {
    margin: auto;
    width: 100%;
    display: flex;
    justify-content: center;
    padding: 1rem;
    /* color: #bcbcbc; */
 }
	
	.modal-content {
    padding: 2rem;
    width: 90%;
	}
	
	

	#footer .patrocinios{
		text-align: center;
		margin: auto;
		display: -webkit-box;
	}


	#footer .patrocinios img:first-child{
    width:20%;
	}
		
   #footer .patrocinios img{
	width: 50%;
	}
	
	/*Final da Página Index*/
	
	/* Página inq01 */
	
	#formulario h4 {
    font-size: 15px;
    line-height: 1.3;
    padding-top: 0; 
	}
	
	h5 {
	  font-size: 15px;
	}	
	
	
	.inq #index-seg {
    padding-top: 1rem;
	}
	/* Final Página inq01 */	
	
	/* Página inq02 */

	.pag2 td {
		width: 30%;
		padding: 0; 
	}
	

	#formulario h6 {
    font-size: 13px;
    color: #9f9f9f;
	}
	
	#body-page{
		min-height: 22rem;

	}
	
#formulario .inq03x h4 {
    font-size: 15px;
    background-color: #f2f2f2;
    padding: 1rem;
}
	/* Final Página inq02 */
	
	/* Página inq03x */
	.pag3x label {
    font-size: 14px;
	}
	/* Final Página inq03x */
	
	/* Página inq04 */
	.pag4 label {
    font-size: 14px;
	}
	/* Final Página inq04 */
	.iniciar label {
    font-size: 14px;
	}
	
	
.form-login input {
    width: 19rem;
    margin:0;
	width: 100%;
 }	
	

	.form-registar input {
    margin: 0.3rem 0 0.3rem;
   
	}


.form-login table span {
    padding: 0.3rem;
}

}	


@media only screen and (min-width: 600px) and (max-width: 900px){
	#formulario h4 {
		 padding-top:0; 
	}
		
	#body-page{
		min-height: 33rem;
	}
		
.form-login input {
	width: 100%;
 }	
	

}


@media only screen and (min-width: 900px) and (max-width: 1400px){
	#formulario h4 {
		 padding-top:0; 
	}
	
	#body-page{
		min-height: 36rem;
	}

	
}


/* tabela - questionário responsivo*/
 
	
/*------------------------------FINAL RESPONSIVO ---------------------------*/