/* ** -----------------------------------
 * CARREGANDO ---------------------------
 ** */
.loading{
	position:fixed;
	top: 0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.7);
	background-image:url('data:image/gif;base64,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');
	background-position:center center;
	background-repeat:no-repeat;
	z-index:2;
}





/* ** -----------------------------------
 * BLUR ---------------------------------
 ** */
.effect-blur {
	-webkit-filter: blur(2px) grayscale(100%); 
		 -moz-filter: blur(2px) grayscale(100%);
			-ms-filter: blur(2px) grayscale(100%);
			 -o-filter: blur(2px) grayscale(100%);
					filter: blur(2px) grayscale(100%);
					filter: url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxmaWx0ZXIgaWQ9ImJsdXIiPgo8ZmVHYXVzc2lhbkJsdXIgc3RkRGV2aWF0aW9uPSIyIiAvPgo8L2ZpbHRlcj4KPC9zdmc+#blur');
					filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=2);
					filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
	z-index: 1;
}





/* ** -----------------------------------
 * GRADIENTE ----------------------------
 ** */
.gradiente {
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 1.0)), to(rgba(0, 0, 0, 0.0)));/* Safari 4-5, Chrome 1-9 */
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(0, 0, 0, 0.0));/* Safari 5.1, Chrome 10+ */
  background-image:    -moz-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(0, 0, 0, 0.0));/* Firefox 3.6+ */
  background-image:     -ms-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(0, 0, 0, 0.0));/* IE 10 */
  background-image:      -o-linear-gradient(top, rgba(255, 255, 255, 1.0), rgba(0, 0, 0, 0.0));/* Opera 11.10+ */
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#0000000);/* IE 7*/
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#0000000);/* IE 8, IE 9*/
}





body {
	background:#999 url('../imgs/body-textura.png');
	font-family: sans-serif;
	min-height: 590px;
}

.login-email {
	background: url('../imgs/botao-email.png') no-repeat center;
	height:25px;
	width:150px;
	position: absolute;
	right:40px;
	top:0;
	z-index: 2;
}
	.login-email .painel {
		position: absolute;
		right:0;
		width:275px;
		background: #fff;
		border:1px solid #000;
		box-shadow: 0 0 10px #fff;
		text-align: center;
		display:none;
	}
		.login-email .painel .titulo {
			text-transform: uppercase;
			padding:10px;
			font-size:20px;
			font-weight: bold;
			background: #FF0
		}
		.login-email .painel form {
			padding:10px 0;
		}
			.login-email .painel form > div {
				/*width:145px;*/
			}
			.login-email .painel form > div label {
				border:1px solid transparent;
				color:#999;
			}
			.login-email .painel form > div input {
				width:194px;
			}
			.login-email .painel form > div label,
			.login-email .painel form > div input {
				display: block;
				font-size:15px;
				line-height: 20px;
				padding:2px;
				margin-top:3px;
			}
			.login-email .painel form .button {
				width:38px;
				text-align: center;
				padding:5px 10px;
				background: #f00;
				border:1px solid #ccc;
				overflow: hidden;
				font-weight: bold;
				color:#fff;
				border-radius: 15px;
			}
				.login-email .painel form .button [type="submit"]{
					padding:100px;
					opacity: 0;
					filter:alpha(opacity=0);
					position: absolute;
					top:-10px;
					right:-5px;
					z-index: 999;
				}

	.login-email:hover .painel {
		display:block;
	}

.fundo {
	z-index: 1;
	position: absolute;
	top:35px;
	right:40px;
	bottom:25px;
	left:40px;
	border:2px solid #ccc;
	border-radius: 20px;
	box-shadow: 0 0 10px #000;
	background-color:#ccc;
}

.empresa {
	width:60%;
	margin: 5% 0 5% auto;
	text-align: center;
	color:#808080;
	font-size:40px;
	font-weight: bold;
	font-style: italic;
	white-space: nowrap;
}
	.empresa img {
		max-width: 100%;
		width:40%;
	}
	.empresa img + p {
		margin-top:50px;
	}


.fundo-imagens {
	width:100%;
	position: absolute;
	left:0;
	right:0;
}
.fundo-imagens.telhado {
	bottom:120px;
}
.fundo-imagens.ferramentas {
	bottom:90px;
}
.rodape {
	background:#f60;
	height:100px;
	bottom:20px;
	position: absolute;
	width:100%;
	color:#fff;
	text-align: center;
	font-size:20px;
	line-height: 30px;
}
	.rodape p:first-child {
		margin-top:18px;
		font-weight: bold;
	}



@media screen and (max-width: 1600px) {
	.empresa {
		font-size:35px;
	}
}
@media screen and (max-width: 1500px) {
	.empresa {
		font-size:34px;
	}
}
@media screen and (max-width: 1400px) {
	.empresa {
		font-size:33px;
	}
}
@media screen and (max-width: 1300px) {
	.empresa {
		font-size:32px;
	}
}
@media screen and (max-width: 1200px) {
	.empresa {
		font-size:31px;
	}
}
@media screen and (max-width: 1100px) {
	.empresa {
		font-size:30px;
	}
}