body,html{
	padding:0;
	margin:0;
	font-family:"Abel",abelregular;
	overflow-x:hidden;
}
input,textarea,select{
	font-family:"Abel",abelregular;
	outline:none;
	resize:none;
}
#helper{
	position:fixed;
	bottom:10px;
	right:10px;
	background:rgba(255,255,255,0.6);
	color:#000;
	font-weight:bold;
	font-size:16px;
	z-index:1000;
	padding:10px;
	display:none;
}
a{
	text-decoration:none;
}
h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;
}
.br{
	clear:both;
}
.tela{
	position:relative;
	float:left;
	clear:left;
	width:100%;
	z-index:2;
}
#tela2{
	z-index:3;
	background:url(images/fundo-empresa.png) no-repeat;
	background-size:cover;
	margin:-211px 0 0 0;
}
#tela3{
	margin:-211px 0 0 0;
}
#tela4{
	background:url(images/sombra-contato.png) no-repeat top center #fff;
	background-size:contain;
}
.telaAzul{
	background: #7791c0;
	background: -moz-radial-gradient(center, ellipse cover,  #7791c0 0%, #395699 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#7791c0), color-stop(100%,#395699));
	background: -webkit-radial-gradient(center, ellipse cover,  #7791c0 0%,#395699 100%);
	background: -o-radial-gradient(center, ellipse cover,  #7791c0 0%,#395699 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #7791c0 0%,#395699 100%);
	background: radial-gradient(ellipse at center,  #7791c0 0%,#395699 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7791c0', endColorstr='#395699',GradientType=1 );
}

#logoGrande{
	background:url(images/logo-pauli-mak-grande.png);
	width:729px;
	height:162px;
	display:block;
	text-indent:-3000px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-186px 0 0 -364px;
}
#menuHome{
	background:url(images/menu-home.png) no-repeat;
	background-size:contain;
	display:block;
	width:100%;
	height:121px;
	max-width:1009px;
	margin:0 auto;
	margin-top:60px;
	position:relative;
	top:50%;
	padding:40px 0 0 0;
}
#menuHome a{
	width:270px;
	height:70px;
	line-height:70px;
	display:block;
	float:left;
	text-align:center;
	color:#444;
	font-size:21px;
	text-transform:uppercase;
	border-right:1px solid #d9d9d9;
	transition:0.3s;
	background:rgba(0,0,0,0);
	font-weight:bold;
}
#menuHome a:first-child{
	margin-left:55px;
	width:175px;
}
#menuHome a:last-child{
	border:none;
	width:175px;
}
#menuHome a:hover{
	transition:0.3s;
	color:#3a5799;
	background:rgba(0,0,0,0.05);
}
#tituloVirado{
	font-size:42px;
	color:#000000;
	display:table;
	-webkit-transform:rotate(6.3deg);
	-o-transform:rotate(6.3deg);
	transform:rotate(6.3deg);
	margin: 0 auto;
	margin-top:105px;
}
#tituloVirado span{
	float:left;
	display:block;
	height:108px;
	line-height:108px;
}
#tituloVirado strong{
	float:left;
	line-height:108px;
	font-size:108px;
	color:#445985;
	text-shadow:3px 3px 2px rgba(0,0,0,0.3);
	display:block;
	height:108px;
	margin:0 15px;
}
#textoEmpresa{
	background:url(images/pontos-empresa.png) no-repeat;
	background-size:contain;
	display:table;
	width:1020px;
	margin: 0 auto;
	position:relative;
	top:5%;
	font-size:21px;
}
#textoEmpresa h3{
	color:#445985;
	font-size:34px;
	text-shadow:2px 2px 2px rgba(0,0,0,0.3);
	text-transform:uppercase;
}
#textoEmpresa #textoTecno{
	float:left;
	margin:0 0 0 100px;
}
#textoEmpresa #textoResponsa{
	float:left;
	margin:60px 0 0 220px;
}
#textoEmpresa #textoExp{
	float:left;
	margin:70px 0 0 100px;
}
#representadas{
	width:1200px;
	height:600px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-100px 0 0 -600px;
}
#representadas h3{
	color:#fff;
	text-transform:uppercase;
	font-size:85px;
	float:left;
}
#representadas a{
	float:left;
	margin:0 20px 20px 0;
	opacity:0.7;
	display:block;
	width:280px;
	height:190px;
	transition:0.3s;
}
#representadas a:hover{
	transition:0.3s;
	opacity:1;
}
#representadas a img{
	transition:0.3s;
	width:100%;
	height:100%;
}
#representadas a:hover img{
	transition:0.3s;
	transform:scale(1.15);
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-o-transform:scale(1.15);
}
#tela4{
	display:table;
	padding:0 0 40px 0;
}
#contato h3{
	display: block;
	position: absolute;
	top: 20%;
	left: 90px;
	color: #43609f;
	font-size: 65px;
	transform: rotate(-6.3deg);
	-webkit-transform: rotate(-6.3deg);
	-moz-transform: rotate(-6.3deg);
	-o-transform: rotate(-6.3deg);
}
#contato #areaContato{
	display:block;
	width:100%;
	margin:0 auto;
	margin-top:18%;
	max-width:1000px;
}
#contato .side{
	display:block;
	width:48%;
	margin:0 1%;
	float:left;
}
#contato form .input{
	width:calc(100% - 20px);
	padding:0 10px;
	height:35px;
	border:none;
	background:#fff;
	box-shadow:0 0 8px rgba(0,0,0,0.4);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.4);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.4);
	-o-box-shadow:0 0 8px rgba(0,0,0,0.4);
	float:left;
	clear:left;
	margin:0 0 12px 0;
	outline:none;
	font-size:14px;
}
#contato form select.input{
	width:100%;
}
#contato form textarea.input{
	height:100px;
	padding-top:10px;
	padding-bottom:10px;
}
#contato form .input:hover{
	box-shadow:0 0 8px rgba(0,0,0,0.7);
	-webkit-box-shadow:0 0 8px rgba(0,0,0,0.7);
	-moz-box-shadow:0 0 8px rgba(0,0,0,0.7);
	-o-box-shadow:0 0 8px rgba(0,0,0,0.7);
}
#contato form .input:focus{
	box-shadow:0 0 8px #43609f;
	-webkit-box-shadow:0 0 8px #43609f;
	-moz-box-shadow:0 0 8px #43609f;
	-o-box-shadow:0 0 8px #43609f;
}
#contato form input[type='submit']{
	float:right;
	padding:8px 15px;
	background:#43609f;
	color:#fff;
	font-size:15px;
	border:none;
}
#contato form .mensagem{
	display:block;
	float:left;
	clear:left;
	width:98%;
	padding:0 1%;
	margin:10px 0;
	font-size:21px;
	color:#333;
	text-align:center;
}
#contato form .mensagem a{
	color:#43609f;
	text-decoration:underline;
}
/* Celulares */
@media (max-width: 1500px){
	#textoEmpresa{
		top:5%;
	}
	#textoEmpresa h3{
		font-size:23px;
	}
	#textoEmpresa{
		font-size:19px;
	}
}
@media (max-width: 1200px){
	#representadas{
		width:90%;
		height:auto;
		position:absolute;
		top:50%;
		left:5%;
		margin:-200px 0 0 0;
		overflow-y:auto;
	}
	#tituloVirado span{
		font-size:22px;
		height:65px;
		line-height:65px;
	}
	#tituloVirado strong{
		line-height:65px;
		font-size:65px;
		height:65px;
		margin:0 8px;
	}
	#textoEmpresa h3{
		font-size:20px;
	}
	#textoEmpresa{
		font-size:17px;
	}
	#textoEmpresa #textoTecno{
		margin:0 0 0 60px;
	}
	#textoEmpresa #textoResponsa{
		margin:60px 0 0 140px;
	}
	#textoEmpresa #textoExp{
		margin:70px 0 0 60px;
	}
}
@media (max-width: 1000px){
	#representadas h3{
		font-size:51px;
	}
	#representadas a{
		width:180px;
		height:122px;
	}
	#contato h3{
		top:12%;
	}
	#contato #areaContato{
		margin-top:15%;
	}
	#tituloVirado{
		margin-top:60px;
	}
	#textoEmpresa{
		top:3%;
		width:900px;
	}
	#textoEmpresa #textoTecno{
		margin:0 0 0 80px;
	}
	#textoEmpresa #textoResponsa{
		margin:60px 0 0 180px;
	}
	#textoEmpresa #textoExp{
		margin:70px 0 0 80px;
	}
}