@charset "utf-8";
/* CSS Document */


body, html {
  font-family: 'Titillium Web', sans-serif;
  margin: 0px;
  padding:0px;
}

footer {
   width:100%;
	height:50px;
	display:block;
	overflow:hidden;
	background-color:#dc1835;
	font-size:14px;
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	line-height:50px;
}


footer a{
	font-size:14px;
	color:#ffffff;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
}

footer a:hover{
	color:#ffffff !important;
	text-decoration:none;
}

footer .fa{
	margin-left:20px;
	color:#FFF;
	font-size:20px;
	line-height:50px !important;
}
/*
footer a.dir{
	width:auto;
	height:80px;
	display:block;
	overflow:hidden;
	cursor:default;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:12px;
	line-height:80px;
	font-weight: normal;
	color:#FFF;
	float: right;
	text-decoration:none;
}

footer a.esq{
	width:auto;
	height:80px;
	display:block;
	overflow:hidden;
	cursor: pointer;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-size:10px;
	line-height:80px;
	font-weight: normal;
	color:#FFF;
	float: left;
	text-decoration:none;
}

*/
.barra_vermelha{
	width:100%;
	height:3px;
	display:block;
	overflow:hidden;
	background-color:#dc1835;
}


.idiomas > li > a {
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size:13px !important;
  line-height:18px !important;
  color:#929395;
  height:28px;
  width:auto;
  padding:0 6px 0 0 !important;
  margin:10px 0 0 0 !important;
  border-bottom: none;
  background: none !important;
  -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;

}




/* ------ banner --------------------*/
		#carousel img {
			display: block;
			float: left;
		}
		#prev, #next {
			display: block;
			height: 600px;
			width: 50%;
			top: 0;
			position: absolute;
			opacity: 0.6;
    		filter: alpha(opacity=60); /* For IE8 and earlier */
			-webkit-transition: all 0.2s linear;
			-moz-transition: all 0.2s linear;
			-o-transition: all 0.2s linear;
			transition: all 0.2s linear;
		}
		#prev{
			background: url(../images/seta_direita.png) right center no-repeat;
		}
		#next{
			background: url(../images/seta_direita-02.png) left center no-repeat;
		}
		#prev:hover, #next:hover{
			opacity: 1;
    		filter: alpha(opacity=100); /* For IE8 and earlier */
		}
		
		@media (max-width: 767px) {
			#wrapper {
				background-color: transparent;
				width: 100%;
				height: 180px;
				overflow: hidden;
				position: absolute;
				margin-top: 97px;
				top: 0;
				left: 0;
			}
			#prev, #next {
				height: 180px;
			}
			.espaco_banner{
				width: 100%;
				height: 185px;
				display:block;
				overflow:hidden;
			}
		  #carousel img {
			width: 500px;
		  }
		  #prev {
				left: -230px;
			}
			#next {
				right: -230px;
			}
		}
		@media (min-width: 768px) {
			#wrapper {
				background-color: transparent;
				width: 100%;
				height: 275px;
				overflow: hidden;
				position: absolute;
				margin-top: 125px;
				top: 0;
				left: 0;
			}
			#prev, #next {
				height: 275px;
			}
			.espaco_banner{
				width: 100%;
				height: 280px;
				display:block;
				overflow:hidden;
			}
		  #carousel img {
			width: 750px;
		  }
		  #prev {
				left: -330px;
			}
			#next {
				right: -330px;
			}
		}
		@media (min-width: 992px) {
			#wrapper {
				background-color: transparent;
				width: 100%;
				height: 360px;
				overflow: hidden;
				position: absolute;
				margin-top: 125px;
				top: 0;
				left: 0;
			}
			#prev, #next {
				height: 360px;
			}
			.espaco_banner{
				width: 100%;
				height: 360px;
				display:block;
				overflow:hidden;
			}
		  #carousel img {
			width: 970px;
		  }
		  #prev {
			left: -420px;
			}
			#next {
				right: -420px;
			}
		}
		@media (min-width: 1200px) {
			#wrapper {
				background-color: transparent;
				width: 100%;
				height: 420px;
				overflow: hidden;
				position: absolute;
				margin-top: 125px;
				top: 0;
				left: 0;
			}
			#prev, #next {
				height: 420px;
			}
			.espaco_banner{
				width: 100%;
				height: 420px;
				display:block;
				overflow:hidden;
			}
		  #carousel img {
			width: 1170px;
		  }
		  #prev {
				left: -510px;
			}
			#next {
				right: -510px;
			}
		}
/* ------ Fim banner --------------------*/		
		
		
		
		
		
.font_maior{
	font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size:20px !important;
  line-height:25px !important;
  color:#7f7f7f;
}	
.font_maior b{
	font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
}

.espaco{
	width:100%;
	height:40px;
	display:block;
	overflow:hidden;
	clear:both;
}

.font_maior h1, .font_maior h2{
	font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-size:30px !important;
  line-height:30px !important;
  color:#7f7f7f;
}

.font_maior span{
	color:#dc1835;
}

.font_maior ul {
    list-style-type:  disc;
	padding:0px 0px 0px 18px;
}
.font_maior ul li span {
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#888888;
	line-height:25px;
}

h3.titulos{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	padding-bottom:20px;
	border-bottom:1px solid #e6e4e4;
	margin-bottom:30px;
	color:#dc1835;
	font-family: 'Titillium Web', sans-serif;
  font-size:24px !important;
}
		
ul, ol {
    list-style-type:  disc;
	padding:30px 0px 30px 18px;
}
		
ol {
    list-style-type:  decimal;
	padding:30px 0px 30px 18px;
}

ul li, ol li {
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:18px;
	color:#dc1835;
}
ul li span, ol li span {
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:17px;
	color:#888888;
	line-height:30px;
}
ul li span.pq, ol li span.pq {
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:15px;
	color:#888888;
}

#noticias p {
	font-family: 'Titillium Web', sans-serif;
	font-weight:500;
	font-size:18px;
	color:#888888;
	line-height:25px;
	padding:12px 0px;
}

.borderBottom{
	margin-right:5px;
	margin-bottom:10px;
	margin-top:10px;
	border-bottom:1px solid #ebebeb;
}

#noticia_detalhe p {
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:20px;
	color:#7f7f7f;
	line-height:25px;
}

.data{
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:14px;
	color:#a8a8a8;
	line-height:30px;
	float:left;
}
.link_ver{
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:16px;
	color:#dc1835;
	line-height:26px;
	margin-left:20px;
	float:left;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}
.link_ver:hover{
	color:#231f20;
	text-decoration:none
}


/* ------ Produtos --------------------*/
#portfolio-sort {
					text-align: left;
					padding-bottom: 30px;
					padding-left:2px;
				}
				
				#portfolio-sort a {
					color: #abacae;
					background: #FFF;
					display: inline-block;
					padding: 3px 9px;
					text-decoration: none;
					margin-right: 1em;
					font-family: 'Titillium Web', sans-serif;
					font-weight:400;
					font-size:16px;
					border:1px solid #eff0f0;
					-webkit-transition: all 0.4s linear;
					-moz-transition: all 0.4s linear;
					-o-transition: all 0.4s linear;
					transition: all 0.4s linear;
				}
				#portfolio-sort a:hover,#portfolio-sort a.cor_prenchida {
					color: #fff;
					background: #dc1835;
				}
				
				#portfolio-content {
					overflow: hidden;
					min-height:660px;
				}
				
				a.portfolio-item {
					float: left;
					margin: 0 0.5% 20px 1.5%;
					height:300px;
					padding-top:278px;
					background:center top no-repeat #FFF;
					background-size: auto 85%;
					line-height:0px;
					text-align: center;
					border-bottom:1px solid #f0f0f0;
					color:#9e9fa1;
					font-family: 'Titillium Web', sans-serif;
					font-weight:600;
					font-size:16px;
					/*display:block;
					overflow:hidden;*/
				}
				
				@media (max-width: 767px) {
					#portfolio-sort a {
						display: list-item;
						list-style:none;
					}
					a.portfolio-item {
						float: left;
						margin: 0 0.5% 20px 1.5%;
						height:300px;
						padding-top:278px;
						background: center -180px no-repeat #FFF;
						background-size: cover;
					}
				}
				@media (max-width: 660px) {
					a.portfolio-item {
						background: center -140px no-repeat #FFF;
						background-size: cover;
					}
				}
				@media (max-width: 560px) {
					a.portfolio-item {
						background: center -80px no-repeat #FFF;
						background-size: cover;
					}
				}
				@media (max-width: 480px) {
					a.portfolio-item {
						float: left;
						margin: 0 0.5% 20px 1.5%;
						height:300px;
						padding-top:278px;
						background: center -55px no-repeat #FFF;
						background-size: cover;
					}
				}
				@media (min-width: 768px) {
					a.portfolio-item {
						margin: 0 0.5% 20px 1.5%;
						width: 47%;
					}
					#portfolio-sort a {
						margin-bottom:8px;
					}
				}
				@media (min-width: 992px) {
					a.portfolio-item {
					width: 31%;
					}
				}
				
				
				.portfolio-item
				{
				  transform: scale(1, 1);
				  transition-timing-function: ease-out;
				  transition-duration: 250ms;
				}
				
				
				.portfolio-item:hover
				{
				  transform: scale(1.03, 1.03);
				  transition-timing-function: ease-out;
				  transition-duration: 250ms;
				  position: relative;
				  z-index: 99;
				  text-decoration:none;
				  cursor:pointer;
				  background-color:#f0f0f0
				}
		
/* ------ Fim Produtos --------------------*/	
		
		
h2.titulo_produto{
	padding:0px;
	margin: 0px 0px 14px 0px;
	color:#dc1835;
	font-family: 'Titillium Web', sans-serif;
	font-weight:700;
	font-size:25px;
}

div.txt_produtos p{
	color:#949494;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:24px;
}		
.item_desc{
	width:100%;
	color:#949494;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:44px;
	border-bottom:1px solid #c8c9c9;
}
.outros_trab{
	width:220px;
	color:#7f7f7f;
	font-family: 'Titillium Web', sans-serif;
	font-weight:600;
	font-size:18px;
	line-height:44px;
}		
		
.link_candidatura{
	width:auto;
	height:24px;
	display: compact;
	overflow:hidden;
	background-color:#dc1835;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color:#FFF;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:24px;
	padding:0px 5px;
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;
}		
		
		
.link_candidatura:hover{
	background-color:#231f20;
	color:#FFF;
	text-decoration:none;
}		

.sub_titulo{
	width:100%;
	height:36px;
	color:#dc1835;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:16px;
	line-height:36px;
	border-bottom:1px solid #dc1835;
}

#noticias label{
	color:#7f7f7f;
	font-family: 'Titillium Web', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:30px;
}
		
.select-style {
	border: 1px solid #c1c1c1;
	width: 120px;
	border-radius: 3px;
	overflow: hidden;
	background: #c1c1c1 url("../images/seta_selec.gif") no-repeat 90% 50%;
	float:left;
	line-height:18px;
}

.select-style select {
	padding: 1px 8px;
	width: 130%;
	border: none;
	box-shadow: none;
	background: transparent;
	background-image: none;
	-webkit-appearance: none;
	height:23px;
	
}
.select-style select option {
	color:#FFF;
	line-height:22px;
	border-bottom:1px dotted #FFF;
}
.select-style select:focus {
	outline: none;
}		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		






/*
* Varios ecras
*/

@media (max-width: 320px) {
	.logo{ background: url(../images/processpipe_logotipo.png) no-repeat 0 0;	background-size: 90%; width: 78px; height: 79px; text-indent: -99999px; display: block; margin:0px; padding:0px;}
	.hidden_tablet_pc{
	display: block !important;
	}
	.hidden_telemovel{
		display: none  !important;
	}
	.font_maior , .font_maior ul li span{
	  font-size:17px !important;
	  line-height:23px !important;
	}
	.font_maior h1, .font_maior h2{
	  font-size:20px !important;
	}
}
@media (min-width: 321px) {
	.logo{ background: url(../images/processpipe_logotipo.png) no-repeat 0 0;background-size: 90%; width: 91px; height: 92px; text-indent: -99999px; display: block; margin:0px; padding:0px;}
	.hidden_tablet_pc{
	display: block !important;
	}
	.hidden_telemovel{
		display: none  !important;
	}
	.font_maior , .font_maior ul li span{
	  font-size:17px !important;
	  line-height:23px !important;
	}
	.font_maior h1, .font_maior h2{
	  font-size:20px !important;
	}
}
@media (min-width: 480px) {
	.logo{ background: url(../images/processpipe_logotipo.png) no-repeat 0 0;background-size: 100%; width: 100px; height: 100px; text-indent: -99999px; display: block; margin:0px; padding:0px;}
	.hidden_tablet_pc{
	display: block !important;
	}
	.hidden_telemovel{
		display: none  !important;
	}
	.font_maior , .font_maior ul li span{
	  font-size:18px !important;
	  line-height:23px !important;
	}
	.font_maior h1, .font_maior h2{
	  font-size:24px !important;
	}
}
@media (min-width: 768px) {
	.logo{ background: url(../images/processpipe_logotipo.png) no-repeat 0 0;background-size: 100%; width: 100px; height: 100px; text-indent: -99999px; display: block; margin:0 0 10px; padding:0px;}
	.hidden_tablet_pc{
	display: none !important;
	}
	.hidden_telemovel{
		display:  block !important;
	}
	.idiomas > li > a {
	  margin-top:10px !important;
	}
	.principal {
		float: left;
		margin: -75px 0 0 0 !important;
	 }
	 .navbar-nav > li > a {
		margin:0px 9px;
	 }
	 .font_maior , .font_maior ul li span{
	  font-size:20px !important;
	  line-height:25px !important;
	}
	.font_maior h1, .font_maior h2{
	  font-size:30px !important;
	}
}
@media (min-width: 992px) {
	.logo{ background: url(../images/processpipe_logotipo.png) no-repeat 0 0;background-size: 100%;  width: 100px; height: 100px; text-indent: -99999px; display: block; margin:0 0 14px; padding:0px;}
	.hidden_tablet_pc{
	display: none !important;
	}
	.hidden_telemovel{
		display:  block !important;
	}
	.idiomas > li > a {
	  margin-top:10px !important;
	}
	.principal {
		float: left;
		margin: -86px 0 0 0 !important;
	  }
	  .navbar-nav > li > a {
		margin:0px 15px;
	 }
	footer {
		height:50px;
		line-height:50px;
	}
	footer .fa{
		line-height:50px !important;
	}
	.font_maior , .font_maior ul li span{
	  font-size:20px !important;
	  line-height:25px !important;
	}
	.font_maior h1, .font_maior h2{
	  font-size:30px !important;
	}
}
@media (min-width: 1200px) {
	.logo{ background: url(../images/processpipe_logotipo.png) no-repeat 0 0; width: 100px; height: 100px; text-indent: -99999px; display: block; margin:0 0 14px; padding:0px;}
	.hidden_tablet_pc{
	display: none !important;
	}
	.hidden_telemovel{
		display:  block !important;
	}
	.idiomas > li > a {
	  margin-top:10px !important;
	}
	footer {
		height:50px;
		line-height:50px;
	}
	footer .fa{
		line-height:50px !important;
	}
	.font_maior , .font_maior ul li span{
	  font-size:20px !important;
	  line-height:25px !important;
	}
	.font_maior h1, .font_maior h2{
	  font-size:30px !important;
	}
	.espaco{
		width:100%;
		height:60px;
		display:block;
		overflow:hidden;
		clear:both;
	}
}


@media (max-width: 768px) {

}

/* Extra */
.clearfix:before , .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {clear: both;}

.red{color:#e51937!important;}
.bold{font-weight:700!important;}
.pointer{cursor:pointer;}
.marginBottom0{margin-bottom:0px!important;}
.marginBottom20{margin-bottom:20px!important;}
.marginBottom30{margin-bottom:30px!important;}
p{text-align:justify;}
ul.nav.navbar-nav.navbar-right.idiomas{padding:20px 0 0 0;}
#noticia_detalhe, #noticias{min-height:600px;}
.imageHeaderXL{
	position:relative; 
	height:420px;
	top:-30px;
	background-position:50% 50%; background-size:cover; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-transform: translate3d(0,0,0);
}
@media (max-width: 767px) {
	.imageHeaderXL , .mapa_topo{
		height: 180px;
	}
}
@media (min-width: 768px) {
	.imageHeaderXL , .mapa_topo {
		height: 275px;
	}
}
@media (min-width: 992px) {
	.imageHeaderXL , .mapa_topo {
		height: 360px;
	}
}
@media (min-width: 1200px) {
	.imageHeaderXL , .mapa_topo {
		height: 420px;
	}
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}