/*
========================================================================================
TOPO:
========================================================================================
*/

/* topo fixo */
.fixed{
	width: 100%;
	position: fixed;
	z-index: 9999;
	background: #FFF;
	top: 0;
	padding-bottom: 10px;
}

/* botoes banenr */
.ls-v5 .ls-bottom-slidebuttons a{
	width: 16px !important;
	height: 16px !important;
	border-radius: 100px;
	background: #FFF;
	background-image: none;
	margin-right: 5px;
}

.ls-v5 .ls-bottom-slidebuttons a.ls-nav-active, .ls-v5 .ls-bottom-slidebuttons a:hover{
	background: #D10A11;
}

.ls-v5 .ls-bottom-slidebuttons a{
	background-image: none !important;
}

/* logo */
.logo{
	width: 265px; 
	height: 115px;
	display: block;
	text-indent: -9999px;
	background: url('../img/layout/logo.jpg');
	background-size: cover;
	margin: 10px auto 0 auto;
}

.logo a{
	width: 265px; 
	height: 115px;
	display: block;
}

/* contato topo */
.contatoTopo{
	font-family: 'GothamBook';
	font-size: 17px;
	color: #cf080f;
	text-align: right;
	margin-top: 37px;
}

/* menu principal */
.menu{
	width: 100%;
	list-style: none;
	font-family: 'GothamLight';
	font-size: 15px;
	float: right;
	margin-top: 20px;
}

.menu li{
	float: left;
	display: block;
	color: #000;
	margin-left: 14px;
}

.menu li a{
	display: block;
	color: #000;
	text-decoration: none;	
}

.menu li a:hover{
	display: block;
	font-family: 'GothamBold';
	border-bottom: 2px solid #d10a11;
}

/* menu ativo */
.page-template-page-home .btnHome,
.page-template-page-nossos-segmentos .btnSegmentos,
.page-template-page-politica-qualidade .btnPolitica,
.page-template-page-trabalhe-conosco .btnTrabalhe,
.page-template-page-contato .btnContato{font-family: 'GothamBold'; border-bottom: 2px solid #d10a11;}

.page-template-page-home .btnHome a:hover,
.page-template-page-nossos-segmentos .btnSegmentos a:hover,
.page-template-page-politica-qualidade .btnPolitica a:hover,
.page-template-page-trabalhe-conosco .btnTrabalhe a:hover,
.page-template-page-contato .btnContato a:hover{border-bottom: none;}

/*
========================================================================================
HOME:
========================================================================================
*/

/* banner */
.banner{
	width: 100%;
	height: auto;
	padding: 0;
	margin-top: 10px;
}

/* conteudo home */
.conteudoHome{
	min-height: 596px; 
	background: url('../img/layout/fundo_home.jpg') top center #cbcbcb;
	background-size: cover;
	padding-bottom: 25px;
}


/* bloco home */
.blHome{
	height: 300px;
	background: #F1F1F1;
	margin-top: 25px;
	margin-bottom: 10px;
}

.blCatalogo a, .blCatalogo a:hover, .noticiaAnvisa a, .noticiaAnvisa a:hover, .acuaPura a, .revitalizacaoHome a, .revitalizacaoHome a:hover{
	width: 100%;
	height: 300px;
	display: block;  
	text-decoration: none;
}

/* bloco catalogo - home */
.blCatalogo{
	background: #e6e7e8;
}

.blCatalogo h1{
	width: 190px;
	font-family: 'Gothiccb';
	font-size: 26px;
	color: #cc070d;
	border-bottom: 5px solid #cc070d;
	padding-top: 14px;
	padding-bottom: 5px;
	margin-left: 25px;	
}

.blSegmentos{
	background: #e6e7e9;
}

.blSegmentos h2{
	font-family: 'Gothic';
	font-size: 26px;
	color: #58595b;
	padding-top: 14px;
	margin-left: 25px;
}

.blSegmentos a{
	text-decoration: none;
	color: #58595b;
}

/* bloco revitalização - home */
.revitalizacaoHome{
	background: url('../img/layout/revitalizacao_home.jpg') center center;
	background-size: cover;
}

.revitalizacaoHome h2{
	font-family: 'Gothic';
	font-size: 26px;
	color: #50a4d0;
	padding-top: 14px;
	margin-left: 25px;
}

/* bloco social - home*/
.socialHome{
	background: url('../img/layout/social_home.jpg') center center;
	background-size: cover;
}

.socialHome a{
	width: 100%;
	height: 300px;
	display: block;
	text-decoration: none;
}

.socialHome h2{
	font-family: 'Gothic';
	font-size: 23px;
	color: #FFF;
	padding-top: 14px;
	margin-left: 25px;
}

/* bloco acua pura - home*/
.acuaPura{
	position: relative;
	background: url('../img/layout/acua_pura.jpg') center center;
}

.logoAcuaPura{
	width: 183px;
	height: 92px;
	position: relative;
	background: url('../img/layout/acua_pura_logo.png');
	margin: 18px 0 0 22px;
}

.imgAcuaPura{
	width: 299px; 
	height: 295px;
	position: absolute;
	background: url('../img/layout/acua_pura_home.png');
	top: 25px;
	right: 0;
}

/* bloco noticia anvisa */
.noticiaAnvisa, .calendario{
	background: #FFF;
}

.noticiaAnvisa h2, .calendario h2{
	font-family: 'Gothic';
	font-size: 26px;
	color: #d10a11;
	padding-top: 14px;
	margin-left: 25px;
}

.logoAnvisa{
	width: 100%;
	height: 126px;
	display: block;
	position: relative;
	padding: 0 15px 0 15px;
	margin-top: 62px;
}

/* bloco calendario - home */
.calendario h2{
	font-size: 20px;
	text-align: center;
}

.imgCalendario{
	width: 100%;
	height: 251px;
	padding: 0 15px 0 15px;
	margin-top: 20px;
}

/* bloco previsão do tempo */
.blPrevisaoTempo{
	width: 154px;
	height: 120px;
	position: relative;
	margin: 20px auto 0 auto;
}

/*
========================================================================================
CONTATO:
========================================================================================
*/

/* banner internas */
.bannerInternas{
	width: 100%;
	height: 197px;
	position: relative;
	margin-top: 10px;
}

/* banner contato */
.bannerContato{
	background: url('../img/layout/banner_contato.jpg') center;
	background-size: cover;
}

/* titulo banner */
.tituloBanner{
	font-family: 'GothamBook';
	font-size: 40px;
	font-style: italic;
	color: #58595b;
	margin: 75px 0 0 70px;
}

/* imagem atendimento */
.blImgAtendimento{
	width: 328px;
	height: 440px;
	position: relative;
	z-index: 0;
	margin-left: 30px;
}

/* conteudo contato */
.conteudoContato h1{
	font-family: 'GothamMedium';
	font-size: 30px;
	color: #58595b;
	margin-top: 90px;
} 

.conteudoContato p{
	font-family: 'GothamBook';
	font-size: 20px;
	color: #e30413;
	margin-top: 68px;
}

/* bloco telefone */
.conteudoContato .blTelefone{
	height: 49px;
	position: relative;
	font-family: 'GothamBold';
	font-size: 20px;
	color: #e30413;
	line-height: 25px;
	background: url('../img/layout/icone_telefone.jpg') no-repeat;
	padding-left: 65px;
	margin-top: 26px;
}

/* bloco email */
.conteudoContato .blEmail{
	height: 60px;
	position: relative;
	font-family: 'GothamBold';
	font-size: 20px;
	color: #e30413;
	line-height: 60px;
	background: url('../img/layout/icone_email.jpg') no-repeat;
	padding-left: 65px;
	margin-top: 26px;
}

.conteudoContato .blEmail a{
	color: #e30413;
	text-decoration: none;
}


/* linha pontilhada */
.linhaPontilhada{
	width: 100%;
	height: 12px;
	position: relative;
	background: url('../img/layout/linha_contato.png');
	z-index: 1;
	top: -12px;
}

/* pagina segmentos */
.linhaSegmentos{
	top: 0;
	margin: 25px 0 25px 0;
}

/* linha serviçoes internas */
.linhaServicosInternas{
	margin: 20px 0 40px 0;
}

/*
========================================================================================
NOSSOS SEGMENTOS:
========================================================================================
*/

/* banner nossos segmentos */
.bannerSegementos{
	background: url('../img/layout/banner_segmentos.jpg') center;
	background-size: cover;
}

/* bloco segmento */
.blSegmento{
	width: 100%;
	height: 205px;
	position: relative;
	background: #f1f2f2;
}

.blSegmento a{
	text-decoration: none;
	color: #FFF;
}

.blSegmento h2{
	width: 100%;
	height: 40px;
	position: relative;
	font-family: 'GothamBook';
	font-size: 14px;
	color: #FFF;
	line-height: 40px;
	text-align: center;
	background: url('../img/layout/titulo_segmento.png');
	top: 165px;
	z-index: 1;
}

/* imagem segmento */
.imgSegmento{
	width: 100%;
	height: 205px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* container lista segmentos */
.containeListaSegmentos{
	padding-bottom: 60px;
}

/* titulo segmento */
.tituloSegmento{
	font-family: 'MyriadPro-Regular';
	font-size: 20px;
	color: #d10910;
	padding: 25px 0 0 0;
	text-transform: uppercase;
}

/* item lista */
.itemLista{
	font-family: 'GothamBook';
	font-size: 16px;
	color: #58595b;
	border-bottom: 1px solid #000;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* imagem categoria */
.imagemCategoria{
	margin-top: 40px;
}

/* contato segmento */
.tituloListaSegmento{
	font-family: 'GothamBook';
	font-size: 25px;
	text-align: center;
	color: #7f7f7f;
	text-transform: uppercase;
}

/* contato segmento */
.contatoSegemento{
	font-family: 'GothamBook';
	text-align: center;
	color: #e30413;
	margin-top: 30px;
}

.contatoSegmento h3{
	font-size: 30px;
}

.contatoSegmento .textoAtendimento{
	font-size: 16px;
}

.contatoSegemento .contato{
	font-family: 'GothamBold';
	font-size: 20px;
}

.contatoSegmento .contato span{
	font-size: 17px;
}

/*
========================================================================================
POLITICA DE QUALIDADE:
========================================================================================
*/

.tituloResponsabilidade{
	font-size: 35px;
}

/* banner contato */
.bannerPolitica{
	background: url('../img/layout/banner_qualidade.jpg') center;
}

/* banner responsabilidade*/
.bannerReponsabilidade{
	background: url('../img/layout/banner_politica.jpg') center;
}

.backgroundPolitica{
	min-height: 1085px;
	background: url('../img/layout/background_politica.jpg') no-repeat;
}

/* conteudo */
.conteudo{
	padding: 65px 0 55px 70px;
}

.conteudo p{
	font-family: 'GothamBook';
	font-size: 16px;
	text-align: justify;
	color: #58595b;
	padding: 5px 0 5px 0;
}

/* imagem politica de qualidade */
.imgPoliticaQualidade{
	width: 100%;
	height: 419px;
	position: relative;
	margin-top: 35px;
}


.blPolitica h2{
	font-family: 'GothamMedium';
	font-size: 30px;
	color: #58595b;
	text-align: center;
}

/* linha pontilhada politica */
.linhaPolitica{
	top: 0;
	margin: 40px 0 20px 0;
}

/* conteudo politica de qualidade */
.conteudoPolitica{
	font-family: 'GothamBook';
	font-size: 15px;
	padding-top: 50px;
}

.conteudoPolitica p{
	padding-top: 40px;
}

.conteudoPolitica ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.conteudoPolitica ul li{
	padding: 3px 0 3px 0;
}

.conteudoValores{
	padding-top: 20px;
}

/*
========================================================================================
TRABALHE CONOSCO:
========================================================================================
*/

/* conteudo trabalhe conosco */
.conteudoTrabalhe h1{
	font-family: 'GothamMedium';
	font-size: 30px;
	color: #58595b;
	margin: 35px 0 10px 0;
}

.conteudoTrabalhe p{
	font-family: 'GothamBook';
	font-size: 20px;
	color: #58595b;
	text-align: justify;
	padding: 10px 0 10px 0;
}

/* formulario trabalhe conosco */
.formTrabalhe{
	margin-top: 20px;
}

.formTrabalhe .cpForm{
	width: 100%;
	height: 45px;
	border: none;
	border-radius: 4px;
	background: #e6e7e8;
	text-indent: 10px;
}

.formTrabalhe .cpTexto{
	height: 121px;
}

.formTrabalhe .btnEnviar{
	width: 100%;
	height: 45px;
	font-family: 'GothamBold';
	color: #FFF;
	border: none;
	border-radius: 4px;
	background: #a3cb2c;
}

.formTrabalhe ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-family: 'GothamBook';
  color: #58595b;
}
.formTrabalhe ::-moz-placeholder { /* Firefox 19+ */
  font-family: 'GothamBook';
  color: #58595b;
}
.formTrabalhe :-ms-input-placeholder { /* IE 10+ */
  font-family: 'GothamBook';
  color: #58595b;
}
.formTrabalhe :-moz-placeholder { /* Firefox 18- */
  font-family: 'GothamBook';
  color: #58595b;
}

/* imagem trabalhe conosco */
.imgTrabalhe{
	width: 100%;
	height: 524px;
	position: relative;
	top: 40px;
}

/*
========================================================================================
RODAPÉ:
========================================================================================
*/

/* rodape */
.rodape{
	background: #b7b7b7;
	height: 85px;
}

/* borda rodape pagina home */
.page-template-page-home .rodape{
	border-top: 4px #b4030f solid;
}

/* bloco assinatura */
.blAssinatura{
	width: 309px;
	height: 81px;
	position: relative;
	background: url('../img/layout/fundo_assinatura.png'); 
	margin: 0 auto 0 auto;
}

.blAssinatura p{
	width: 120px;
	position: absolute;
	font-family: 'GothamMedium';
	font-size: 10px;
	color: #FFF;
	text-align: right;
	top: 30px;
	left: 50px;
}

/* logo goup */
.logoGoup{
	width: 63px; 
	height: 63px;
	display: block;
	position: absolute;
	background: url('../img/layout/logo_goup.png'); 
	top: 12px;
	left: 190px;
}

.logoGoup a{
	width: 63px; 
	height: 63px;
	display: block;
}

/* 
|===============================================================================================| 
|---> ALTERAÇÕES MOBILE 04-09-2017 - AGÊNCIA GOUP                                               |
|===============================================================================================|
*/
@media screen and (max-width: 766px) {
  html, body{ overflow-x:hidden;} 

  	/* logo */
	.logo, .logo a{
		width: 185px; 
		height: 77px;
		margin: 15px 0 0 -25px;
	}
	
	/* botão menu mobile */
	.btnMenuMobile{
		width: 27px;
		height: 18px;
		display: block;
		position: relative;
		background: url('../img/layout/menu_mobile.jpg');
		margin: 55px auto 0 auto;
		z-index: 9998 !important;
	}

	/* botão menu mobile */
	.btnMenuMobile a{
		width: 27px;
		height: 18px;
		display: block;
	}
	
	/* botoes banenr */
	.ls-v5 .ls-bottom-slidebuttons a{
		width: 10px !important;
		height: 10px !important;
		border-radius: 100px;
		background: #FFF;
		background-image: none;
		margin-right: 5px;
	}

	.ls-nav-start, .ls-nav-stop{
		display: none !important;
	}

	/* menu mobile */
	.menuBloco{
	  	width: 100%;
	   	height: auto;
	   	position: fixed;
	  	display: none;
	   	font-size: 14px;
	   	font-family: 'GothamBook';
	   	color: #FFF;
	   	text-align: center;
	   	z-index: 9998 !important;
	   	padding: 15px 0 20px 0;
	   	background: #DFDFDF;
	   	top: 102px;
	}

  	.menuBloco ul{
    	list-style: none;
    	padding-right: 30px;
  	}

  	.menuBloco ul li{
   		padding: 3px 0 5px 0;
   		border-bottom: 1px #2F2F2F solid;
 	}

 	.menuBloco ul li:last-child{
		border: none;
 	}
  
  	.menuBloco a{
   		color: #2F2F2F;
  		text-decoration: none;
  	}

  	/* menu ativo */
	.page-template-page-home .btnHome,
	.page-template-page-nossos-segmentos .btnSegmentos,
	.page-template-page-politica-qualidade .btnPolitica,
	.page-template-page-trabalhe-conosco .btnTrabalhe,
	.page-template-page-contato .btnContato{font-family: 'GothamBold'; border-bottom: 1px #2F2F2F solid;}

	.page-template-page-home .btnHome a:hover,
	.page-template-page-nossos-segmentos .btnSegmentos a:hover,
	.page-template-page-politica-qualidade .btnPolitica a:hover,
	.page-template-page-trabalhe-conosco .btnTrabalhe a:hover,
	.page-template-page-contato .btnContato a:hover{border-bottom: none;}
	
	/* bloco telefone */
  	.blTelefoneMobile{
  		width: 100%;
  		font-family: 'GothamBook';
  		font-size: 16px;
  		text-align: center;
  		color: #FFF;
  		padding: 20px 0 20px 0;
  		background: #C5C5C5;
  	}

	/* banner mobile */	
	.bannerMobile{
		width: 100%;
		height: auto;
		margin: 15px 0 -20px 0;
		padding: 0;
	}

	.containerBlocoHome, .blocosHome .col-md-4, .blocosHome .col-md-6
	{
		padding-left: 0;
		padding-right: 0;
	}

	.conteudoHome{
		padding-bottom: 0;
		background: none;
	}
	  
	/* bloco home */
	.blHome{
		width: 100%;
		margin-top: 0;
		margin-bottom: -15px;
		padding: 0;
	}
	
	/* bloco anvisa */
	.noticiaAnvisa, .noticiaAnvisa a{
		height: auto;
		margin-bottom: 0;
	}

	.logoAnvisa{
		margin-top: 22px;
	}
	
	/* rodape */
	.rodape{
		background: #bbbaba;
	}

  	/* borda rodape pagina home */
	.page-template-page-home .rodape{
		border-top: none;
	}

	/* bloco assinatura */
	.blAssinatura{
		background: none; 
	}


	/*=================================
	pagina contato
	===================================*/
	/* banner internas */
	.bannerInternas{
		height: 64px;
	}

	/* titulo banner */
	.tituloBanner{
		font-size: 16px;
		color: #7e7e7e;
		margin: 25px 0 0 0;
	}


	.blImgAtendimento{
		width: 100%;
		height: auto;
		margin-top: 20px;
		margin-left: 0px;
	}

	/* conteudo contato */
	.conteudoContato h1{
		font-size: 14px;
		margin-top: 20px;
	} 

	.conteudoContato p{
		font-size: 10px;
		margin-top: 10px;
	}

	/* bloco telefone */
	.conteudoContato .blTelefone{
		height: 30px;
		font-size: 12px;
		line-height: 14px;
		background: url('../img/layout/icone_telefone_mobile.jpg') no-repeat;
		padding-left: 40px;
		margin-top: 12px;
	}

	/* bloco email */
	.conteudoContato .blEmail{
		height: 37px;
		font-size: 12px;
		line-height: 37px;
		background: url('../img/layout/icone_email_mobile.jpg') no-repeat;
		padding-left: 40px;
		margin-top: 12px;
	}

	/* linha serviçoes internas */
	.linhaServicosInternas{
		margin: -20px 0 40px 0;
	}
	
	/*=================================
	pagina nossos segmentos
	===================================*/
	.containerProdutoMobile{
		padding-right: 0;
		padding-left: 0;
		margin: 0;
		background: #dfdfdf;
	}
	
	/* titulo categoria */
	.tituloProdutoMobile{
		width: 100%;
		min-height: 40px;
		background: #dfdfdf;
		cursor: pointer;
		border-bottom: 1px #868686 solid;
	}

	.tituloProdutoMobile h2{
		width: 100%;
		height: 40px;
		position: relative;
		font-family: 'GothamLight';
		font-size: 18px;
		text-align: center;
		line-height: 40px;
		margin: 0 auto 0 auto;
		background: url('../img/layout/icone_categoria_mobile.jpg') no-repeat 95% center;
	}
	
	/* categoria ativa */
	.tituloProdutoMobile .categoria_ativa{
		color: #FFF;
		background: url('../img/layout/icone_categoria_mobile_ativo.jpg') #b7080e no-repeat 95% center;
	}
	
	/* bloco produto mobile */
	.produtoMobile{
		width: 100%;
		display: none;
		padding: 0;
	}

	.produtoMobile img{
		width: 100%;
		z-index: 0;
	}

	/* botão ver mais */
	.btnProduto{
		width: 100%;
		height: 40px;
		display: block;
		position: relative;
		font-family: 'GothamBook';
		font-size: 14px;
		line-height: 40px;
		text-align: center;
		color: #FFF;
		background: url('../img/layout/fundo_botao.png');
		z-index: 9997 !important;
		margin-top: -30px;
	}
	
	/* detalhes segmentos */
	.blImageMobile{
		padding-right: 0;
		padding-left: 0;
	}
	
	.imagemMobile{
		margin-top: 15px;
	}

	.imagemMobile img{
		width: 100%;
	}

	.tituloMigalha{
		font-family: 'MyriadPro-Regular';
		font-size: 14px;
		color: #7e7e7e;
	}

	.tituloSegmentoMobile{
		font-family: 'MyriadPro-Regular';
		font-size: 16px;
		color: #d10910;
	}

	.listaSegmentosMobile{
		list-style: none;
		padding: 0;
		font-family: 'GothamBook';
		font-style: italic;
		color: #7E7E7E;
		font-size: 16px;
	}

	.listaSegmentosMobile li{
		background: url('../img/layout/lista_mobile.jpg' ) no-repeat 0 11px;
		padding: 3px 0 3px 12px;
	}
	
	/* botão retornar */
	.btnRetornar{
		width: 100px;
		height: 20px; 
		display: block;
		position: relative;
		font-family: 'GothamMedium';
		font-style: italic;
		color: #d10910;
		margin: 40px auto 0 auto;
		background: url('../img/layout/btn_retornar.jpg') no-repeat;
		padding-left: 30px;
	}

	.btnRetornar a{
		width: 100px;
		height: 20px; 
		display: block;
		color: #d10910;
	}

	/*=================================
	pagina politica de qualidade
	===================================*/

	/* conteudo politica de qualidade */
	.conteudoPolitica{
		text-align: justify;
		padding-top: 10px;
		padding-bottom: 20px;	
	}
	
	/*=================================
	pagina trabalhe conosco
	===================================*/
	.conteudoTrabalhe h1{
		font-size: 16px;
		margin: 35px 0 10px 0;
	}

	.conteudoTrabalhe p{
		font-size: 14px;
	}

	.formTrabalhe{
		margin-bottom: 20px;
	}
	
	/*=================================
	pagina responsabilidade socioambiental
	===================================*/
	.tituloResponsabilidade{
		font-size: 20px;
		margin-top: 10px;
	}

	/* conteudo */
	.conteudo{
		padding: 10px;
	}

	/* imagem politica de qualidade */
	.imgPoliticaQualidade{
		width: 100%;
		height: auto;
		position: relative;
		margin: 15px 0 15px 0;
	}

}

@media (min-width: 768px) and (max-width: 1024px) {
	
	.logo{
		margin-left: -30px;
	}

	/* contato topo */
	.contatoTopo{
		font-size: 13px;
		margin-top: 80px;
		float: none;
	}

	/* coluna menu */
	.colunaMenu{
		padding: 0;
		margin: 0;
	}
	
	/* menu */
	.menu{
		width: 100%;
		font-size: 13px;
	}

	.menu li{
		margin-left: 10px;
	}

	.blPrevisaoTempo{
		margin-top: -200px;
	}

	/* bloco imagem atendimento */
	.blImgAtendimento{
		width: 100%;
		border: none;
	}

	.conteudo{
		padding: 0 10px 0 10px;
	}

}