@import url('https://fonts.googleapis.com/css?family=Pinyon+Script|Jura');

	* {
		box-sizing: border-box;
		}
		
	html, * {
		padding:0px;
		margin:0px;
		border: 0;
		}
		
	html, body {
		margin: 0; 
		width: 100%;
		height: 100%; 
		}

	header {
		position: relative;
		width: 100%;
	}

	#img-header {
		width: 100%;
		height: auto;
		}
				
	#header-texto-sfep {   /* style texto "Santa Filomena em Portugal" */
		padding-top: 1.5vw;
		font-family: 'Pinyon Script';
		font-size: 4.0vw;
		text-align: center;
		color: rgb(197,5,25);
		z-index: 1;
		line-height: 0.8;
	}		

	#header-nome-webpage {   /* style o título da página */
		position:relative;
		font-family: Jura;
		font-size: 2.9vw;
		line-height: 1;
		font-weight: 400;
		text-align: center;
		color: black;
		z-index: 1;
		line-height:0.75;
	}		

	header img {
		position: relative;
		margin-top: -1.5vw;
		width: 100%;
		z-index: 0;
	}

	#header-banner {
		position: relative;
		margin-top: -2.5vw;
		width: 100%;
		z-index: -1;
	}

	#header-banner-texto {		/* p/ os nomes dos Distritos dos Lugares de Culto*/
		position: absolute;
		right: 3vw;
		bottom: 0.4vw;
		font-family: "Segoe UI Semibold";
		color: #FFF7EA;  /* é o mesmo que rgb(255,247,234);  */
		font-size: 3.5vw;
		text-align: right;
		width: 50%;
		z-index: 1;
		}

	#homepage_icon, #goback_icon {
		position: absolute;
		left: 3.1vw;
		bottom: 1.5vw;
		width: 2.5vw;
		height: auto;
		z-index: 1;
		}

	#homepage_icon:hover, #goback_icon:hover {
		transform: scale(1.03);
		}

	main {
		padding: 1vw 3vw;
		background-color: rgb(255,247,234);
		width: 100%;
		display: block;
		position: relative;
		overflow: visible;
		font-family: "Segoe Ui", "Century Gothic", Verdana, Arial;
		font-size: 1.75vw;
		text-align: left;
		z-index: 1;		
		}
		
	.texto-semibold {
		font-family: 'Segoe UI Semibold', Arial, Helvetica, sans-serif;}

	main h3	{
		font-family: "Segoe UI Semibold";
		font-size: 3.1vw;
		text-align: left;
		margin: 2vw 0 1vw;
		}
		
	main p {
		line-height: 1.3;
		}
	
	main .fpos {font-size: 80%;}

	main p a, main ul li a {
		color: blue;
		}
		
	main p a:hover, main ul li a:hover {
		text-decoration: underline !important;
		}
		
	main p a, a:link, a:visited, a:active {
		text-decoration: none;
		}
	
	.clear-both {
		clear: both;
		}
		
	a.back-to-top {
		display: none;
		position: fixed;
		right: 0.1vw;
		bottom: 1.5vw;
		width: 3.5vw;
		height: 3.5vw;
		text-indent: -9999px;
		z-index: 97;
		background: #FF0000 url("../images/symbols/up-arrow.png") no-repeat center 43%;
		opacity: 0.6;
		border-radius: 30px;
		}
		
	a:hover.back-to-top {
		background-color:#FF0000;
		opacity: 0.8;
		}	
		
	a:visited.back-to-top {
		background-color:#FF0000;
		opacity: 0.6;
		}
			
	footer img {width: 100%;height: auto;}

/*---------------------------------------------------------------------------*/
/*   Styling para página da Arquiconfraria        */
/*---------------------------------------------------------------------------*/

	#main-arquiconfraria {padding: 3vw 9vw;}
	
	#main-arquiconfraria h5 {
		font-family: "Segoe UI Semibold";
		text-align: center;
		font-size: 1.3em;
		margin-bottom: 20px;
		}	

	#main-arquiconfraria #arch-logo {
		width: 25%;
		float: left; 
		margin-right: 4vw;
		margin-bottom: 3vw;
		}
	
	#main-arquiconfraria figure {
		padding: 0.5vw;
		border: solid 1px #EFEFEF;
        box-shadow: 1px 1px 5px #999;
		}
		
	#main-arquiconfraria #img-MGB {
		width: 32%;
		height: auto;
		float: right; 
		margin: 2vw 0 1vw 3vw;
		}
	
	#main-arquiconfraria #img-MGB img {
		width: 100%;
		height: auto;
		display : block;
		margin : auto;
	}	

	#main-arquiconfraria #img-FLP {
		width: 32%;
		height: auto;
		float: left; 
		margin: 2vw 4vw 1vw 0;
		}
	
	#main-arquiconfraria #img-FLP img, #main-arquiconfraria #img-BML img {
		width: 100%;
		height: auto;
		display : block;
		margin : auto;
	}	

	#main-arquiconfraria figcaption {
		padding: 0.75vw 0;
		font-style: italic;
		font-size: 75%;
		line-height: 1;
		text-align: center;
		}
		
	#main-arquiconfraria div::after {
		content: ' ';
		clear: both;
		display: table;
		margin-bottom: 2.5vw;
		}
	
	#ausf-cartao-visita {
		display: block;
		width: 399px;
		height: 259px;
		margin: 0.5vw auto;
		border: solid thin #888888;
		box-shadow:8px 6px 10px 2px #888888;
		}

/*---------------------------------------------------------------------------*/
/*   Styling para páginade Itens-Devocionais                                 */
/*---------------------------------------------------------------------------*/

	#myMobile-nav {
		clear: both;
		padding: 0.0vw 0.1vw; 
		width: 100%;
		position: sticky;
		top: 0;
		z-index: 2;
		}
	
	#myLista-open-button:hover {
		opacity: 1.0;
		cursor: pointer;
		}
		
	#myMobile-listayclose {
		display: block;
		position: absolute;
		width: 0;
		height: auto;
		transition: 0.5s;
		}

	#myMobile-lista {
		margin-top: -7.0vw;
		float: left;
		width: 33%;
		height: auto;
		position: relative;
		background-color: white;
		opacity: 0.9;
		font-size: 4.9vw;
		overflow-x: hidden;
		box-shadow: 2px 2px 4px #333333;
		}

	#myMobile-lista p {
		padding: 1.5vw 2vw;
		line-height: 150%;
		font-weight: bold;
		background: #C0C0C0;
		text-align: center;
		}

	#myMobile-lista a {
		padding: 1.5vw 2vw;
		display: block;
		text-align: left;
		line-height: 1.8;
		white-space: nowrap;
		border-top: 0.15vw solid rgba(0,0,0,0.5);
		color: #ffffff;
		background: #FF211C;
		}
				
	#myMobile-lista a:link, a:visited, a:active {
		text-decoration: none;
		}
		
	#myLista-close-button {
		display: none;
		width: 3.5vw;
		height: 7vw;
		z-index: 4;
		opacity: 0.8;
		padding-left: 0.1vw;
		box-shadow: 2px 2px 4px #333333;
		}

	#myLista-close-button:hover {
		text-decoration: none;
		opacity: 1.0;
		cursor: pointer;
		}

	#main-devocionais nav {
		float: left;
		padding: 1.5vw 3.5vw 1.5vw 1vw; 
		width: 20%;
		position: sticky;
		top: 0;
		margin-bottom: 1vw;
		}
	
	#main-devocionais nav p {
		font-weight: bold;
		background: #C0C0C0;
		text-align: center;
		}
		
	#main-devocionais nav a {
		padding: 0.1vw 1.5vw;
		display: block;
		line-height: 1.3;
		white-space: nowrap;
		color: blue;
		}	
		
	#main-devocionais nav a:link, a:visited, a:active {
	   text-decoration: none;
		}
	
	#main-devocionais nav a:hover {
		background-color: #ff6c68;
		color: white;
		}

	#myLista-open-button {display: none;}
	
	#main-devocionais nav {width: 20%;}

	#main-devocionais article {
			width: 80%;
			overflow:hidden;
			padding-right: 2vw;
		}


	.cada-devocional {
		position: relative;
		padding-bottom: 2.5vw;
		}
		
	.cada-devocional h1, #main-devocionario-texto div h1	{
		font-family: "Segoe UI Semibold";
		font-size: 2.9vw;
		padding-top: 1vw;
		padding-bottom: 1vw;
		}
		
	.zona-foto-devocional {
		display: block;
		position: relative;
		}
			
	.img-devocional {	
		float: left;
		margin: 0.5% 3.9% 1.9% 0;
		padding: 0.5em;
		width: 30%;
		height: auto;
		border: thin silver solid;
		}

	.img-devocional-right {	
		float: right;
		margin: 0.5% 0 1.9% 3.9%;
		padding: 0.5em;
		width: 30%;
		height: auto;
		border: thin silver solid;
		}
	
	.cada-devocional .enlarge-icon {
		position: absolute;
		top: 1.4vw;
		left: 17.8vw;
		width: 2.5vw;
		height: auto;
		}
	
	.oracao-devocional {
		margin: 3vw;
		padding: 2vw;
		border-radius: 2px;
		box-shadow: 2px 2px 4px 5px #ccc;
		}	
		
	.sep-horiz { 
		display: block;
		margin: 1.5vw auto 0vw;
		width: 30%;
		height: auto;
		}
		
/*---------------------------------------------------------------------------*/
/*   Styling para Patrocínio de Santa Filomena               			     */
/*---------------------------------------------------------------------------*/

	#main-patrocinio {
		display: flex;
		}
		
	#main-patrocinio div {
		margin: 2vw 2vw;
		}
	
	#main-patrocinio figure {
		padding: 0.5vw;
		border: solid 1px #EFEFEF;
        box-shadow: 1px 1px 5px #999;
	}
	
	#main-patrocinio img {
		display: block;
		width: 100%;
		height: auto;
		}
	
	#main-patrocinio figcaption { 
		font-size: 75%;
		line-height: 100%;
		text-align: center;
		}

	#main-patrocinio span::before {
		content: "♥ ";
		color:red;
		}
		
/*---------------------------------------------------------------------------*/
/*   Styling para páginas de Lugares de Culto - Mapa / Menu	                 */
/*---------------------------------------------------------------------------*/

	#LDC-mapa-cabec {
		position: absolute;
		bottom: 1.1vw;
		right: 7.5vw;
		font-family: "Segoe UI Semibold";
		font-size: 2.8vw;
		line-height: 1;
		color: rgb(255,247,234);  
		text-align: center;
		}

	#main-LDC-mapa {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		}
		
	#LDC-mapa-texto{
		display: block;
		font-size: 1.7vw;
		text-align: justify;
		}
		
	#LDC-mapa-texto p{
		line-height: 2.15vw;
		}

	#aolado {display: inline;}
	
	#abaixo {display: none;}	
		
	#LDC-mapa-texto p:nth-of-type(2){
		padding: 1.0vw 1.5vw;
		border: 1px solid #505050;
		border-radius: 10px;
		}
 
	#LDC-mapa-pt {
		position: relative;
		}

	#mapa-pt-js {
		width: 100%; 
		padding-top: 1.5vw;
		padding-left: 1.5vw;
		}

 	#distrito-name {
		z-index: 2;
		font-size: 1.4vw;
		position: absolute; 
		top: 3px; 
		left: 10px; 
		border: 1px solid #505050;
		padding: 0px 5px;
		background-color: #d8d8d8;
		opacity: 0.7;
		visibility: hidden;
		}
		
	#LDC-lista-dist {
		padding-left: 3vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		}
	
	#LDC-lista-dist ul li{
		text-decoration: none;
		list-style-type: none;
		font-size: 1.4vw;
		line-height: 1.6vw;
		}
	
	#LDC-lista-dist ul li a{
		color: blue;
		}
	
/*---------------------------------------------------------------------------*/
/*   Styling para páginas de Lugares de Culto - Distritos	                 */
/*---------------------------------------------------------------------------*/

	.cada-LDC {
		position: relative;
		clear: both;
		}
		
	.cada-LDC::after {
		clear: both;
		}
		
	.cada-LDC h1	{
		font-family: "Segoe UI Semibold";
		font-size: 2.4vw;
		text-align: left;
		margin: 2vw 0 1vw;
		}
		
	.cada-LDC h3	{
		font-family: "Segoe UI Semibold";
		font-size: 2.7vw;
		text-align: left;
		margin: 2vw 0 1.5vw;
		}
		
	.LDC-zona-SanFil, .LDC-zona-SanFil2 {
		display: block;
		float: left;
		position: relative;
		margin: 0vw 2.6vw 1.2vw 0vw;
			}
			
	.LDC-foto-SanFil, .LDC-foto-SanFil_P {
		height: auto;
		padding: 0.5vw;
		border: solid 1px #EFEFEF;
        box-shadow: 1px 1px 5px #999;
			}
			
	.LDC-foto-SanFil {width: 14.7vw;}
			
	.LDC-foto-SanFil_P {width: 21.05vw;}
			
	.cada-LDC .enlarge-icon {
		position: absolute;
		top: 1.1vw;
		left: 11.1vw;
		width: 2.5vw;
		height: auto;
		}
		
	.cada-LDC .enlarge-land-icon {
		position: absolute;
		top: 1.1vw;
		left: 17.6vw;
		width: 2.5vw;
		height: auto;
		}
	
	.cada-LDC .vermais-icon {
		position: absolute;
		top: 1.1vw;
		left: 11.1vw;
		width: 2.5vw;
		height: auto;
		}
	
	.cada-LDC .enlarge-icon_l {
		position: absolute;
		top: 1.1vw;
		left: 17.4vw;
		width: 2.5vw;
		height: auto;
		}
	
	.LDC-zona-texto {
		display: block;
		}

	.LDC-zona-igreja {
		position: relative;
		margin: 0vw 0vw 1.2vw 2.6vw;
		float: right;
		display: inline;
		width: 33.6%;
		}
		
	.LDC-foto-igreja {
		width: 100%;
		height: auto;	
		padding: 0.5vw;
		border: solid 1px #EFEFEF;
        box-shadow: 1px 1px 5px #999;
		}
	
	.LDC-mapa-icon {
		position: absolute;
		bottom: 1vw;
		right: 1vw;
		width: 3.5vw;
		height: auto;
		}

	.LDC-mapa-icon:hover {
		transform:scale(1.05);
		}
	
	.cada-LDC p {text-align: justify;}
	
	.cada-ldc-center {text-align: center !important;}
	
/*---------------------------------------------------------------------------*/
/*   Styling para Devocionário                                               */
/*---------------------------------------------------------------------------*/

	#main-devocionario {
		display: flex;
		}
	
	#main-devocionario-menu {
		width: 12%;
		margin-right: 4%;
		}
	
	#main-devocionario-texto {
		width: 88%;
		}
	
	#main-devocionario-texto div {
		position: relative;
	}
	
	#devoc-indice-button {
		position: sticky;
		top: 2vw;
		box-shadow: 2px 2px 4px #333333;
		cursor: pointer;
		}
		
	#devoc-indice-button br { 
		display: none;
		}
		
	.devocionavio-nav {
		position: fixed;
		top: 0;
		left: 0;
		width: 0;
		height: 100%;
		font-family: "Segoe Ui", "Century Gothic", Verdana, Arial;
		text-align: left;
		font-size: 1.9vw;
		background-color: #FFF7EA;   /* rgb(255,247,234); */
		box-shadow: 2px 2px 4px #333333;
		overflow-x: hidden;
		transition: 0.5s;
		z-index: 2;
		}

	.devocionavio-nav p {
		background: #ff6c68;
		text-align: center;
		line-height: 2.9vw;
		font-size: 110%;
		}

	.devocionavio-nav p .closebtn {
		position: absolute;
		top: -0.2vw;
		right: 1.5vw;
		font-size: 120%;
		background: #ff6c68;
		}

	.devocionavio-nav p .closebtn:hover {
		transform: scale(1.1);
		text-decoration: none !important;
		cursor: pointer;
		}
		
	.devocionavio-nav a {
		display: block;
		padding: 1vw 1vw 1vw 1.5vw;
		text-decoration: none;
		line-height: 0.5vw;
		color: blue;
		transition: 0.3s;
		}

	.devocionavio-nav a:hover {
		text-decoration: underline;
		}

	.oracoes-print-button {	
		display: block;
		margin-left: 65vw;
		width: 4vw;
		height: 4vw;
		}
		
	.oracoes-print-button:hover {
		cursor: pointer;
		}

/*---------------------------------------------------------------------------*/
/*   Styling para Devotos Ilustres                                 */
/*---------------------------------------------------------------------------*/

	#main-devotos {
		padding-top: 2vw;
		padding-right: 8vw;
		padding-bottom: 0;
		padding-left: 8vw;
		}
		
	.cada-devoto {
		padding: 2.5vw 0vw;
		display: block;
		}

	.cada-devoto::after {
		content: "";
		clear: both;
		display: table;
		}

	.cada-devoto img {
		margin-right: 3vw;
		margin-bottom: 3vw;
		float: left;
		width: 20%;
		padding: 0.5vw;
		border: solid 1px #EFEFEF;
        box-shadow: 1px 1px 5px #999;
		}
		
	.cada-devoto div {
		width: 100%;
		}		

	.cada-devoto h5 {
		padding-bottom: 1.5vw;
		}

/*---------------------------------------------------------------------------*/
/*   Styling para a página de Bibliografia                                   */
/*---------------------------------------------------------------------------*/

	.cada-livro {
		position: relative;
		margin: 1.5vw 3vw 4.5vw 3vw;
		}
		
	.cada-livro::after {
		content: "";
		display: block;
		clear: both;
		}	
		
	.cada-livro h1 {
		font-family: "Segoe UI Semibold";
		font-size: 2.7vw;
		text-align: left;
		padding-bottom: 2vw;
		}
		
	.livro-zona-foto {
		display: block;
		float: left;
		position: relative;
		margin-right: 3vw;
		margin-bottom: 2vw;
		}
			
	.livro-foto-thumb {
		width: 18vw;
		height: auto;
		padding: 0.5vw;
		border: solid 1px #EFEFEF;
        box-shadow: 1px 1px 5px #999;
			}
			
	.cada-livro .enlarge-icon {
		position: absolute;
		top: 1.1vw;
		left: 14.7vw;
		width: 2.5vw;
		height: auto;
		}

	.cada-livro .close-icon {
		left: 56.1vw;
		}
	
/*---------------------------------------------------------------------------*/
/*   Styling para a página de Contacte-nos                                   */
/*---------------------------------------------------------------------------*/

	#main-contacto p{
		text-align: center;
	}

	#outer-ct-form iframe {
		margin: 0 27vw;
		width: 40vw;
	}
	
/*---------------------------------------------------------------------------*/
/*   Styling para a página do Mapa do Site                                   */
/*---------------------------------------------------------------------------*/

	#main-mapadosite {
		padding-left: 12vw !important;
		}

	#main-mapadosite ul {
		position:relative;
		margin-left: 3vw !important;
		list-style:none;
	}

	#main-mapadosite ul::before {
		content:"";
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		display:block;
		width:0;
		border-left: 1px solid;
		}

	#main-mapadosite li {
		position: relative;
		margin:0;
		padding-left: 3vw;  /* indentation  */
		line-height: 1.25; /* default list item's `line-height` */
		}

	#main-mapadosite li::before {
		content:"";
		display:block;
		width:10px; /* same with indentation */
		height:0;
		border-top:1px solid;
		margin-top:-1px; /* border top width */
		position:absolute;
		top:1em; /* (line-height/2) */
		left:0;
		}

	#main-mapadosite li:last-child:before {
		background: #FFF7EA; /* same with body background */
		height:auto;
		top:1em; /* (line-height/2) */
		bottom:0;
		}
		
/*-------------------------------------------------------------------------------*/
/* 	para as Novenas   */
/*------------------------------------------------------------------------------*/

		.novena-print-button {	
			position: absolute;
			right: 13.1vw;
			bottom: 1.5vw;
			width: 3.5vw;
			height: auto;
			z-index: 1;
			}	

		.novena-print-button:hover {
			transform:scale(1.05);
			cursor: pointer;}
				

/*---------------------------------------------------------------------------*/
/*   Styling para Image-overlay (enlarge das imagens )                     */
/*---------------------------------------------------------------------------*/

	.enlarge-icon:hover {
		transform:scale(1.1);
		}

	.enlarge-icon_l:hover {
		transform:scale(1.1);
		}

	.image-overlay-img {
		width: 0px;
		height: 0px;
		position: fixed;
		overflow: hidden;
		left: 0px;
		top: 0px;
		padding: 0px;
		z-index: 98;
		text-align: center;
		background: rgb(241,210,194);     /* serve para cobrir o fundo  */
		background: radial-gradient(rgba(255,255,255,0.56) 0%, rgba(241,210,194,1) 100%); /* Standard syntax */
		}

	.image-overlay-img > div{
		position: relative;
		color: rgba(27,54,81,0.8);
		opacity: 0;
		transition: opacity 0.3s linear 1.3s;
		}

	.image-overlay-img img{
		/* height: 100%; For Opera max-height does not seem to work */
		max-height: 45vw;
		position: relative;
	}
	
	.image-overlay-img:target {
		width: auto;
		height: auto;
		bottom: 0px;
		right: 0px;
		padding: 0.5vw;
	}

	.image-overlay-img:target img {
		animation: fadeInScale 1.2s ease-in-out;
	}

	.close-icon, .close-icon_l {
		position: absolute;
		top: 0.7vw;
		width: 7.5vw;
		height: auto;
		z-index: 99;
		overflow: hidden;
		}
		
	.cada-LDC .close-icon {
		left: 56.6vw;
		}
		
	.cada-LDC .close-icon_l {
		left: 75.9vw;
		}
		
	.cada-devocional .close-icon {
		left: 75.9vw;
		}
		
	.image-overlay-img a.close-icon:hover,
	.image-overlay-img a.close-icon_l:hover {
 		background: rgba(245,36,25,0.9);
		border-bottom: none !important;
		}

	.image-overlay-img:target a.close-icon,
	.image-overlay-img:target > div{
		opacity: 1;
		}

	@keyframes fadeInScale {
	  0% { transform: scale(0.6); opacity: 0; }
	  80% { transform: scale(1); opacity: 1; }
	}
	
/*-----------------------------------------------------------------------------*/
/*     Style para as Novenas                                                   */
/*-----------------------------------------------------------------------------*/	



/*-----------------------------------------------------------------------------*/
/*     Media queries        					                               */
/*-----------------------------------------------------------------------------*/

		.col-1 {width: 8.33%;}
		.col-2 {width: 16.66%;}
		.col-3 {width: 25%;}
		.col-4 {width: 33.33%;}
		.col-5 {width: 41.66%;}
		.col-6 {width: 50%;}
		.col-7 {width: 58.33%;}
		.col-8 {width: 66.66%;}
		.col-9 {width: 75%;}
		.col-10 {width: 83.33%;}
		.col-11 {width: 91.66%;}
		.col-12 {width: 100%;}
		
		
	@media screen and (max-width: 600px){
		/* For mobiles: */
		body {clear: both;}
		#header-nome-webpage {font-size: 150% !important;}
		#header-texto-sfep   {font-size: 250% !important;}
		
		#homepage_icon, #goback_icon {width: 5.1vw; bottom: 1.5vw;}
		[class*="col-"] {width: 100%;}
		main, main p {font-size: 4.2vw !important; line-height: 1.5 !important;}
		main h3, .cada-LDC h1{font-size: 4.9vw !important;}
		.fpos {font-size: 3.9vw !important;}
		.enlarge-icon {display: none;}
	 	a.back-to-top {right: 2.5vw; bottom: 2.5vw; width: 8.1vw; height: 8.1vw;} 
		/*   p/ Arquiconfraria   */
		#main-arquiconfraria {padding: 1.1vw 1.1vw;}
		#main-arquiconfraria div {display: flex; flex-direction: column;}
		#main-arquiconfraria #arch-logo {width: 60%; clear: left; margin: 0 auto;}
		#main-arquiconfraria #img-MGB, #main-arquiconfraria #img-FLP, #main-arquiconfraria #img-BML {width: 75%; margin: 3vw auto;}
		/*   p/ Patrocínio   */
		#main-patrocinio {flex-direction: column;}
		#main-patrocinio figcaption {font-size: 100%;}
		/*   Itens Devocionais   */
		#myLista-open-button {display: block;}
		#main-devocionais nav {display: none;}
		#main-devocionais article {width: 100%; margin-top: -6.5vw; padding: 1vw 3vw; }
		.cada-devocional h1 {font-size: 4.1vw;}
		.img-devocional {margin: 1vw; border: thin silver solid; padding: 0.5em; width: 100%; height: auto;}
		/*   p/ Lugares de Culto - páginas do Mapa/Menu   */
		#main-LDC-mapa {flex-direction: column;}
		#aolado {display: none;}
		#abaixo {display: inline;}
		#LDC-mapa-texto p {font-size: 3.8vw; line-height: 4.56vw; text-align: left;}
		#LDC-mapa-pt {display: none;}
		#distrito-name {display: none;}
		#LDC-lista-dist {padding: 2vw 0vw; flex-direction: row; align-items: flex-start;}
		#LDC-lista-dist ul {padding: 2vw 4vw; width: 100%;}
		#LDC-lista-dist ul li{font-size: 4.5vw; line-height: 1.6;}
		/*   p/ Lugares de Culto - páginas dos Distritos   */
		#header-banner-texto {bottom: 1.5vw;}
		.cada-LDC h1 {font-size: 150%;}		
		.cada-LDC .vermais-icon {top: 3.6vw; left: 67.4vw; width: 10.5vw;}
		.LDC-foto-SanFil {width: 70vw; margin:1vw 10vw;}
		.LDC-foto-estandarte {width: 70vw; margin:1vw 10vw;}
		.LDC-zona-igreja {width: 90vw; margin: 1vw 1vw;} 
		.LDC-mapa-icon {bottom: 2vw; right: 2vw; width: 7.5vw;}
		/*   p/ Devocionário   */
		#main-devocionario-menu {width: 16%;}
		#main-devocionario-texto {width: 84%;}
		#devoc-indice-button br {display: inline;}
		.devocionavio-nav p {font-size: 3.9vw; line-height: 1.5;}
		.devocionavio-nav p .closebtn {top: -1.3vw;}
		.devocionavio-nav a {font-size: 3.4vw; line-height: 1.2;}
		#main-devocionario-texto div h1	{font-size: 3.9vw;}
		.oracoes-print-button {display: none;}
		/*   p/ Devotos Papas   */
		#main-devotos {padding-right: 3vw; padding-left: 3vw;}
        .cada-devoto {display: flex; flex-direction: column; order: 0;}
		.cada-devoto img {width: 70%; height: 70%; margin: 0 auto;}
		.cada-devoto h5 {margin-top: 3vw; text-align: center;}
		/*   p/ página Bibliografia   */
		.cada-livro {display: flex; flex-direction: column; margin: 1.5vw}
		.cada-livro h1 {font-size: 4.5vw; text-align: center;}
		.livro-foto-thumb {width: 80%; display: block; margin: 2.5vw auto;}
		
		.novena-print-button {width: 5.1vw;}

		/*   p/ a página de Contactos   */
		#outer-ct-form iframe {margin: 0; width: 100%;}
		/*   para a págine de Mapa do Site   */
		#main-mapadosite {padding: 1.1vw !important;}
		#main-mapadosite ul {margin-left: 1vw !important;}
		#main-mapadosite li {line-height: 1.6;}
		
			}