@import url('https://fonts.googleapis.com/css?family=Montserrat');

@font-face {
     font-family: Multidados;
     src: url("../fonts/multidados.woff");
}
		
@font-face {
     font-family: Multidados2;
     src: url("../fonts/multidados2.woff");
}

		
body {
	font-family: Helvetica, Arial, Verdana;
	margin:15px 0 0 0;
	font-size:12px;
    background: #000 url("../img/bg.jpg") repeat-y scroll left top;
	background-size: cover;
    color: #fff;
    font-size: 8pt;
	overflow: auto;
	margin: 0;
	font-family: 'Montserrat', sans-serif;
	padding: 0;
	left: 0;
	top: 0;
	width: 100%;
	height:100%;
	min-height: 100%;
	background-position: fixed;
	background-repeat: no-repeat;
	background-attachment: fixed;
	
}

		
#header {
	display: block;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	height: 12vh;
	width: 100%;
	min-height: 100px;
}

#logo {
    position: absolute;
    left: 3%;
    top: 25%;
    width: auto;
    height: 50%;
	bottom: 25%;
    min-width: 250px;
}
		
footer {
	 height: 15%;
    width: 100%;
    top: 85%;
    position: sticky;
    background-color: rgba(10,16,20,0.7);
    padding: 40px 0;
    border-top: 1px solid #313646;
    color: rgb(160, 154, 151);
}

#copyright{
	margin-left:5%;
	font-size:13px;
	display: inline;
	top: 43%;
    position: absolute;
}

#social{
	margin-right:5%;
	font-size:17px;
	display: inline;
	float:right;
	top: 43%;
    position: absolute;
    right: 0;
}

#social a:hover .socials-item-icon {
	color: #fff;
}

a .socials-item-icon {
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.main {
	color: #F16939;
	display: inline;
	font-size: 20px;
	font-family: Multidados;
}

.main2 {
	color: #FFF;
	display: inline;
	font-size: 15px;
	font-family: Multidados;
}

#h-login {
	color: #F16939;
	display: inline;
	font-size: 30px;
	font-family: Multidados;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}	

#h-registo {
	color: #fff;
	display: inline;
	font-size: 30px;
	font-family: Multidados;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#login, #registo, #recover, .inquerito {
	width:43.1%;
}

#esqueceu {
	color:#F16939; 
	margin-left:15px;
}


.msg {
	color:#ee4c40;
	display:none;
	font-size:12px;
}

.linq {
	color: #fff !important;
}

.linq1 {
	color: #fff !important;
    margin-bottom: 40px;
}

h6 {
	color: #F16939;
	text-transform: uppercase;
	font-family: Multidados;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}


@media only screen and (max-width: 767px) {
	
	#login, #registo, #recover, .inquerito{
		width:90%
	}
	
	.registo-box {
		width:100% !important;
	}
	
	.linq1 {
	color: #fff !important;
	margin-bottom: 100px;
	}
	
	
}
	
@media only screen and (max-width: 530px) {
	
	#copyright{
	margin-left:5%;
	font-size:13px;
	display: inline;
	top: 27%;
    position: absolute;
}
	
	#social{
	margin-right:5%;
	font-size:17px;
	display: inline;
	float:right;
	top: 57%;
    position: absolute;
	right: 25%;
}	
	
	#esqueceu {
	color:#F16939; 
	margin-top:20px;
}

	
}