/* LOGIN */

body.login{
	background-image: url('../../media/slideshow/1200/32903340547_1200px.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
}

div.login{
	margin: 0 auto;
	width: 550px;
	padding: 40px;
	/*border: 1px solid #f0f0f0;*/
}

div.login h1{
	color:#ffffff;
	font-size: 40px;
	margin-bottom: 52px;
}
div.login h2{
	color:#dcddde;
	font-size: 42px;
	margin-bottom: 56px;
}
div.login h3{
	color:#ffffff;
	font-size: 24px;
	margin-bottom: 10px;
}
div.login p{
	color:#ffffff;
	font-size: 24px;
	margin-bottom: 10px;
}
div.login p small{
	color:#ffffff;
	font-size: 18px;
	margin-bottom: 10px;
}
ul.formulario{
	width: 100%;
}
ul.formulario li input{
	background-color: #ffffff;
	opacity: 0.5;
	border:1px solid #ffffff;
	color:#000000;
	width: 100%;
	font-size: 18px;
	padding:13px;
}
::placeholder {
  color: #000000;
  opacity: 1;
}

:-ms-input-placeholder {
  color: #000000;
	opacity: 1;
}

::-ms-input-placeholder {
  color: #000000;
	opacity: 1;
}

div.botoes{
	text-align: left;
}
div.botoes a.botao.blog{
	background-color:#ffffff;
	border:none;
	color: #00a6ca;
	padding: 10px 15px;
}

a.link{
	color: #ffffff;
	text-decoration: none;
	float: left;
	margin-bottom: 30px;
	clear: both;
}
a.link span.logico{
	float: left;
	border:1px solid #ffffff;
	height: 30px;
	width: 30px;
	border-radius: 4px;
	margin-right: 10px;
	margin-top: -5px;
	color:#ffffff;
}
a.link.selected span.logico{
	background-color: #ffffff;
	background-image: url('../img/tick.png');
	background-repeat: no-repeat;
	background-position: center;
}

/* ==========================================
RESPONSIVE
=============================================*/
@media (max-width : 550px){
	div.login{
		width: 100%;
	}
	div.login h1{
		font-size: 28px;
	}
	div.login h2{
		font-size: 22px;
	}
}
@media (max-width : 390px){
	div.login{
		padding: 30px;
	}
	div.login h1{
		font-size: 24px;
	}
}