body {
	padding-top: 70px; /* desvio para destapar ("navbar-fixed-top" do Bootstrap) */
}

#pagina_arranque {
	padding-top: 0px;
	background-image: url(../images/alusivas/cena_valvcano_3d.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#intro {
	background-image: url(../images/alusivas/cena_centr_indust.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#logo_intro {
	width: 160px;
	margin-top: 0px;	
}
@media (min-width: 494px) {
#logo_intro {
	width: 200px;
}
}
/* ___________________ espaço para imagens em pano-de-fundo – comportamento ___________________ */
.espaco_cenario {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 17.8125em; /* 2,5x o espaço vertical ocupado por um h1 */
}
@media (max-width: 493px) {
#img_contactos.espaco_cenario {
	height: 10.6875em; /* 1.5 x o espaço vertical ocupado por um h1 */
}
}
@media (min-width: 494px) {
.espaco_cenario {
	height: 18.77777778em; /* 2,5x o espaço vertical ocupado por um h1 */
}
}
@media (min-width: 717px) {
.espaco_cenario {
	height: 19.5em; /* 2,5x o espaço vertical ocupado por um h1 */
}
}
@media (max-width: 992px) {
.espaco_cenario {
	height: 19.5em; /* 2,5x o espaço vertical ocupado por um h1 */
}
}
/* ___________________ definição das imagens alusivas em pano-de-fundo ___________________ */
#img_apresentacao {
	background-image: url(../images/alusivas/secc-tec_1_brc.jpg);
}
#img_missao {
	background-image: url(../images/alusivas/valvcano_fotoesq.jpg);
}
#img_actividade {
	background-image: url(../images/alusivas/canos_urbe.jpg);
}
#img_produtos {
	background-image: url(../images/alusivas/bomba_hidro.jpg);
}
#img_contactos {
	background-position: top center;
	background-size: 100% auto;
	background-image: url(../images/alusivas/grupo_pose2.jpg);	
}
/* ___________________ controlo das barras separadoras ___________________ */
#contactos_sede_e_armazem .barra_separadora {
	width: 100%;
}
/* ========= alturas padrão-parágrafo (para separadores por ex) ================ */
.altura_meia_linha {
	height: 0.6875em; /* 11px – 0,6875x "line-height" de parágrafo (=11/16) */
}
.altura_1_linha {
	height: 1.375em; /* 22px – 1,375x "line-height" de parágrafo (=22/16) */
}
.altura_2_linhas {
	height: 2.75em; /* 44px – 2,75x "line-height" de parágrafo (=44/16) */
}
.altura_3_linhas {
	height: 4.125em; /* 66px – 4,125x "line-height" de parágrafo (=66/16) */
}
.altura_4_linhas {
	height: 5.5em; /* 88px – 5,5x "line-height" de parágrafo (=88/16) */
}
/*___________ alturas padrão-parágrafo em texto na escala S _________ */
.txt_escala_s .altura_meia_linha {
	height: 0.625em; /* 10px – 0,625x "line-height" de parágrafo (=10/16) */
}
.txt_escala_s .altura_1_linha {
	height: 1.25em; /* 20px – 1,25x "line-height" de parágrafo (=20/16) */
}
.txt_escala_s .altura_2_linhas {
	height: 2.5em; /* 40px – 2,5x "line-height" de parágrafo (=40/16) */
}
.txt_escala_s .altura_3_linhas {
	height: 3.75em; /* 60px – 3,75x "line-height" de parágrafo (=60/16) */
}
.txt_escala_s .altura_4_linhas {
	height: 5em; /* 80px – 5x "line-height" de parágrafo (=80/16) */
}
/*___________ alturas padrão-parágrafo em texto na escala XS _________ */
.txt_escala_xs .altura_meia_linha {
	height: 0.5625em; /* 9px – 0,5625x "line-height" de parágrafo (=9/16) */
}
.txt_escala_xs .altura_1_linha {
	height: 1.125em; /* 18px – 1,125x "line-height" de parágrafo (=18/16) */
}
.txt_escala_xs .altura_2_linhas {
	height: 2.25em; /* 36px – 2,25x "line-height" de parágrafo (=36/16) */
}
.txt_escala_xs .altura_3_linhas {
	height: 3.375em; /* 54px – 3,375x "line-height" de parágrafo (=54/16) */
}
.txt_escala_xs .altura_4_linhas {
	height: 4.5em; /* 72px – 4,5x "line-height" de parágrafo (=72/16) */
}
@media (min-width: 494px) {
.altura_meia_linha {
	height: 0.722222222em; /* 13px – 0,722222222x "line-height" de parágrafo (=13/18) */
}
.altura_1_linha {
	height: 1.444444444em; /* 26px – 1,444444444x "line-height" de parágrafo (=26/18) */
}
.altura_2_linhas {
	height: 2.888888889em; /* 52px – 2,888888889x "line-height" definido no body (=52/18) */
}
.altura_3_linhas {
	height: 4.333333333em; /* 78px – 4,333333333x "line-height" de parágrafo (=78/18) */
}
.altura_4_linhas {
	height: 5.777777778em; /* 104px – 5,777777778x "line-height" definido no body (=104/18) */
}
/*___________ alturas padrão-parágrafo em texto na escala "S" nos extra-small devices _________ */
.txt_escala_s .altura_meia_linha {
	height: 0.555555556em; /* 10px – 0,555555556x "line-height" de parágrafo (=10/18) */
}
.txt_escala_s .altura_1_linha {
	height: 1.111111111em; /* 20px – 1,111111111x "line-height" de parágrafo (=20/18) */
}
.txt_escala_s .altura_2_linhas {
	height: 2.222222222em; /* 40px – 2,222222222x "line-height" de parágrafo (=40/18) */
}
.txt_escala_s .altura_3_linhas {
	height: 3.333333333em; /* 60px – 3,333333333x "line-height" de parágrafo (=60/18) */
}
.txt_escala_s .altura_4_linhas {
	height: 4.444444444em; /* 80px – 4,444444444x "line-height" de parágrafo (=80/18) */
}
/*___________ alturas padrão-parágrafo em texto na escala "XS" nos extra-small devices _________ */
.txt_escala_s .altura_meia_linha {
	height: 0.5em; /* 9px – 0,5x "line-height" de parágrafo (=9/18) */
}
.txt_escala_s .altura_1_linha {
	height: 1em; /* 18px – 1x "line-height" de parágrafo (=18/18) */
}
.txt_escala_s .altura_2_linhas {
	height: 2em; /* 36px – 2x "line-height" de parágrafo (=36/18) */
}
.txt_escala_s .altura_3_linhas {
	height: 3em; /* 54px – 3x "line-height" de parágrafo (=54/18) */
}
.txt_escala_s .altura_4_linhas {
	height: 4em; /* 72px – 4x "line-height" de parágrafo (=72/18) */
}
}
@media (min-width: 717px) {
.altura_meia_linha {
	height: 0.75em; /* 15px – 0,75x "line-height" de parágrafo (=15/20) */
}
.altura_1_linha {
	height: 1.5em; /* 30px – 1,5x "line-height" de parágrafo (=30/20) */
}
.altura_2_linhas {
	height: 3em; /* 60px – 3x "line-height" definido no body (=60/20) */
}
.altura_3_linhas {
	height: 4.5em; /* 90px – 4,5x "line-height" de parágrafo (=90/20) */
}
.altura_4_linhas {
	height: 6em; /* 120px – 6x "line-height" definido no body (=120/20) */
}
/*___________ alturas padrão-parágrafo em texto na escala "S" nos small devices _________ */
.txt_escala_s .altura_meia_linha {
	height: 0.6em; /* 12px – 0,6x "line-height" de parágrafo (=12/20) */
}
.txt_escala_s .altura_1_linha {
	height: 1.2em; /* 24px – 1,2x "line-height" de parágrafo (=24/20) */
}
.txt_escala_s .altura_2_linhas {
	height: 2.4em; /* 48px – 2,4x "line-height" de parágrafo (=48/20) */
}
.txt_escala_s .altura_3_linhas {
	height: 3.6em; /* 72px – 3,6x "line-height" de parágrafo (=72/20) */
}
.txt_escala_s .altura_4_linhas {
	height: 4.8em; /* 96px – 4,8x "line-height" de parágrafo (=96/20) */
}
/*___________ alturas padrão-parágrafo em texto na escala "XS" nos small devices _________ */
.txt_escala_xs .altura_meia_linha {
	height: 0.5em; /* 10px – 0,5x "line-height" de parágrafo (=10/20) */
}
.txt_escala_xs .altura_1_linha {
	height: 1em; /* 20px – 1x "line-height" de parágrafo (=20/20) */
}
.txt_escala_xs .altura_2_linhas {
	height: 2em; /* 40px – 2x "line-height" de parágrafo (=40/20) */
}
.txt_escala_xs .altura_3_linhas {
	height: 3em; /* 60px – 3x "line-height" de parágrafo (=60/20) */
}
.txt_escala_xs .altura_4_linhas {
	height: 4em; /* 80px – 4x "line-height" de parágrafo (=80/20) */
}
}

/* ___________________ tebelização de colunas ___________________ */
.tabelizado {
	display: table;
	height: 100%;
}
.tabelizado .col-xs-12,
.tabelizado .col-xs-11,
.tabelizado .col-xs-10,
.tabelizado .col-xs-9,
.tabelizado .col-xs-8,
.tabelizado .col-xs-7,
.tabelizado .col-xs-6,
.tabelizado .col-xs-5,
.tabelizado .col-xs-4,
.tabelizado .col-xs-3,
.tabelizado .col-xs-2,
.tabelizado .col-xs-1 {
	float: none;
	display: table-cell;
	vertical-align: top;
}
@media (min-width : 768px) {
.tabelizado .col-sm-12, 
.tabelizado .col-sm-11, 
.tabelizado .col-sm-10, 
.tabelizado .col-sm-9, 
.tabelizado .col-sm-8, 
.tabelizado .col-sm-7, 
.tabelizado .col-sm-6, 
.tabelizado .col-sm-5,
.tabelizado .col-sm-4,
.tabelizado .col-sm-3,
.tabelizado .col-sm-2,
.tabelizado .col-sm-1 {
	float: none;
	display: table-cell;
	vertical-align: top;
}
}
@media (min-width : 992px) {
.tabelizado .col-md-12, 
.tabelizado .col-md-11, 
.tabelizado .col-md-10, 
.tabelizado .col-md-9, 
.tabelizado .col-md-8, 
.tabelizado .col-md-7, 
.tabelizado .col-md-6, 
.tabelizado .col-md-5,
.tabelizado .col-md-4,
.tabelizado .col-md-3,
.tabelizado .col-md-2,
.tabelizado .col-md-1 {
	float: none;
	display: table-cell;
	vertical-align: top;
}
}
@media (min-width : 1200px) {
.tabelizado .col-lg-12, 
.tabelizado .col-lg-11, 
.tabelizado .col-lg-10, 
.tabelizado .col-lg-9, 
.tabelizado .col-lg-8, 
.tabelizado .col-lg-7, 
.tabelizado .col-lg-6, 
.tabelizado .col-lg-5,
.tabelizado .col-lg-4,
.tabelizado .col-lg-3,
.tabelizado .col-lg-2,
.tabelizado .col-lg-1 {
	float: none;
	display: table-cell;
	vertical-align: top;
}
}

.col-md-6.desvio_esq {
	padding-left: 0px; /* anula o valor original do Bootstrap (15px) */
	padding-right: 30px /* acrescenta 15px ao valor original do Bootstrap (15px) */
}
.col-md-6.desvio_dir {
	padding-left: 30px; /* anula o valor original do Bootstrap (15px) */
	padding-right: 0px /* acrescenta 15px ao valor original do Bootstrap (15px) */
}

/* ___________________ Cenários (pano-de-fundo) – cores & Padrões ___________________ */
.cenario_verde_1 {
	background-color: #D3F6CB;
}
.cenario_verde_2 {
	background-color: #B4E7A9;
}
.cenario_verde_3 {
	background-color: #98D78A;
}
.cenario_verde_4 {
	background-color: #74D161;
}
.cenario_verde_escuro {
	background-color: rgba(20,26,20,1.00);
}
.cenario_verde_negro {
	background-color: rgba(5,5,5,1.00);
}
.cenario_azul_1 {
	background-color: #D6EEFC;
}
.cenario_azul_2 {
	background-color: #C5DCEC;
}
.cenario_azul_3 {
	background-color: #98B6CB;
}
.cenario_azul_4 {
	background-color: #7091A8;
}
.cenario_azul_5 {
	background-color: #055AA0;
}
.cenario_branco {
	background-color: #FFFFFF;
}
.cenario_cinza {
	background-color: #D9D9D9;
}
.cenario_cinza_medio {
	background-color: #999999;
}
.cenario_cinza_escuro {
	background-color: #333333;
}
.cenario_negro {
	background-color: #000000;
}
.cenario_pontilhado {
	background-image: url(../images/padroes/pontilhado_cinza.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_135g_pt {
	background-image: url(../images/padroes/diag_135g_8px_pt.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_135g_v1 {
	background-image: url(../images/padroes/diag_135g_8px_v1.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_135g_v2 {
	background-image: url(../images/padroes/diag_135g_8px_v2.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_135g_v3 {
	background-image: url(../images/padroes/diag_135g_8px_v3.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_135g_v4 {
	background-image: url(../images/padroes/diag_135g_8px_v4.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_135g_pt {
	background-image: url(../images/padroes/diag_135g_16px_pt.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_135g_v1 {
	background-image: url(../images/padroes/diag_135g_16px_v1.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_135g_v2 {
	background-image: url(../images/padroes/diag_135g_16px_v2.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_135g_v3 {
	background-image: url(../images/padroes/diag_135g_16px_v3.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_135g_v4 {
	background-image: url(../images/padroes/diag_135g_16px_v4.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_135g_pt {
	background-image: url(../images/padroes/diag_135g_32px_pt.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_135g_v1 {
	background-image: url(../images/padroes/diag_135g_32px_v1.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_135g_v2 {
	background-image: url(../images/padroes/diag_135g_32px_v2.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_135g_v3 {
	background-image: url(../images/padroes/diag_135g_32px_v3.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_135g_v4 {
	background-image: url(../images/padroes/diag_135g_32px_v4.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_45g_pt {
	background-image: url(../images/padroes/diag_45g_8px_pt.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_45g_v1 {
	background-image: url(../images/padroes/diag_45g_8px_v1.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_45g_v2 {
	background-image: url(../images/padroes/diag_45g_8px_v2.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_45g_v3 {
	background-image: url(../images/padroes/diag_45g_8px_v3.gif);
	background-repeat: repeat;
}
.cenario_diagonais_estreitas_45g_v4 {
	background-image: url(../images/padroes/diag_45g_8px_v4.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_45g_pt {
	background-image: url(../images/padroes/diag_45g_16px_pt.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_45g_v1 {
	background-image: url(../images/padroes/diag_45g_16px_v1.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_45g_v2 {
	background-image: url(../images/padroes/diag_45g_16px_v2.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_45g_v3 {
	background-image: url(../images/padroes/diag_45g_16px_v3.gif);
	background-repeat: repeat;
}
.cenario_diagonais_medias_45g_v4 {
	background-image: url(../images/padroes/diag_45g_16px_v4.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_45g_pt {
	background-image: url(../images/padroes/diag_45g_32px_pt.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_45g_v1 {
	background-image: url(../images/padroes/diag_45g_32px_v1.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_45g_v2 {
	background-image: url(../images/padroes/diag_45g_32px_v2.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_45g_v3 {
	background-image: url(../images/padroes/diag_45g_32px_v3.gif);
	background-repeat: repeat;
}
.cenario_diagonais_largas_45g_v4 {
	background-image: url(../images/padroes/diag_45g_32px_v4.gif);
	background-repeat: repeat;
}

/* _________________ ajustes para a secção dos Contactos _________________ */

#contactos .txt_escala_s .foto_individuo img {
	margin-top: 6.5625em; /* 105px – espaço vertical ocupado por um h1 em txt_escala_s */
}
#contactos .txt_escala_xs .foto_individuo img {
	margin-top: 5.9375em; /* 95px – espaço vertical ocupado por um h1 em txt_escala_s */
}


@media (min-width: 494px) {
#contactos .txt_escala_s .foto_individuo img {
	margin-top: 5.833333333em; /* 105px – espaço vertical ocupado por um h1 em txt_escala_s */
}
#contactos .txt_escala_xs .foto_individuo img {
	margin-top: 5.277777778em; /* 95px – espaço vertical ocupado por um h1 em txt_escala_xs */
}
}

@media (min-width: 717px) and (max-width: 767px) {
#contactos .txt_escala_s .foto_individuo img {
	margin-top: 6.05em; /* 121px – espaço vertical ocupado por um h1 em txt_escala_s */
}
#contactos .txt_escala_xs .foto_individuo img {
	margin-top: 5.25em; /* 105px – espaço vertical ocupado por um h1 em txt_escala_s */
}
}

@media (min-width: 992px) {
#contactos .txt_escala_s .foto_individuo img {
	margin-top: 2.4em; /* 48px — equivale ao dobro do "line-height" do parágrafo (=48/20) */
}
#contactos .txt_escala_xs .foto_individuo img {
	margin-top: 2em; /* 40px – equivale ao dobro do "line-height" do parágrafo (=40/20) */
}
#contactos .txt_escala_s .foto_individuo img,
#contactos .txt_escala_xs .foto_individuo img { 
	width:  70%; /* 116px — (116px ≈ 131.667px - 15px) => 116/131.667 = 88.10104278217017  */
}
#contactos .txt_escala_s .foto_individuo,
#contactos .txt_escala_xs .foto_individuo {
	padding-right: 0px; /* anula os 15px do padding original do Bootstrap*/
}
#contactos .txt_escala_s .texto_individuo,
#contactos .txt_escala_xs .texto_individuo {
	padding-left: 0px; /* anula os 15px do padding original do Bootstrap*/
}
}
@media (min-width: 1200px) {
#contactos .txt_escala_s .foto_individuo img,
#contactos .txt_escala_xs .foto_individuo img {
	width:  60%; /* 150px — (150px ≈ 165px - 15px) => 150/165 = 90.90909090909091  */
}
}

/* _________________________ Rodapé ________________________ */
#bt_facebook {

}
#link_facebook {
	text-align: left;
	vertical-align: middle;
}
#creditos {
	clear: both;
	text-align: left;
	padding-top: 12em;
	padding-bottom: 1em;
	margin-top: 0px;
	margin-bottom: 0px;
}
#pagina_arranque #creditos {
	text-align: center;
	padding-top: 1em;
}
/* //////////////////////// geréricos /////////////////////// */
/* _______________________________ Traços ___________________ */
.traco_espesso {
	border-bottom-width: 2px;
	border-bottom-style: solid;
}
.traco_fino {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.tracejado_espesso {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
}
.tracejado_fino {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
}
/* ___________________ alinhamento da imagem _______________ */
.img_na_esquerda, .img_na_direita {
	margin-top: 0px;
	margin-bottom: 1.88em;
}
.img_na_esquerda {
	float: left;
	margin-right: 1.88em;
	margin-left: 0px;
}
.img_na_direita {
	float: right;
	margin-right: 0px;
	margin-left: 1.88em;
}
.img_aomeio_h {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
}
.img_assente_na_linha {
	vertical-align: bottom;
}
/* ___________________ alinhamento do Texto _______________ */
.txt_naesquerda_h {
	text-align: left;
}
.txt_aomeio_h {
	text-align: center;
}
.txt_nadireita_h {
	text-align: right;
}
/* ___________________ controle do "Float" _________________ */
.flutua_esquerda {
	float: left;
}
.flutua_direita {
	float: right;
}
/* ___________________ controle da visibilidade ____________ */
.invisivel {
	visibility: hidden;
}
.visivel {
	visibility: visible;
}
.transparente_90 {
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" !important;
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90) !important;
	/* Older than Firefox 0.9 */
	-moz-opacity:0.9 !important;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.9 !important;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.9 !important;
}
.transparente_50 {
	/* Theoretically for IE 8 & 9 (more valid) */	
	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)" !important;
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=50) !important;
	/* Older than Firefox 0.9 */
	-moz-opacity:0.5 !important;
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity: 0.5 !important;
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.5 !important;
}