/*--------HEADER---------*/

header
{
	box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05);
	background-color: #131212;
	width: 100%;
	height: 80px;
	position: fixed;
	top: 40px;
	left: 0;
	z-index: 9;
	display: block;
	/*overflow: hidden;*/
}

.content
{padding-top: 120px}


/*-----------INFO Inscrição----------*/

section.info
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
	margin-top: 90px;
	margin-bottom: 90px;
}

section.info h3
{margin-bottom: 40px;}


h3.special
{color: #4CB64F; margin-top: 50px; margin-bottom: 20px !important;}


/*BULLETS*/

.special-bullet .item
{ /*height: 36px; */margin-bottom: 15px;}

.special-bullet .bullet
{
	height: 18px;
	width: 3px;
	background-color: #4CB64F;
	float: left;
	margin-right: 10px;
	margin-top: 9px; 
}


/*.special-bullet p
{float: left; vertical-align: middle;}
*/


/*--------------FORM-----------*/

input:focus, select:focus, textarea:focus, button:focus 
{
	outline: none;
	color: #4CB64F;
	border: 1px solid #4CB64F;
    border-radius:0;
	-webkit-border-radius:0;
	-webkit-appearance: none;
	-webkit-border-radius:0; 
    border-radius:0;
}

select
{
	border-radius:0;
	-webkit-border-radius:0;
}

option
{padding: 0px 20px 0px 20px !important;}

input:focus::-webkit-input-placeholder {
   color: #4CB64F;
}
::-webkit-input-placeholder
{color: #1A1B1B;}

input:focus:-moz-placeholder { /* Firefox 18- */
   color: #4CB64F;  
}
:-moz-placeholder
{color: #1A1B1B;}

input:focus::-moz-placeholder {  /* Firefox 19+ */
   color: #4CB64F;  
}
:-moz-placeholder
{color: #1A1B1B;}

input:focus:-ms-input-placeholder {  
   color: #4CB64F;  
}
:-ms-input-placeholder
{color: #1A1B1B;}




section.inscricao
{
	width: 100%;
	margin: auto;
	overflow: hidden;
	background-color: #F5F5F5;
	padding-top: 90px;
	padding-bottom: 90px;
}

section.inscricao .titulo
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
}

section.inscricao h3
{margin-bottom: 40px;}


section.inscricao .form-container, section.inscricao .nota
{
	width: 1170px;
	margin: auto;
	overflow: hidden;
}

section.inscricao .nota
{padding-top: 90px;}
section.inscricao .nota p
{font-size: 16px; line-height: 26px;}


input
{
	height: 50px;
    background-color: white;
    border: 1px solid #1A1B1B;
    margin: auto;
    margin-bottom: 40px;
    padding-left: 20px;
    font-family: 'Conv_Roboto-Medium', sans-serif;
    font-size: 13px;
    -webkit-appearance: none;
	-webkit-border-radius:0; 
    border-radius:0;
}


input#NameInput, input#IDInput, input#LocalidadeInput, input#CPInput, input#NacionalidadeInput, input#NascimentoInput, input#TelemovelInput, input#EmailInput
{width: 547px; float: left;}

input#NameInput, input#LocalidadeInput, input#NacionalidadeInput, input#TelemovelInput
{margin-right: 30px;}

input#MoradaInput
{width: 1147px;}


input.send-btn
{
	height: 50px;
	width: 200px;
	background-color: #000000;
	color: white;
	font-size: 18px;
	text-align: center;
	font-family: 'Conv_Roboto-Medium', sans-serif;
	/*margin-top: 40px !important;*/
	-webkit-appearance: none;
	-webkit-border-radius:0; 
    border-radius:0;
}

input.send-btn:hover
{background-color: #4CB64F; border: #4CB64F;}

label
{font-family: 'Conv_Roboto-Medium', sans-serif;}



.form-polo, .form-curso1, .form-curso2, .form-curso3
{
	width: 570px;
	height: 82px;
	float: left;
	margin-bottom: 40px;
}

.form-polo, .form-curso2
{margin-right: 30px;}

.form-polo label, .form-curso1 label, .form-curso2 label, .form-curso3 label
{width: 570px; display: block; margin-bottom: 10px;}

.form-polo select, .form-curso1 select, .form-curso2 select, .form-curso3 select
{
	height: 50px;
    background-color: white;
    border: 1px solid #1A1B1B;
    width: 570px;
    padding-left: 20px;
    font-size: 16px;
}






/*----------------SMALLER SCREENS / MEDIA QUERIES---------------*/

@media (max-width: 1300px){

	section.info
	{width: 960px;}

	section.inscricao .titulo
	{width: 960px;}

	section.inscricao .form-container, section.inscricao .nota
	{width: 960px;}

	input#NameInput, input#IDInput, input#LocalidadeInput, input#CPInput, input#NacionalidadeInput, input#NascimentoInput, input#TelemovelInput, input#EmailInput
	{width: 442px;}

	input#MoradaInput
	{width: 937px;}


	.form-polo, .form-curso1, .form-curso2, .form-curso3
	{width: 465px;}

	.form-polo label, .form-curso1 label, .form-curso2 label, .form-curso3 label
	{width: 465px;}

	.form-polo select, .form-curso1 select, .form-curso2 select, .form-curso3 select
	{width: 465px;}
}



@media (max-width: 1050px){

	section.info
	{width: 688px;}

	section.inscricao .titulo
	{width: 688px;}

	section.inscricao .form-container, section.inscricao .nota
	{width: 688px;}

	input#NameInput, input#IDInput, input#LocalidadeInput, input#CPInput, input#NacionalidadeInput, input#NascimentoInput, input#TelemovelInput, input#EmailInput
	{width: 665px;}

	input#MoradaInput
	{width: 665px;}

	input#NameInput, input#LocalidadeInput, input#NacionalidadeInput, input#TelemovelInput
	{margin-right: 0px;}

	.form-polo, .form-curso1, .form-curso2, .form-curso3
	{width: 688px;}

	.form-polo label, .form-curso1 label, .form-curso2 label, .form-curso3 label
	{width: 688px;}

	.form-polo select, .form-curso1 select, .form-curso2 select, .form-curso3 select
	{width: 688px;}
	
}


@media (max-width: 960px){

	
	
}


@media (max-width: 900px){

	
}

@media (max-width: 850px){
    
    .dark-header
	{display: none;}

	header
	{top: 0; height: 60px;}

	header nav ul
	{display: none;}

	header nav .logo-header
	{width: 160px !important; height: 45px; margin-top: 7px; margin-left: 30px;}

	.burger 
	{display: block; top: 15px; right: 30px;}

	.content
	{padding-top: 60px;}

	input#NameInput, input#IDInput, input#LocalidadeInput, input#CPInput, input#NacionalidadeInput, input#NascimentoInput, input#TelemovelInput, input#EmailInput
	{width: 660px;}

	input#MoradaInput
	{width: 660px;}

	input#NameInput, input#LocalidadeInput, input#NacionalidadeInput, input#TelemovelInput
	{margin-right: 0px;}

	.form-polo, .form-curso1, .form-curso2, .form-curso3
	{width: 682px;}

	.form-polo label, .form-curso1 label, .form-curso2 label, .form-curso3 label
	{width: 682px;}

	.form-polo select, .form-curso1 select, .form-curso2 select, .form-curso3 select
	{width: 682px;}
	
}


@media (max-width: 800px){

	
	
}


@media (max-width: 740px){

	section.info
	{width: 500px;}

	.special-bullet .bullet
	{margin-top: 3px;}


	section.inscricao .titulo
	{width: 500px;}

	section.inscricao .form-container, section.inscricao .nota
	{width: 500px;}

	input#NameInput, input#IDInput, input#LocalidadeInput, input#CPInput, input#NacionalidadeInput, input#NascimentoInput, input#TelemovelInput, input#EmailInput
	{width: 477px;}

	input#MoradaInput
	{width: 477px;}

	input#NameInput, input#LocalidadeInput, input#NacionalidadeInput, input#TelemovelInput
	{margin-right: 0px;}

	.form-polo, .form-curso1, .form-curso2, .form-curso3
	{width: 500px;}

	.form-polo label, .form-curso1 label, .form-curso2 label, .form-curso3 label
	{width: 500px;}

	.form-polo select, .form-curso1 select, .form-curso2 select, .form-curso3 select
	{width: 500px;}

	
}

@media (max-width: 680px){

	
	
}

@media (max-width: 560px){

	section.info
	{width: 280px;}

	.special-bullet p
	{width: 260px;}

	.special-bullet .item 
	{/*height: 50px; */margin-bottom: 25px;}

	section.inscricao .titulo
	{width: 280px;}

	section.inscricao .form-container, section.inscricao .nota
	{width: 280px;}

	input#NameInput, input#IDInput, input#LocalidadeInput, input#CPInput, input#NacionalidadeInput, input#NascimentoInput, input#TelemovelInput, input#EmailInput
	{width: 250px;}

	input#MoradaInput
	{width: 250px;}

	.form-polo, .form-curso1, .form-curso2, .form-curso3
	{width: 280px;}

	.form-polo label, .form-curso1 label, .form-curso2 label, .form-curso3 label
	{width: 280px;}

	.form-polo select, .form-curso1 select, .form-curso2 select, .form-curso3 select
	{width: 280px;}

	/*.form-polo, .form-curso1, .form-curso2, .form-curso3
	{height: 105px;}*/

	.form-polo label, .form-curso1 label, .form-curso2 label, .form-curso3 label
	{line-height: 22px; font-size: 14px;}

	input.send-btn
	{height: 40px; width: 150px; font-size: 14px;}

}