body {
		font-family: 'Open Sans', sans-serif;
		margin:0px;
		color:#474747;
	}

	h1, h2, h3 {
		font-family: 'Titillium Web', sans-serif;
		font-weight:600;
		color:#1073c0;
	}

	h2 { margin-bottom:20px;}
	h2 span {	
		margin-top:-6px;
		padding-top:0px;
	}


	/* CSS Header */
	#topo {
		height:55px;
		background:#1073c0;
	}

	#logo-vagas {
		float: left;
		width: 120px;
		height: 34px;
		background: url(../images/logo-vagas-outline.png) no-repeat 0 0;
		margin-top: 12px;
		overflow:hidden;
		white-space:nowrap;
		text-indent:100%;
	}


	/* PAGINA DE ERRO */
	.pagina-erro {
		padding:150px 80px;
	}
	.box-aviso {
		border:1px solid #cfcfcf;
		border-radius:4px;
		padding:40px 40px 40px 10px;
	}

	.box-aviso p {
		margin-bottom:.5em;
	}

	.box-aviso-tit {
		font-size:30px;
		margin:0 0 .5em;
		line-height:1;
	}

	.box-aviso-destaque {
		font-weight:600;
		font-size:18px;
	}

	.box-aviso-icon {
		float:left;
		color:#f1592a; /* Customize */
		position: relative;
		text-align:center;
		margin: 0px 30px;
	}
	.box-aviso-icon:after {
		content:"";
		display:block;
		height:7px;
		clear:both;
		margin:20px 22% 0;
		border-radius:50px / 5px;
		box-shadow: 0 -10px 6px rgba(0,0,0,0.2);
	}

	.icon-manutencao {
		display:inline-block;
		width:108px;
		height:105px;
		background:url(../images/img-manutencao.png) no-repeat 0 0;
	}

	.icon-500 {
		display:inline-block;
		width:112px;
		height:105px;
		background:url(../images/img-500.png) no-repeat 0 0;
	}

	.button {
		font-family: 'Open Sans', sans-serif;
		font-weight: 600;
		color: #fff;
		font-size: 13px;
		padding: 7px 17px;
		background: #3a71bf;
		border-radius: 3px;
		text-decoration: none;
		margin-top: 20px;
		width: auto;
		display: inline-block;
	}

	.box-aviso-content {
		margin-left:170px;
	}



	@media all and (max-width:992px) {
		.pagina-erro, .pagina-conteudo {
			padding:30px 0;
		}

		.box-aviso-icon {
			float:none;
		}
		.icon-manutencao {
			width:90px;
			background-size:100% auto;
		}
		
		.box-aviso-icon {
			top:-10px;
		}
		
		.box-aviso-icon:after {
			margin:5px 42% 0;
		}
		
		.box-aviso-content {
			margin-left:0;
			text-align:center;
		}
		.box-aviso-tit {
			text-align:center;
		}
	}


	/* RODAPE */
	#rodape {
		background:#f3f3f3;
	}

	#rodapeFaixa {
		background:#ebecee;
		height:36px;
		line-height:36px;
		clear:both;
		color:#fff;
		font-size:12px;
	}

	/* LINKS REDES */
	.redes-links {
		padding: 8px 0;
		margin: 0;
		min-height: 20px;
		float:right;
	}

	.link-rede {
		display:block;
		width:21px;
		height:21px;
		overflow:hidden;
		text-indent:100%;
		background:url(../images/sprites-redes-rodape.png) no-repeat 0 0;
		float:left;
		margin-right:7px;
	}

	.link-face {background-position: 0 -30px;}
	.link-tw {background-position: 0 0;}
	.link-gplus {background-position: 0 -90px;}
	.link-linkd {background-position: 0 -60px;}


	@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
	  .link-rede {
	    background-image: url('../images/sprites-redes-rodape-2x.png');
	    background-size: 30px auto;
	  }
		#logo-vagas {
	    background-image: url('../images/logo-vagas-outline-2x.png');
	    background-size: 100% auto;
		}
		.icon-manutencao {
	    background-image: url('../images/img-manutencao-2x.png');
	    background-size: 100% auto;
		}
		
	}


	/* GRID */
	.container {
	  padding-right: 15px;
	  padding-left: 15px;
	  margin-right: auto;
	  margin-left: auto;
	}
	@media (min-width: 768px) {
	  .container {
	    width: 750px;
	  }
	}
	@media (min-width: 992px) {
	  .container {
	    width: 970px;
	  }
	}
	@media (min-width: 1200px) {
	  .container {
	    width: 1170px;
	  }
	}