/*************************************************
  
  E-MAIL: lucas@barrainfo.net


 ************************************************/

*{
	margin:				0px;
	padding:			0px;
	font-family:		opensans, Arial;
}

#corpo{
	width:			100%;
	height:			auto;
}

a{
	color: #757575;
	text-decoration:	none;
	cursor: 	pointer;
}

img{
	border:				0px;
}

img a{
	outline:			none;
}

@media all and (min-height: 500px){
	.alinhar{
		width:		320px;
		position: 	absolute;
		left: 		50%;
		top:		37%;
		margin-left:-160px;
		float:		left;
	}

	.form_login{
		margin-top:	-200px;

	}


}

@media all and (max-height: 500px){
	.alinhar{
		width:		320px;
		position: 	absolute;
		left: 		50%;
		/*margin-left:;*/
		float:		left;
		margin: 	50px 0px 50px -160px;
	}
}


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

.sdk_face{
	color:#FFFFFF;
	}

.form_erro {
	float: left;
	color: red;
}

.texto_form {
	width:		100%;
	font-size: 12px;
	color: #000;
}

.cadastrese{
	width:		100%;
	font-size: 18px;
}


.titulo_cadastro{
	text-align: center;
	width:		100%;
	font-size: 24px;
}

.logo{
	width:		180px;
	margin: 	5px 70px 5px 70px;
}

.logo_rodape{
	width:		180px;
	margin: 	5px 70px 5px 70px;
}

.logobarrainfo{
	width:		101px;
	margin: 	0px 0px 0px 0px;
}

.logoredewifizera{
	width:		180px;
	margin: 	5px 70px 0px 70px;
}


.conteudo{
	background: #fff;
	-webkit-box-shadow:	0px 0px 5px 0px #B8B8B8;
	-moz-box-shadow: 	0px 0px 5px 0px #B8B8B8;
	box-shadow: 		0px 0px 5px 0px #B8B8B8;
}

.termo{
	width:		270px;
	margin: 	25px 25px;
	float:		left;
	color: 		#757575;
}

.form{
	width:		270px;
	margin: 	5px 25px 5px 25px;
	color: 		#757575;
}

.form input{
	width: 		100%;
	height:		20px;
	border:		1px solid #959595;
	font-size: 	16px;
	color:		#808080;
	background: #eae7e7;
	-webkit-appearance: none;
    -moz-appearance: 	none;
}

.form select{
	color:		#808080;
	border:		1px solid #959595;
	font-size: 16px;	
	padding: 5px 5px 5px 5px;
	width: 270px;

}

.form input:focus{
	border:		1px solid #0A88E8;
	outline: 	0;
}

.form input[type="text"]{
	background: #eae7e7 url(../img/icones.png) no-repeat;
	padding: 15px 10px 15px 40px;

}

.form input[type="email"]{
	background: #eae7e7;
	padding: 15px 10px 15px 40px;

}
/* DDI LOGIN */
#tel1 { background: #eae7e7;
						font-size: 16px;
						padding: 5px 5px 5px 5px;
						width: 270px}
/* DDD LOGIN */
#tel2 { background: #eae7e7;
						font-size: 16px;
						padding: 5px 5px 5px 5px;
						width: 105px}
#celular { background-position: 10px 60px !important;
						font-size: 16px;
						padding: 5px 5px 5px 5px;
						width: 151px}
#username { background-position: 10px 60px !important;
						font-size: 16px;
						padding: 5px 5px 5px 5px;
						width: 257px}
#nome_comp { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 257px}
#pais { background: #eae7e7;
						font-size: 16px;
						padding: 5px 5px 5px 5px;
						width: 270px}
#cpf { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 257px}
#ddi { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 50px}
#ddd { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 50px}
#sexo { background: #eae7e7;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 270px}
#tel { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 257px}
#email { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 257px}
#dia{ background: #eae7e7;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 70px}
#mes{ background: #eae7e7;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 105px}
#ano{ background: #eae7e7;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 90px}
#data_nasc { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 5px;
						 width: 257px}
#senha1 { background-position: 10px 60px !important;
						 font-size: 16px;
						 padding: 5px 5px 5px 40px;
						 width: 220px}
#senha2 { background-position: 10px 60px !important;
					font-size: 16px;
					padding: 5px 5px 5px 40px;
					width: 220px}

#contato { background: #eae7e7;
					font-size: 16px;
					padding: 5px 5px 5px 5px;
					width: 250px}

.form input[type="password"]{
	background: #eae7e7 url(../img/icones.png) no-repeat;
	padding: 5px 5px 5px 40px;
}

#password { background-position: 10px -57px !important;
					  font-size: 16px;
						width: 223px;} 
#senha1 { background-position: 10px -58px !important }
#senha2 { background-position: 10px -58px !important }

.form input[type="submit"]{
	width: 		80px;
	height:		35px;
	background: #0A88E8;
	color:		#fff;
	border-radius: 5px;
	border:		0px;
	font-size:	16px;
	transition:	0.3s;
}

.form input[type="submit"]:hover{
	background: #0979CF;
	cursor: 	pointer;
}

.form_a {
	color: 		#757575;
}

.rodape{
	margin: 	5px 5px ,0px 0px;
	text-align: center;
	color:		#606060;
	font-size: 10px;
}

.botaocontinuar {
	font-size: 14px;
}

.botaofacebook {
  background: #0678cf;
  background-image: -webkit-linear-gradient(top, #0678cf, #0979CF);
  background-image: -moz-linear-gradient(top, #0678cf, #0979CF);
  background-image: -ms-linear-gradient(top, #0678cf, #0979CF);
  background-image: -o-linear-gradient(top, #0678cf, #0979CF);
  background-image: linear-gradient(to bottom, #0678cf, #0979CF);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.botaofacebook:hover {
  background: #a7cce8;
  background-image: -webkit-linear-gradient(top, #a7cce8, #6ba5d1);
  background-image: -moz-linear-gradient(top, #a7cce8, #6ba5d1);
  background-image: -ms-linear-gradient(top, #a7cce8, #6ba5d1);
  background-image: -o-linear-gradient(top, #a7cce8, #6ba5d1);
  background-image: linear-gradient(to bottom, #a7cce8, #6ba5d1);
  text-decoration: none;
}

.botaocadastro {
  background: #7d7d7d;
  background-image: -webkit-linear-gradient(top, #7d7d7d, #525252);
  background-image: -moz-linear-gradient(top, #7d7d7d, #525252);
  background-image: -ms-linear-gradient(top, #7d7d7d, #525252);
  background-image: -o-linear-gradient(top, #7d7d7d, #525252);
  background-image: linear-gradient(to bottom, #7d7d7d, #525252);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 22px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.botaocadastro:hover {
  background: #cfcfcf;
  background-image: -webkit-linear-gradient(top, #cfcfcf, #878787);
  background-image: -moz-linear-gradient(top, #cfcfcf, #878787);
  background-image: -ms-linear-gradient(top, #cfcfcf, #878787);
  background-image: -o-linear-gradient(top, #cfcfcf, #878787);
  background-image: linear-gradient(to bottom, #cfcfcf, #878787);
  text-decoration: none;
}