/* CSS Document */
*
{
	box-sizing:border-box !important;	
}
/*---------------------> LIMPA TODAS AS CONFIGURAÇÕES DE INPUT E AUTOCOMPLETE <--------------------------*/
input
{
	-webkit-appearance: none !important;	
	appearance:none !important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus, 
input:-moz-autofill,
input:-moz-autofill:hover, 
input:-moz-autofill:focus,
textarea:-moz-autofill,
textarea:-moz-autofill:hover,
textarea:-moz-autofill:focus,
select:-moz-autofill,
select:-moz-autofill:hover,
select:-moz-autofill:focus
{
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s;
}

input:-moz-autofill, :-moz-autofill-preview {
  -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
  transition: background-color 5000s ease-in-out 0s;
}

*:focus 
{
    outline: none;
}

/*---------------------> LIMPA TODAS AS CONFIGURAÇÕES DE INPUT E AUTOCOMPLETE <--------------------------*/

html,body
{
	margin:0;
	padding:0;
	background-color:#302c3b;
	
	font-family:'Montserrat';
	overflow:hidden;
}

.contain
{
	position:absolute;
	width:100%;
	height:100%;
	
	background-image:url(../images/bgEntrada.jpg);	
	background-attachment:fixed;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	
	transition-delay: 2s;
	-webkit-transition: background-image 0.2s ease-in-out;
    -moz-transition: background-image 0.2s ease-in-out;
    -ms-transition: background-image 0.2s ease-in-out;
    -o-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
}

.corpo
{
	box-sizing:border-box;
	width:100%;
	height:100%;
	min-height:100%;
	float:left;
	background-image:url(../images/FormasColor.png);
}

.content
{
	width:100%;
	float:left;	
}

.center
{
	text-align:center;	
}

.quadro
{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin:0 auto; 
	
	background-color:#FFFFFF;
	width:300px;
	border-radius:10px;
	display:table;
	
	padding:18px;
	padding-top:25px;	
	padding-bottom:40px;
	
	box-shadow:0px 0px 12px rgba(0,0,0,0.5);
   -webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.5);
   -moz-box-shadow:0px 0px 12px rgba(0,0,0,0.5);
}

.quadro > div:nth-child(1)
{
	padding-left:22px;
	padding-top:10px;
}

.quadro > div:nth-child(2)
{
	font-size:17px;
	color:#555555;	
	margin-top:8px;
}

.quadroLogin
{
	margin:0 auto;
	margin-top:10%;
	background-color:#FFFFFF;
	width:290px;
	border-radius:10px;
	display:table;
	
	padding:10px;
	padding-top:25px;	
	padding-bottom:20px;
	
	box-shadow:0px 0px 12px rgba(0,0,0,0.8);
   -webkit-box-shadow:0px 0px 12px rgba(0,0,0,0.8);
   -moz-box-shadow:0px 0px 12px rgba(0,0,0,0.8);
}

.quadroLogin > div:nth-child(2)
{
	font-size:17px;
	color:#555555;	
	margin-top:8px;
}
.buttons
{
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
	margin-top:10px;	
}

.buttons > li
{
	width:100%;
	float:left;
	list-style:none;
	background-color:#380249;
	margin-bottom:8px;
	height:40px;
	line-height:40px;
	border-radius:20px;
	color:#FFFFFF;
	
	cursor:pointer;	
}

.buttons > li:hover
{
	background-color:#22002D;	
}

.fontMin
{
	font-size:11px !important;	
}

.fieldsetForms
{
	margin:0;
	padding:0;
	
	margin-top:5px;
	border:solid 2px #ACACAC;	
	border-radius:6px;
	padding:2px;
	background-color:#FFFFFF;
}

.fieldsetForms > legend
{
	font-size:12px;
	/*color:#380249;*/
	color:#747474;
	padding-left:4px;
	padding-right:4px;
	text-align:left;
}

.inputsF
{
	width:100% !important;
	min-width:100% !important;
	border:0;
	padding:0;
	margin:0;
	height:30px !important;
	max-height:30px !important;
	padding-left:5px;	
	color:#3E3E3E;
}

.mtop
{
	margin-top:10px;	
}

.mbottom
{
	margin-bottom:10px;	
}


input[type="submit"]
{
	border:none !important;
	width:100%;
	float:left;
	list-style:none;
	background-color:#380249;
	margin-bottom:8px;
	height:50px;
	line-height:50px;
	border-radius:30px;
	color:#FFFFFF;
	font-size:16px;
	font-family:'Montserrat';
	
	cursor:pointer;	
}

input[type="submit"]:hover
{
	background-color:#22002D;	
}

#cep_entrada
{
	width:calc(100% - 70px);
	float:left;
	
	border-left:solid 1px #D3D3D3;	
	border-top:solid 1px #E5E5E5;	
	border-bottom:solid 1px #E5E5E5;
	border-right:none;	
	border-radius:50px 0px 0px 50px;
	
	padding-left:30px;
	color:#666;
	font-size:18px;
	font-family:'Montserrat';
	
	height:50px;
	margin-top:10px;
	margin-bottom:10px;
}	

#seta_cep_entrada
{
	-webkit-appearance: none !important;	
	appearance:none !important;
	background-color:transparent !important;
	
	width:70px;
	float:left;
	
	border:none;
	border-radius:0px 50px 50px 0px;
	background-image:url(../images/arrow_right.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
	
	border-left:none !important;
	border-right:solid 1px #D3D3D3 !important;	
	border-top:solid 1px #E5E5E5 !important;	
	border-bottom:solid 1px #E5E5E5 !important;
	
	height:50px;
	margin-top:10px;
	margin-bottom:10px;
	
	transition: background-size 2s ease-in;
	-moz-transition: background-size 2s ease-in;
	-ms-transition: background-size 2s ease-in;
	-o-transition: background-size 2s ease-in;
	-webkit-transition: background-size 2s ease-in;
}

#seta_cep_entrada:hover
{
	background-size:58px auto;
	
	transition: background-size 2s ease-in;
	-moz-transition: background-size 2s ease-in;
	-ms-transition: background-size 2s ease-in;
	-o-transition: background-size 2s ease-in;
	-webkit-transition: background-size 2s ease-in;
}

#bt_estrangeiro
{
	height:15px;
	margin:0 auto;
	border:none !important;
	background-color:transparent;
	text-align:center !important;
	margin-top:-50px !important;
	cursor:pointer;
	
	font-size:10px !important;	
	font-family:'Montserrat';
	color:#e81d75 !important;
	text-decoration:none !important;
}

#bt_estrangeiro:hover
{
	color:#B10E57;
	font-weight:bold;
}

.Description
{
	visibility:hidden;
	opacity:0;
}

@media screen and (max-width:700px) 
{
	.quadro > div:nth-child(2)
	{
		font-size:18px;
	}
	
	.buttons
	{
		width:95%;
		margin:0 auto;
		padding:0;
		text-align:center;
		margin-top:20px;	
	}
	
	.buttons > li
	{
		width:100%;
		float:left;
		list-style:none;
		background-color:#380249;
		margin-bottom:8px;
		height:55px;
		line-height:55px;
		border-radius:20px;
		color:#FFFFFF;
		font-size:19px;
		
		cursor:pointer;	
	}
	
	.buttons > li:hover
	{
		background-color:#22002D;	
	}	

	#floatLayer
	{
		width:100% !important;
		height:auto !important;
		display:table;
		top:0px !important; 
		left:0px !important;
		margin-left:0px !important;
		text-align:center !important;
	}

	#popImg
	{
		max-width:99% !important;
	}
}