/* FONTS */

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

/* GERAIS */

*{
	margin:0;
	padding:0;
	-webkit-appearance:none;
	letter-spacing: 1px;
}

body, html{

	overflow-x:hidden;
    height: 100%;
}

input{

	outline:none;
	border:none;
}

textarea{

	resize:none;
	outline:none;
}

.util{

	margin:0 auto;
	max-width:940px;
	width: 100%;
}

ul{

	list-style:none;
}

a{

	text-decoration:none;
}

/* FIM GERAIS */

/* BG FUNDO */

#pelicula{

	background: url('banners/point.png') repeat;
	width: 100%;
	max-width: 1920px;
	height: 100%;
	z-index: 2;
	position: fixed;

}

#fundo-externo {
	
    overflow: hidden; /* para que não tenha rolagem se a imagem de fundo for maior que a tela */
    width: 100%;
    height: 100%;
    position: relative; /* criamos um contexto para posicionamento */
}
 
#fundo {
	
    position: fixed; /* posição fixa para que a possível rolagem da tela não revele espaços em branco */
    width: 100%;
    height: 100%;
}
 
#fundo img {
	
    width: 100%; /* com isso imagem ocupará toda a largura da tela. Se colocarmos height: 100% também, a imagem irá distorcer */
    position: absolute;
}

/* FIM BG FUNDO */

/* LOGO */

#bglogo{

	width: 105px;
	height: 102px;
	z-index: 99;
	position: relative;
	float: right;
	margin-right: 50px;
}

#logo{

	margin-top: 15px;
	
}


/* MEIO */

#bg-meio{

	background: url('parts/bg_form1.png') repeat;
	height: 490px;
	width: 100%;
	max-width: 290px;
	padding: 60px 20px 0px 20px;
	margin: 0px auto;
	box-shadow: 0px 0px 15px 15px rgba(255,255,255,0.4);
	border-radius: 4px;
	position: fixed;
    left: 50%;
    top: 55%;
    transform: translate(-50%,-50%);
    z-index: 3;

}

#linha-k2{

	max-width: 290px;
	width: 100%;
}
	#part1{

		max-width: 145px;
		width: 100%;
		/* background: #fc9f26; */
		height: 7px;
		float: left;
	}

	#part2{

		max-width: 145px;
		width: 100%;
		/* background: #f47935; */
		height: 7px;
		float: right;
		
	}

/* FORM */

.inp-login{

	width: 90%;
	background: none;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	color: #fff;
	padding-left: 35px;
	/* border-bottom: 1px solid #f47935; */

    /* border-style: solid;
    border-width: 1px;
    -webkit-border-image: url("parts/linha-contato.png") 1 2 5 round;
    -moz-border-image: url("parts/linha-contato.png") 1 2 5 round;
    -o-border-image: url("parts/linha-contato.png")  1 2 5 round;
    border-image: url("parts/linha-contato.png")  1 2 5 round;
    border-top:0;
	border-left:0;
	border-right:0; */
}

.btn_login{

	width: 100%;
	height: 47px;
	background: #faa026;
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	color: #fff;
	text-align: left;
	padding-left: 20px;
	border-right: 7px solid #f37834;
	cursor: pointer;
}

::-webkit-input-placeholder {
   color: #fff;
}

:-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

:-ms-input-placeholder {  
   color: #fff;  
}

.msg{

	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	color: #fff;
	font-style: italic;
	text-align: center;
}