html            {font-family: "merienda";
	            font-size: clamp(1.09rem, 6vw, 1.1rem);
				 line-height: 1.2;
				 overflow-x:hidden;
				 }
body            {
	              background-attachment: fixed;
	              background-size: 100% auto;
				  margin-right: 16.5%;
				  margin-left: 16.5%;
				}
main, menu, nav{
                 display: block;
				}			  	
b,strong, optgroup{
	font-weight: bold;
	            }
img         {
	             margin-bottom: 2px;
				}
p           {
                 text-indent: 30px;
				 font-weight:bold;
                }
blockquote  {
				 font-weight:bold;
                }
em          {  
                 font-style: normal;
				 }
ul  {	
	list-style-type:none;
	margin-top:-1%;
	margin-left:1.5%;
	margin-right: -5%;
	}

    ul.s
       {
		list-style-type: square;
		margin-left:-2.5%;
		margin-right: 0%;
	}
    ul.R
       {
		list-style-type:square;
		margin-left:0%;
		margin-right: 0%;
        text-align: left;
	}
    ul.RD
       {
		list-style-type:square;
		margin-left:0%;
		margin-right: 0%;
        text-align: left;
	}	
    ul.R li::marker
       {color:#f8f902;
		font-size: 80%;
	}
    ul.RD li::marker
       {color:#480f0f;
		font-size: 80%;
	}

	ul li::marker {
                  color: #0017ec;
                  font-size: 110%;
}
    ul.N
       {
		list-style-type: decimal-leading-zero;
		margin-left:-2.5%;
		margin-right: 0%;
	}
	ul.D {
		list-style-type: disc;
		margin-left:-2.5%;
		margin-right: 0%;
	}
	ul.D li::marker {
                  color: #c82323;
                  font-size: 110%;
}
ol {
	list-style-type:none;
	padding-top:1%;
	margin-top:1%;
	margin-left:-18%;
	}
	ol li::marker {
                  color: transparent;
                  font-size: 100%;
}	
	ol.olsub {
	background-color: rgba(204,170,0,0.5);
	     padding-top: 2px;  
	     padding-right: 2px;  
	     padding-bottom: 2px;  
	     padding-left: 2px;  
	     margin-bottom: 2px;
	     margin-right:7px;
		 margin-left: 0%;
	     border-width:1px;
         border-style: solid;
         border-color: gold;
	border-radius: 5px;
	list-style-type:none;
	}
h2 {
	font-size: clamp(1.2rem, 10vw, 1.3rem);
    color: #c1a025b0;
    text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
    text-align: center !important;
    }
h3 {
	  font-size: clamp(1.5rem, 6vw, 2.5rem);
        color: #c1a025b0;
        text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
	  font-family: "merienda";
	  line-height: 90%;
	  margin-bottom: 1px;
	  margin-top:2.4%;
	  text-align: center !important;
	}
h3.pref  {
	  font-size:140%;
	  font-family: "merienda";
	  line-height: 90%;
      border-color: #ffdd5cde; 
	  margin-top:2.4%;
	  text-align:left !important;
	}	
	


h5 { 
      font-size: 150%;
	  color: #c2ab11;
      text-shadow:-1px -2px black, 0px 2px black, 1px 0 black, 0 -1px black;
	  font-family: "merienda";
	  text-align: center;
	  margin-top: -4.5%;
	  margin-bottom: 6%;
	  margin-left: 40px;
	}	


/*XXXXXX   CLASSES - IMAGENS   XXXXX*/

.imgmenu {   
		          width: 160px;
				  height: auto;
				  margin-right: 0%;
				  margin-left:18%;				  
				  box-sizing: content-box;
				  display: flex;
				  position: relative;
                  top: -6.5%;
                  left: 1px;
				}


.img1home {   
		          width: 160px;
				  height: auto;
				  margin-right: 0%;
				  margin-left:10%;				  
				  box-sizing: content-box;
				  display: flex;
				  position: relative;
                  top: 17.5%;
                  left: 1px;
				}
.img2home {   
		          width: 160px;
				  height: auto;
				  margin-right: 0%;
				  margin-left:24%;				  
				  box-sizing: content-box;
				  display: flex;
				  position: relative;
                  top: 17.5%;
                  left: 1px;
				}
.img3home {   
		          width: 160px;
				  height: auto;
				  margin-right: 0%;
				  margin-left:21%;				  
				  box-sizing: content-box;
				  display: flex;
				  position: relative;
                  top: 17.5%;
                  left: 1px;
				}
.img4home {   
		          width: 160px;
				  height: auto;
				  margin-right: 0%;
				  margin-left:17%;				  
				  box-sizing: content-box;
				  display: flex;
				  position: relative;
                  top: 17.5%;
                  left: 1px;
				}	
.img5home {   
		          width: 160px;
				  height: auto;
				  margin-right: 0%;
				  margin-left:22.5%;
				  margin-top: -13%;	
				  margin-bottom: 1%;			  
				  box-sizing: content-box;
				  display: flex;
				  position: relative;
                  left: 1px;
				}					
.img1 {
			width: 70%;
			height: auto;
			margin: 2% 2% 2% 11%;
			box-sizing: border-box;
		    }
.img1A {
			width: 60%;
			height: auto;
			margin: 2% 2% 2% 16%;
			box-sizing: border-box;
		    }
.img1B {
			width: 50%;
			height: auto;
			margin: 2% 2% 2% 21%;
			box-sizing: border-box;
		    }
.img1C {
			width: 34%;
			height: auto;
			margin: 0% 5% 2% 29%;
			box-sizing: border-box;
			clear: left;
		    }								
.img2 {
			width: 80%;
			height: auto;
			margin: 2% 2% 2% 6%;
			box-sizing: border-box;
		    }
	.img2R {
			float: right;
			width: 50%;
			height: auto; 
			margin: 2% 3% 2% 2%;
			box-sizing: border-box;
            }
	.img2L {
			float: left;
			width: 50%;
			height: auto; 
			margin: 2% 3% 2% -2%;
			padding-right:1.5%;
			box-sizing: border-box;
            }									
.img3 {
			float: left;
			width: 30%;
			height: auto;
			margin: 2% 3% 2% 2%;
			box-sizing: border-box;
			}
.img3D {
			float: left;
			width: 40%;
			height: auto;
			margin: 2% 7% 2% 2%;
			box-sizing: border-box;
			}			
.img3R {
			float: right;
			width: 30%;
			height: auto;
			margin: 2% 3% 2% 2%;
			box-sizing: border-box;
			}
.img7 {
		width:auto;
		height:auto;
		margin: 2% 5% 2% 5%;
		box-sizing: border-box;
		overflow: auto;
		}				
.sobrepor {
	z-index:3;
	overflow: auto;
	display:none;
	padding-top:0.7%;
	padding-right:0.7%;
	padding-bottom:0.7%;
	position:fixed;
	margin-left:-14%;
	top:9.5%;
	width:auto;
	height:85% ;
	background-color: #001101;
	border-radius: 15px;
	border-width: 5px;
	border-style: ridge;
    border-color: #efdb6d;
	} 
.sobrepor-conteudo{
    overflow: auto;
	margin-top:auto;
	margin-left:auto;
	margin-bottom:1%;
	background-color:#000000;
	position:relative;
	outline:0;
	width:90%;
	height:auto;
	}
.display-topright{
	 z-index:4;
	 position:relative;
	 padding-left: 100px;
	 font-family:"Bigshot One";
	 font-size: 100%;
     color: #987f21b3;
     text-shadow:1px -1px 0px #f9f7d1, -1px 1px black, 0px 0px 0px #000000, 0px 1px black ;			   
	 }
.animate-opacity{
	animation:opac 2.0s}@keyframes opac{from{opacity:0} to{opacity:1}
	}		
@keyframes opac {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/

/* XXXXXXXX  CLASSES HOMEPAGE   XXXXXXXX*/	
.img1h {
	height: auto;
	margin-top:6.7%;
	margin-right: 4.5%;
	margin-left:6%;				  
	box-sizing: content-box;
	display: inline-block;
	position: relative;
    top: 10%; left: 1px;				  
	}			
.img2h {
	height: auto;
	margin-right:5%;
	margin-left:7%;
	 box-sizing: content-box;  
	display: inline-block;
	position: relative;
    top: 10%;
    left: 1px;			  
	}				
.img3h {
	height: auto;
	margin-right:4.5%;
	margin-left: 6.5%;
	box-sizing: content-box;  
	display: inline-block;
	position: relative;
    top: 10%;
    left: 1px;
	}
.img4h {
	height: auto;
	margin-right: 0.8%;
	margin-left:6.5%;				  
	box-sizing: content-box;
	display: inline-block;
	position: relative;
    top: 10%;
    left: 1px;
	}
.row {
	width:100%;
	}	
.row::after {
	content:"";
	display:table;
	clear:both;
	}

.footerj      {
		          position: fixed;
		          margin-left: -16%;
                  bottom: 0;
		          width:100%;
		          padding-top: 6px;
		          padding-bottom: 3px;
		          font-family: "Modern No. 20";
		          display: block;
		          }	
.footerjpref      {
		          position: fixed;
		          margin-left: -19%;
                  bottom: 0;
		          width:100%;
		          padding-top: 6px;
		          padding-bottom: 3px;
		          font-family: "Modern No. 20";
		          display: block;
		          }					  	
.header1 {
		  position: fixed;
		  width: 72.8%;
		  margin-top: -8.15%;
		  margin-left: -1.9%;
		  margin-right: 0%;
		  display: block;
		  z-index: 1;
}	
.headerdogma {
		  position: fixed;
		  width: 100%;
		  margin-top: -8.15%;
		  margin-left: -16%;
		  margin-right: 0%;
		  display: block;
		  z-index: 1;
}				 
.fotoindex{
    position: fixed;
	width: 66.4%;
	margin-top: 15%;
	margin-right: 0%;
	margin-left: -1%;
	display: block;
	z-index: 3;
    }
.textpos{
	margin-top: -23%;
	margin-left: -1%;
	position: relative;
	z-index: 1;
	overflow: hidden;		 
    }
	
/* XXXXXXXX  CLASSES MENU NAVEGAÇÃO   XXXXXXXX*/	

.accordionh {
    background-color: transparent;
    width: 90%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
	line-height: 1.2;
    text-decoration: none;
	padding-top: 2px;  
	padding-bottom: 2px;  
	margin-bottom: 2px;
	margin-left: 1px;
	margin-right: 1px;	
    }
.menuaccord {
    display: none;
    background-color: #aaa38685;
    overflow: auto;
	padding-top: 2px;  
	padding-right: 2px;  
	padding-bottom: 2px;  
	padding-left: 2px;  
	margin-bottom: 2px;
	margin-right:2%;
	margin-left:-4%;
	border-width:1px;
    border-style: solid;
    border-color:#53ff20;
	border-radius: 5px;
	text-align: left; 
    }
.menuaccorddogma {
    display: none;
    background-color: #6c53286e;
    overflow: auto;
	padding-top: 2px;  
	padding-right: 2px;  
	padding-bottom: 2px;  
	padding-left: 2px;  
	margin-bottom: 2px;
	margin-right:2%;
	margin-left:-4%;
	border-width:1px;
    border-style: solid;
    border-color:#53ff20;
	border-radius: 5px;
	text-align: left; 
    }
.menuaccorddogma1 {
    display: block;
    background-color: #6c53286e;
    overflow: auto;
	padding-top: 2px;  
	padding-right: 2px;  
	padding-bottom: 2px;  
	padding-left: 2px;  
	margin-bottom: 2px;
	margin-right:2%;
	margin-left:-4%;
	border-width:1px;
    border-style: solid;
    border-color:#53ff20;
	border-radius: 5px;
	text-align: left; 
    }			
.menuaccord1 {
    display: block;
    background-color:#e4c777f7 ;
    overflow: hidden;
	padding-top: 2px;  
	padding-right: 2px;  
	padding-bottom: 2px;  
	padding-left: 0px;  
	margin-bottom: 2px;
	margin-right:2%;
	margin-left:0%;
	border-width:2px;
    border-style: solid;
    border-color:#c81a1a;
	border-radius: 5px;
	text-align: left; 
    }
.menuaccordV {
    display: none;
    background-color: #aaa38685;
    overflow: auto;
	padding-top: 2px;  
	padding-right: 2px;  
	padding-bottom: 2px;  
	padding-left: 2px;  
	margin-bottom: 2px;
	margin-right:2%;
	margin-left:-2%;
	border-width:1px;
    border-style: solid;
    border-color:#53ff20;
	border-radius: 5px;
	text-align: left; 
    }
.menuaccordB{
    display: none;
    background-color: #aaa38685;
    overflow: auto;
	padding-top: 2px;  
	padding-right: 2px;  
	padding-bottom: 2px;  
	padding-left: 2px;  
	margin-bottom: 2px;
	margin-right:2%;
	margin-left:-2%;
	border-width:1px;
    border-style: solid;
    border-color:#53ff20;
	border-radius: 5px;
	text-align: left; 
    }
.menuaccordP{
    display: none;
    background-color: #aaa38685;
    overflow: auto;
	padding-top: 2px;  
	padding-right: 2px;  
	padding-bottom: 2px;  
	padding-left: 2px;  
	margin-bottom: 2px;
	margin-right:8%;
	margin-left:-2%;
	border-width:1px;
    border-style: solid;
    border-color:#53ff20;
	border-radius: 5px;
	text-align: left; 
    }	
.activej      {
	              background-color: #ff3a3a;
				  margin-right:14px;
				  margin-left:2px;
				  border-radius: 5px;
				  border-style: solid;
				  border-width: 1px;
				  border-color: #ffff99;
                  }
.activedogma      {
	              background-color:#f6191959;
				  margin-right:14px;
				  margin-left:2px;
				  border-radius: 5px;
				  border-style: solid;
				  border-width: 3px;
				  border-color: #e70b0b;
                  }

.activejsub      {
	                     background-color: #f55e5e;
				         border-radius: 5px;
				         border-style: solid;
				         border-width: 1px;
				         border-color: #ffff99;
                  }
.activejB      {
	                     background-color: #d36868;
				         border-radius: 5px;
				         border-style: solid;
				         border-width: 1px;
				         border-color: #ffff99;
                  }				  
.activemenu {
	              background-color: #660000;
				  margin-right:7px;
				  margin-left:1px;
				  border-radius: 5px;
				  border-style: solid;
				  border-width: 1px;
				  border-color: #ffff99;
                  }
.activemenuJ {
	              background-color: #1f6a01;
				  margin-right:7px;
				  margin-left:1px;
				  border-radius: 5px;
				  border-style: solid;
				  border-width: 2px;
				  border-color: #ffff99;
                  }				  
.activemenuB {
	              background-color: #0000b2;
				  margin-right:7px;
				  margin-left:1px;
				  border-radius: 5px;
				  border-style: solid;
				  border-width: 2px;
				  border-color: #fcf200;
                  }
.activemenuP {
	              background-color: #90219a;
				  margin-right:18px;
				  margin-left:1px;
				  border-radius: 5px;
				  border-style: solid;
				  border-width: 2px;
				  border-color: #0000b2;
                  }
.activemenuDogma {
    background-color: #ac9a2029;
    margin-right: 18px;
    margin-left: 1px;
    border-radius: 5px;
    border-style: solid;
    border-width: 2px;
    border-color: #605f2a;
}				  					  		  
.sidenavj {
				  height: 85%;
				  padding-bottom: 0%;
				  margin-left:-15.6%;
				  margin-top: -8.10%;
				  position: fixed !important;
				  z-index: 1;
				  overflow: auto;				  				  				  
				  border-radius: 5px;
				  border-width: 2px;
				  border-color: #190ccc;
				  border-style: solid;
			      transition: 0.5s;
				  }
			  
	.sidenavj a   {
				  padding: 3px 3px 4px 3px;
				  font-family: 'BigshotOne';
				  line-height: 1;
				  display:block;
				  transition: 0.3s;
				  }				  
		.sidenavj a:hover{	
				  background-color:#2dc300;
				  height:auto;
				  width: 95%;
				  margin-right:4px;
				  margin-left:1px;
				  padding:3px 4px 4px 3px;
				  border-radius: 5px;
				  border-style: solid ;
				  border-color: gold;
				  border-width: 1px;
				  }
				.sidenav.closebtn {
                       position: absolute;
                       top: 0;
                       right: 25px;
                       font-size: 36px;
                       margin-left: 50px;
                  }
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}
.sidenavl {
				  height: 99%;
				  padding-bottom: 0%;
				  margin-left:-15.4%;
				  margin-top: -8%;
				  position: fixed !important;
				  z-index: 1;
				  overflow: auto;
				  border-radius: 5px;
				  border-width: 1px;				  
				  border-color: #5d0a0a;
				  border-style: solid ;				  				  
				  }
.sidenavpref {
				  height: 86%;
				  padding-bottom: 0%;
				  margin-left:-18%;
				  margin-top: -7.5%;
				  position: fixed !important;
				  z-index: 1;
				  overflow: auto;
				  border-radius: 5px;
				  border-width: 1px;				  
				  border-color: gold;
				  background-color: #660000;
				  border-style: solid ;				  				  
				  }	
.sidenavpref a  {
				  padding: 3px 3px 4px 3px;
				  font-family: 'BigshotOne';
				  font-size: 100%;
				  line-height: 1;
				  display:block;
	              color: #5d0a0a;	            
	              font-family: "Bigshot One";
	              margin-right: 1px;
	              margin-left: 1px;
                  } 
.sidenavpref a:hover{	
				  background-color:#2dc300;
				  height:auto;
				  margin-right:4px;
				  margin-left:1px;
				  padding:3px 4px 4px 3px;
				  border-radius: 5px;
				  border-style: solid ;
				  border-color: gold;
				  border-width: 1px;
				  }					  			  
.sidenavl a  {
				  padding: 3px 3px 4px 3px;
				  font-family: 'BigshotOne';
				  font-size: 100%;
				  line-height: 1;
				  display:block;
	              color: #5d0a0a;	            
	              font-family: "Bigshot One";
	              margin-right: 1px;
	              margin-left: 1px;
                  } 
.sidenavl a:hover{	
				  background-color:#2dc300;
				  height:auto;
				  margin-right:4px;
				  margin-left:1px;
				  padding:3px 4px 4px 3px;
				  border-radius: 5px;
				  border-style: solid ;
				  border-color: gold;
				  border-width: 1px;
				  }				  
a   {
    background-color: transparent;
    color: #000000;
	text-decoration: none;
    }				 
a :link	{
	text-decoration: none;}
    a.a1{
			background-color: transparent;
	    color: #5d0a0a;	            
	    font-family: "Bigshot One";
	    margin-right: 1px;
	    margin-left: 1px;
       } 
    a.a1:hover{	
	         background-color:#2dc300;
	         height:auto;
			 width: 85%;
	         margin-right: 1px;
	         margin-left: 1px;
	         padding: 1px 1px 1px 1px;
	         border-radius: 5px;
	         border-style: solid ;
	         border-color: gold;
	         border-width: 1px
	         }			  		
    a.a2{
        color:#16161c;
	    font-weight:bold;
	    font-family:"BishotOne";
	    font-size: 100%;	
	    text-shadow:-2px -2px 2px #f7f7b3;
	    }
	a.a2:hover{	
	         background-color:#2dc300;
	         height: auto;
	         margin-right: 0px;
	         margin-left: 0px;
	         padding: 1px 1px 1px 1px;
	         border-radius: 5px;
	         border-style: solid ;
	         border-color: gold;
	         border-width: 1px
	        }
    a.a3{ 
		background-color: transparent;
	    color: #5d0a0a;	            
	    font-family: "Bigshot One";
	    margin-right: 1px;
	    margin-left: 1px;
	}
a.R{ 
		background-color: transparent;
	    color: #5d0a0a;	            
	    font-family: "Bigshot One";
	    margin-right: 1px;
	    margin-left: 1px;
	}					  
				  
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/		



.left {
    clear: left;
    }

.penny       {
				  border-radius: 10px;
				  display: none;
				  width: 14%;
		         }

				  
				  
/* CLASSES PARA POINTTIP */
/* CLASS POINTTIP */
.tooltip-trigger {
  cursor: pointer;
}
.tooltip {
  position: absolute;
  background-color:#1F6A01;
  padding:3px 5px 3px 3px;
  border-radius: 3px;
  box-shadow:-3px -3px 4px 1px #1F6A01, 3px 3px 4px 1px #1F6A01, 3px -3px 4px 1px #1F6A01, -3px 3px 4px 1px #1F6A01;
  display: none;
    right: 2%;
	left: 2%;
    top: 1%;
    height:auto;
	width: 30%;
    border-style: solid;
    border-color: #f9eb7fec;
    border-width: 3px;
    color: #987f21b3;
    text-shadow: 1px -1px 0px #f9f7d1, -1px 1px black, 0px 0px 0px #000000, 0px 1px black;
    text-align: justify!important;
	z-index: 1000;
}
.tooltipb {
  position: absolute;
  background-color:#0000B2;
  padding:3px 5px 3px 3px;
  border-radius: 3px;
  box-shadow:-3px -3px 4px 1px #0000B2, 3px 3px 4px 1px #0000B2, 3px -3px 4px 1px #0000B2, -3px 3px 4px 1px #0000B2;
  display: none;
    right: 2%;
	left: 2%;
    top: 1%;
    height:auto;
	width: auto;
    border-style: solid;
    border-color: #f9eb7fec;
    border-width: 3px;
    color: #987f21b3;
    text-shadow: 1px -1px 0px #f9f7d1, -1px 1px black, 0px 0px 0px #000000, 0px 1px black;
    text-align: justify!important;
	z-index: 1000;
}
.tooltipp {
  position: absolute;
  background-color:#90219A;
  padding:3px 5px 3px 3px;
  border-radius: 3px;
  box-shadow:-3px -3px 4px 1px #90219A, 3px 3px 4px 1px #90219A, 3px -3px 4px 1px #90219A, -3px 3px 4px 1px #90219A;
  display: none;
    right: 2%;
	left: 2%;
    top: 1%;
    height:auto;
	width: 35%;
    border-style: solid;
    border-color: #f9eb7fec;
    border-width: 3px;
    color: #987f21b3;
    text-shadow: 1px -1px 0px #f9f7d1, -1px 1px black, 0px 0px 0px #000000, 0px 1px black;
    text-align: justify!important;
	z-index: 1000;
}
.tooltipm {
  position: absolute;
  background-color:#660000;
  padding:3px 5px 3px 3px;
  border-radius: 3px;
  box-shadow:-3px -3px 4px 1px #660000, 3px 3px 4px 1px #660000, 3px -3px 4px 1px #660000, -3px 3px 4px 1px #660000;
  display: none;
    right: 2%;
	left: 2%;
    top: 1%;
    height:auto;
	width: 35%;
    border-style: solid;
    border-color: #f9eb7fec;
    border-width: 3px;
    color: #987f21b3;
    text-shadow: 1px -1px 0px #f9f7d1, -1px 1px black, 0px 0px 0px #000000, 0px 1px black;
    text-align: justify!important;
	z-index: 1000;
}
.tooltipdogma {
  position: absolute;
  background-color:#36016acb;
  padding:3px 5px 3px 3px;
  border-radius: 3px;
  box-shadow:-3px -3px 4px 1px #4111a7a8, 3px 3px 4px 1px #4111a7a8, 3px -3px 4px 1px #4111a7a8, -3px 3px 4px 1px #4111a7a8;
  display: none;
    right: 2%;
	left: 2%;
    top: 1%;
    height:auto;
    border-style: solid;
    border-color: #f9eb7fec;
    border-width: 3px;
    color: #987f21b3;
    text-shadow: 1px -1px 0px #f9f7d1, -1px 1px black, 0px 0px 0px #000000, 0px 1px black;
    text-align: justify!important;
	z-index: 1000;
}	
.animate-fadingave{animation:fadingave 5s infinite}
	@keyframes fadingave{
		0%{opacity:0}
		50%{opacity:1}				
		100%{opacity:0}
		}	
.animate-fadingsemente{animation:fadingsemente 6s infinite}
		@keyframes fadingsemente{ 
		0%{opacity:0}
		50%{opacity:1} 
		100%{opacity:0}
		}				
.animate-fadingvida{animation:fadingvida 5s infinite}
		@keyframes fadingvida{ 
		0%{opacity:0}
		50%{opacity:1} 
		100%{opacity:0}
		}			
.animate-fadingdoutor{animation:fadingdoutor 6s infinite}
		@keyframes fadingdoutor{ 
		0%{opacity:0}
		50%{opacity:1} 
		100%{opacity:0}
		}
.animate-fadingchurch{animation:fadingchurch 6s infinite}
		@keyframes fadingchurch{ 
		0%{opacity:0}
		50%{opacity:1} 
		100%{opacity:0}
		}		
.transparent {
		display: block;
		overflow: hidden;
		margin-top: 12%;
		margin-bottom: 7%;
		margin-right: -2%;
	    color: #181b18;
        text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
		background-color: transparent;
	}
.transparentdogma {
		display: block;
		overflow: hidden;
		margin-top: 12%;
		margin-bottom: 7%;
		margin-right: -2%;
	    color: #102910;
        text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
		background-color: transparent;
	}



	

.justify {
		text-align: justify !important;
	}				
.transparentTT {
		display: block;
		overflow: hidden;
		margin-top: -32.5%;
		margin-bottom: 7%;
		margin-right: 5%;
		margin-left: 5%;
		 text-align: center !important;	
}
.square {
  display:inline-block;
  font-size: 50%;
  height:7px;
  width: 7px;
  border-style: solid;
  border-width: 1px;
  border-color: black;
  background-color:#f2e8a8;
  text-shadow:-3px -2px 0px black, 0px 2px 4px black, 1px -1px 0px #646312, 1px -2px 2px black;
}
#desc2 {
         font-size: 105%;
         color: #051785;
	     text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black; 
         padding: 5px;
         border-style: double;
         border-color: black;
         border-width: 3px 3px 3px 3px;
         border-radius: 30px 30px 0px 0px;
         box-sizing: border-box;
         text-align: center;
         margin-top: 10px;
         margin-bottom: 0px;
         margin-left: -83%;
         width: 289%;
        }
#desc3 {
         font-size: 105%;
         color: #051785;
	     text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black; 
         padding: 5px;
         border-style: solid;
         border-color: #051785;
         border-width: 3px 3px 3px 3px;
         border-radius: 30px 30px 0px 0px;
         box-sizing: border-box;
         text-align: center;
         margin-top: 10px;
         margin-bottom: 0px;
        } 		 	
#foto2 {
         font-family: "merienda";
         font-size: 120%;
		 font-weight: bold;
         color: #c1a025b0;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
         padding: 7px;
         border-style: solid;
         border-color: #660000;
         border-width: 0px 3px 3px 3px;
         border-radius: 0px 0px 7px 7px;
         box-sizing: border-box;
         text-align: center;
         margin-left: 5%;
         margin-top: -1.1%;
         width: 100%;
        }				
#foto2A {
	     font-family: "merienda";
         font-size: 90%;
		 font-weight: bold;
         color: #c1a025b0;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
		  }
#foto2homecabeca {
	     font-family: "Bigshot One";
         font-size: 110%;
        color: #c1a025b0;
        text-shadow:1px -1px 0px #fef981, -1px 1px 5px black, 1px 0px 7px #000000, 0px 1px black;
		  }
#foto2home {
	     font-family: "merienda";
         font-size: 105%;
		 font-weight: bold;
         color: #656d73a6;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 5px #000000, -2px -2px 1px black;
		  }		  
#foto2homepage {
	     font-family: "merienda";
         font-size: 95%;
		 font-weight: bold;
         color: #656d73a6;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 5px #000000, -2px -2px 1px black;
		  }	
#foto2homepage1 {
	     font-family: "merienda";
         font-size: 95%;
		 font-weight: bold;
         color: #0894bcc9;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 5px #000000, -2px -2px 1px black;
		  }			  		  
#foto2B {
         font-family: "merienda";
    color: #000000;
    font-style: italic;
    font-size:100%;
    text-shadow: 0px 0px 0px #4d1a9a0a, 0px 0px 0px #5d1f96, 0px 0px 0px #662a9b, -1px -1px 0px #ffffff;
         padding: 7px;
         border-style: solid;
         border-color: #660000;
         border-width: 0px 3px 3px 3px;
         border-radius: 0px 0px 7px 7px;
         box-sizing: border-box;
         text-align: center;
         margin-left: 5%;
         margin-top: -1.1%;
         width: 100%;
        }
#foto3 {
         font-family: "merienda";
         font-size: 120%;
		 font-weight: bold;
         color: #c1a025b0;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
         padding: 7px;
         border-style: solid;
         border-color: #660000;
         border-width:3px 3px 3px 3px;
         border-radius: 30px 30px 7px 7px;
         box-sizing: border-box;
         text-align: center;
         margin-top: -1.1%;
         width: 100%;
        }
#fotogold {
         font-family: "merienda";
         font-size: 120%;
		 font-weight: bold;
         color: #c1a025b0;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
         padding: 7px;
         border-style: solid;
         border-color: #660000;
         border-width: 0px 3px 3px 3px;
         border-radius: 0px 0px 7px 7px;
         box-sizing: border-box;
         text-align: center;
         margin-left: 5%;
         margin-top: -1.1%;
         width: 100%;
        }							
#stellaj {
         display: block;
         width: 100%;
         height: auto;
         margin-left: 5%;
         border-radius: 7px 7px 0px 0px;
         border-width: 3px 3px 3px 3px;
         border-style: solid;       
         border-color:#660000;
         box-sizing: border-box;
		 cursor: pointer;
        }
     
#stellaj1 {
         display: block;
         width: 100%;
         height: auto;
         margin-left: 5%;
         border-radius: 0px 0px 0px 0px;
         border-width: 3px 3px 3px 3px;
         border-style: solid;
         border-color: #051785;
         padding-bottom: 2px;
         box-sizing: border-box;
		 cursor: pointer;
        }
#hj2 {
	  font-size: 120%;
	  color: #4513ff;
        font-family: "Bishot One"; 
      text-shadow: -1px -1px 0px #d0d0be, -2px 1px 0px #c9bdbd, 0px -2px 0px #ffffe5, -3px 0px 8px #e2e10d;
	  line-height: 100%;
	  margin-bottom: 1px;
	  text-align: left !important;
	}		
#ouro   {
	    font-weight:bold ;
        font-size: 130%;
		margin-left: -1.5%;		
        }
#menu{
        font-family: "Bishot One";  
	    color: #d4bb16;
        text-shadow:-1px 0px 6px black, 0px 2px black, 2px -2px 0px #525106, 1px 3px 2px black;
		cursor: pointer;
   }
#menu1 {        	 
	     float: left;
		 font-size:150%;
         position: fixed;
		 margin-left: -11%;
		 margin-top:-6.5%;	
        }  
#menu2 {        	 
	     float: left;
		 font-size:150%;
         position: fixed;
		 margin-left: -14%;
		 margin-top:-6.5%;	
        }
#menuPais {        	 
	     float: left;
		 font-size:150%;
         position: fixed;
		 margin-left: -12%;
		 margin-top:-6.5%;	
        }	
#menuboa {        	 
	     float: left;
		 font-size:150%;
         position: fixed;
		 margin-left: -12%;
		 margin-top:-6.5%;	
        }			
#menu3 {        	 
	     float: left;
		 font-size:160%;
         position: fixed;
		 margin-left: -10%;
		 margin-top:-7.5%;	
        }
#menu4 {
    float: left;
    font-size: 160%;
    position: fixed;
    margin-left: -14%;
    margin-top: -11%;
}
#menu5 {
    float: left;
    font-size: 160%;
    position: fixed;
    margin-left: -16%;
    margin-top: -5.5%;
}				
#menudogma {        	 
         float: left;
		 font-size:140%;
         position: fixed;
		 margin-left: 0%;
		 margin-top:-5.1%;
		 color:#648285b8;
         text-shadow:1px -2px 0px #f6fff8, 0px 1.5px 2px #000000, 0px -3px 0px #050505, 2px 0px 0px #181717;
		 cursor: pointer;	 			
        }
#menudogmap {        	 
         float: left;
		 font-size:140%;
         position: fixed;
		 margin-left: 1.5%;
		 margin-top:-10.1%;
		 color:#648285b8;
         text-shadow:1px -2px 0px #f6fff8, 0px 1.5px 2px #000000, 0px -3px 0px #050505, 2px 0px 0px #181717;
		 cursor: pointer;	 			
        }					
 #home2{
         color:#00137F;
   }		
 #fecha {
	     padding: 5px;
	     color:#648285b8;
         text-shadow:1px -2px 0px #f6fff8, 0px 1.5px 2px #000000, 0px -3px 0px #050505, 2px 0px 0px #181717;
		 cursor: pointer;
    }
 #fecha1 {
	     padding: 5px;
		 color:#648285b8;
         text-shadow:1px -2px 0px #f6fff8, 0px 1.5px 2px #000000, 0px -3px 0px #050505, 2px 0px 0px #181717;
		 cursor: pointer;
    }					
#tam {
         width: 100%;
         height: auto;
         display: block;
         margin: auto;
         border-radius: 10px;
    }
 #palavra {
         color: #23f3fa;
         font-size: 100%;
         text-shadow:2px -1px 2px #090909, -2px 0px #000000, 3px 1px 5px #1d881f, -2px 2px 3px #000000;
        }	
 #palavra1 {
         color: #fffe7f;
         font-size: 100%;
         text-shadow:3px 0px 2px #090909, 0px 3px #000000, 3px 1px 5px #1d881f, -2px 2px 3px #000000;		 
        }
 #palavra2 {
         color: #3c21d0;
         font-size: 100%;
         text-shadow:-1px 1px 0px #fffcfc, 1px 1px #ffffff, -1px 1px 0px #efefef, -2px 2px 4px #000000;		 
        }	
 #palavra3 {
         color: #000000;
		 font-style: italic;
         font-size:88%;
         text-shadow:0px 0px 0px #4d1a9a0a, 0px 0px 0px #5d1f96, 0px 0px 0px #662a9b, -1px -1px 0px #ffffff;		 
        }							
#frase3 {
	    line-height: 1.3;
        font-size: 100%;
	     color:#f70000;
         text-shadow:-1px 1px 0px #000000, -2px -1px 4px #fff300, 1px 0px 6px #232020, -3px -2px 2px #ffffff	 
        }
#frase4 {
	     color:#648285b8;
         text-shadow:1px -2px 0px #f6fff8, 0px 1.5px 2px #000000, 0px -3px 0px #050505, 2px 0px 0px #181717;		 
        }
#frase5 {
         color: #c1a02596;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;	 
        }
#frase6 {
	     font-size: 115%;
         color: #055d8ec7;
         text-shadow:1px -1px 0px #fffede, -1px 1px black, 5px -1px 12px #000000, 0px 1px black;	 
        }					
#frase7 {
	     font-size: 115%;
         color: #de02ff87;
         text-shadow:1px -1px 0px #fffa8e, -3px 1px 2px black, 1px 0px 7px #000000, 3px -2px 2px #e5bf2fbf;	 
        }		

#frase8 {line-height: 2.2;
	     font-size: 100%;
         color: #7c1d1d99;
         text-shadow:1px -1px 0px #fffa8e, -3px 1px 2px black, 1px 0px 7px #000000, 3px -2px 2px #e5bf2fbf;	 
        }
#frase9 {
    line-height: 2.2;
    font-size: 100%;
    color: #31004ce0;
    text-shadow: 1px -1px 0px #fffa8e, -3px 1px 5px black, 1px -1px 0px #000000, 3px -2px 2px #e5bf2fbf;
}
#frase99 {
    line-height: 2.2;
    font-size: 100%;
    color: #6c681a96;
    text-shadow: 1px -1px 0px #fffa8e, -3px 1px 2px black, 1px 0px 7px #000000, 3px -2px 2px #e5bf2fbf;
}			

#frase4A {
	     color:#a9cbcecc;
         text-shadow:0px -2px 2px #1d1f1d, -2px 0px 0px #000000, 1px -1px 0px #656555, 1px 1px 0px #0a0a0a;		 
        }			
#z	{
	  font-size: 125%;	 
        }
#color	{
	     color:#e2e3bccc;
        }
#side 	{
	border-color: #d1d0e0;
        }	
#jardim {
         font-family: "merienda";
         font-size: 140%;
		 font-weight: bold;
         color: #c1a025b0;
         text-shadow:1px -1px 0px #fef981, -1px 1px black, 1px 0px 7px #000000, 0px 1px black;
         padding: 5px;
         border-style: solid;
         border-color: #660000;
         border-width: 3px 3px 3px 3px;
         border-radius: 35px 35px 0px 0px;
         box-sizing: border-box;
         text-align: center;
         margin-top: 10px;
         margin-bottom:10px;
         width: 100%;
        }						


 /* xxxxxxxxx SCROLL BAR xxxxxxxxxxx*/

		 /* width */
::-webkit-scrollbar {
  width: 10px;
  border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: green;
  border-radius: 5px; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #0022b1;
  border-radius: 5px; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #dac225;
  margin-right: 1px;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
}


.flex-home01 {
  background-color:transparent;
  margin: 22.3% 2% 45% 4%;
  text-align: left;
  flex: auto;
}	
.flex-home02 {
  background-color:transparent;
  margin: 22.3% -3% 45% -11%;
  text-align: left;
  flex: auto;
}	
.flex-home03 {
  background-color:transparent;
  margin: 22.3% 13% 45% -5%;
  text-align: left;
  flex: auto;
}	
.flex-home04 {
  background-color:transparent;
  margin: 22.3% -3% 45% -21%;
  text-align: left;
  flex: auto;
}	
.flex-home05 {
  background-color:transparent;
  margin: -30% -3% 47% -21%;
  text-align: left;
  flex: auto;
}

.flex-container {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
}
.flex-item01 {
  background-color:transparent;
  margin: 1% 1%;
  text-align: left;
  flex: 1;
}
.flex-item02 {
  background-color:transparent;
  margin: 1% 1%;
  text-align: left;
  flex: 1;
}
.headerHomePage{
	position: fixed;
	width: 68.4%;
	margin-top: -0.5%;
	margin-right: 0%;
	margin-left: -0.7%;
	display: block;
	z-index: 2;
    }	
.headerHome {
	position: fixed;
	width: 68.4%;
	margin-top: -0.50%;
	margin-right: 0%;
	margin-left: -0.7%;
	display: flex;
	z-index: 2;
}
#menuhp {
	float: left;
	font-size: 130%;
	position: fixed;
	margin-left: 1%;
	margin-top: 0%;
}
#h2jesus {
	margin-left: -32%;
	text-align: left;
}
.h2jesus {
	margin-left: 18%;
	text-align: left;
}
#h2maria {
	margin-left: -26%;
	text-align: left;
}
.h2maria {
	margin-left: 18%;
	text-align: left;
}
#h2boa {
	margin-left: -25%;
	text-align: left;
}
.h2boa {
	margin-left: 17%;
	text-align: left;
}
#h2pais {
	margin-left:-7%;
	text-align: left;
}
.h2pais {
	margin-left:15%;
	text-align: left;
}
#h2dogma {
	margin-left:-7%;
	text-align: left;
}
.h2dogma {
	margin-left:22.7%;
	text-align: left;
}
#uljesus {
	margin-left: -11%;
	width: 100%;
	text-align: left;
}
#ulmaria {
	margin-top: -3%;
	margin-left: -11%;
	width: 100%;
	text-align: left;
}
#ulboa {
	margin-left: -11%;
	width: 100%;
	text-align: left;
}
#ulpais {
	margin-left: -11%;
	width: 100%;
	text-align: left;
}	
#uldogma{
	margin-left: -11%;
	width: 100%;
	text-align: left;
}
.fade-infinite {
  animation: fadeInOut 3s infinite alternate; /* Loops every 3s */
}

@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.headtitulo{
	width: 68.4%;
	margin-top: 0%;
	z-index: 2;
	margin-right: 0%;
	margin-left: -0.7%;
	position: fixed;
}
.headtituloAAA{
	margin-top: -29.8%;

}		
.headfade{
	margin-top: -0.8%;
	margin-left: 0%;
	width: 100%;
}	



.sidenavnovo {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 2;
  top: 0.5%;
  left: 16%;
  overflow-x: hidden;
  transition: 0.7s;
  padding-top: 60px;
}

.sidenavnovo a {
  text-decoration: none;
  font-size: 100%;
  line-height: 1;  
  color:#648285b8;
  text-shadow:1px -2px 0px #f6fff8, 0px 1.5px 2px #000000, 0px -3px 0px #050505, 2px 0px 0px #181717;
  display: block;
  transition: 0.7s;
}

.sidenavnovo a:hover {
  color: #f1f1f1;
}

.sidenavnovo .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
.center{
  text-align: center;
}
.top{
  margin-top: -15%;
}
.R{
	     font-family: "merienda";
         font-size: 95%;
		 font-weight: bold;
         color: #656d73a6;
         text-shadow:1px -1px 0px #ffffff, -1px 1px black, 1px 0px 5px #000000, -2px -2px 1px black;
		  }

.site{
  word-break: break-all;
  text-decoration: underline solid rgb(12, 176, 241) auto;
  text-underline-position: under;  	
  line-height: 1.4;  
  font-size: 95%;
  color: #4b9dff;
  text-shadow:1px -1px 0px #0cc3ff00, -1px 1px #31449b00, -2px 1px 0px #0000005c, 1px 1px 5px #00000040;
		  }

.siteR{
  word-break: break-all;
  text-decoration: underline solid #220ff4 auto;
  text-underline-position: under;  	
  line-height: 1.4; 	
	     font-family: "merienda";
         font-size: 95%;
		 font-weight: bold;
         color: #3067f0;
         text-shadow:1px -1px 0px #ffffff, -1px 1px black, 1px 0px 5px #000000, -2px -2px 1px black;
		  }