.cf {
				display: grid;
				grid-template-columns: repeat(12,auto);
				grid-template-rows: repeat(5,auto);
				gap: 0 20px;
				font-size: max(.5lvw,11px);
			}
			
			div{
				padding: 0;
				margin: 0;
				list-style: none;		
				width: 100%;
				gap: 0 15px;
			}
			
			div a span {
				filter: drop-shadow(0 0 1px #000);
			}

			div a:not(.btnfechar a) {
				display: flex;
				text-align: center;
				align-items: center;
				justify-content: center;
				background: #ccc;
				/*border: 4px solid #fff;*/
				border-radius: 15px;
				overflow: hidden;
				text-decoration: none;
				font-weight: bold;
				color: #fff;
				height: 50px;
				box-shadow: 4px 4px 9px -4px rgba(0,0,0,0.4);
				-webkit-transition: all linear .1s;
				-moz-transition: all linear .1s;
				transition: all linear .1s;
			}
			div a span{
				display: block;
			}
	
			.level1 > li > a{
				margin-bottom: 25px;
			}
			
			.level2 div a {
				background-color: #80bc8c !important;
			}
			.level3 div a {
				background-color: rgba(99,99,99,0.8) !important;
			}
			.level5 div a {
				background-color: rgba(165,165,165,1) !important;
			}
			.level4 div {
				margin: 0 10% 0 0;
				position: relative;
				width: 90%;
			}
			.level4 div:first-child {
				margin: 0;
				width: 100%;
			}
			.level4 div a {
				background-color: rgba(62,191,187,1) !important;
			}
			.level1 div a {
				background-color: green !important;
			}
			.level6 div a, .level5 div:nth-child(12) a, .level5 div:nth-child(13) a, .level5 div:nth-child(14) a {
				background-color: cadetblue !important;
			}
			
			.level1 > div:nth-child(3)::before,
			.level1 > div:nth-child(2)::before {
				content: "";
				display: block;
				position: relative;
				width: 110%;
				height: 30px;
				border-top: 4px dotted black;
				border-left: 4px dotted black;
				z-index: -1;
				top: 0;
				left: 50%;
			}		
			.level1 > div:last-child::before {
				content: "";
				display: block;
				position: relative;
				width: 75%;
				height: 30px;
				border-top: 4px dotted black;
				border-right: 4px dotted black;
				z-index: -1;
				top: 0;
				right: 25%;
			}		
			.principal {
				content: "";
				display: block;
				width: 0;
				height: 115px;
				background: red;
				border-left: 4px solid #f00;
				top:-45;
				left: 50%;
				position: absolute;
				z-index: -1;
			}
			/*.level3 > div:first-child::before, */
			.level3 > div:first-child:before,
			.level4 div:first-child::after,
			.level5 div:first-child::before,
			.level5 div:last-child::before {
				content: "";
				display: block;
				position: relative;
				width: 0;
				height: 30px;
				border-left: 4px solid red;
				z-index: -1;
				top: 0;
				left: 50%;
				margin-left: 0;				
			}
			.level5 div:nth-child(6)::before {
				content: "";
				display: block;
				position: relative;
				width: 10px;
				height: 25px;
				border-right: 4px solid red;
				border-top: 4px solid red;
				z-index: -1;
				top: 0;
				left: 50%;
				margin-left: -10px;
			}
			.level2 div::before, 
			.level4 div:not(:first-child)::before, 
			.level6 div::before
			{
				content: "";
				display: block;
				position: relative;
				width: 150%;
				height: 25px;
				border-left: 4px solid red;
				border-top: 4px solid red;
				z-index: 1;
				top: 0;
				left: 50%;
				margin-left: 0px;
			}
			.level2 div:nth-child(4)::before,
			.level2 div:last-child::before,
			.level4 div:nth-child(5)::before,
			.level4 div:nth-child(6)::before,
			.level4 div:last-child::before,
			.level6 div:nth-child(3)::before,
			.level6 div:last-child::before
			{
				border-left: 0;
				border-right: 4px solid red;
				left: -100%;
			}
			.pres {
				content: "";
				display: block;
				width: 0;
				height: 105%;
				background: red;
				border-left: 4px solid #f00;
				position: absolute;
				z-index: -1;
			}
			.level3 > div:not(:last-child):not(:first-child) {
				margin: 10px 0;
			}
			.level3 > div:nth-child(even):not(:last-child)::before {
				content: "";
				display: block;
				position: relative;
				width: 20px;
				height: 4px;
				border-top: 4px solid red;
				z-index: -1;
				top: 40%;
				left: 100%;
				margin-left: -2px;
			}
			.level3 > div:nth-child(odd):not(:first-child)::before
			{
				content: "";
				display: block;
				position: relative;
				width: 20px;
				height: 4px;
				border-top: 4px solid red;
				z-index: -1;
				top: 40%;
				left: -20px;
			}
			.level4 div:nth-child(5)::after
			{
				content: "";
				display: block;
				position: relative;
				height: 175%;
				width: 7.5lvw;
				border-right: 4px dotted rgba(0,0,0,0.3);
				border-bottom: 4px dotted rgba(0,0,0,0.3);
				z-index: -1;
				top: 0;
				left: 40%;
				margin-left: -7.5lvw;
			}
			.level5 div a {
				height: 100%;
				width: 80%;
				float: right;
			}
			.level5 div:not(:first-child):not(:last-child):not(:nth-child(6)):not(:nth-child(7)):not(:nth-child(8)):not(:nth-child(9)):not(:nth-child(15))::before {
				content: "";
				display: inline-block;
				position: relative;
				width: 17.5%;
				height: calc(100% + 15px);
				border-left: 4px solid red;
				border-bottom: 4px solid red;
				z-index: -1;
				top: calc(-50% - 15px);
				left: 5;			
			}
			.level5 div:first-child, 
			.level5 div:last-child, 
			.level5 div:nth-child(6) {
				position: relative;
				top: -25px;
				float: none;
			}			
			.level5 div:nth-child(5)::after {
				content: "";
				display: block;
				position: relative;
				width: 4px;
				height: 30px;
				border-left: 4px solid red;
				z-index: -1;
				top: -45px;
				left: 50%;
				margin-left: 0;
			}			
			.level5 div:first-child a,  
			.level5 div:last-child a, 
			.level5 div:nth-child(6) a,
			.level5 div:nth-child(8) a, 
			.level5 div:nth-child(9) a,
			/*.level5 div:nth-child(14) a, */
			.level5 div:nth-child(15) a 
			{
				float: none;
				width: 100%;
				position: relative;
			}			
			.level5 div:nth-child(8) a
			{				
				left: 25%;
			}
			.level5 div:nth-child(9) a,
			.level5 div:nth-child(14) a 
			{
				left: -25%;
			}
			/*.level5 > div:nth-child(14)::before
			{
				content: "";
				display: block;
				position: relative;
				width: 20px;
				height: 4px;
				border-top: 4px solid red;
				z-index: -1;
				top: 50%;
				left: calc(-25% - 20px);
			}*/
			/*.level5 div:nth-child(15)::before {
				content: "";
				display: block;
				position: relative;
				width: 25px;
				height: 150%;
				border-right: 4px solid red;
				border-bottom: 4px solid red;
				z-index: -1;
				top: 50%;
				left: 0;			
				margin-top: 0;
			}*/
			.tecnica {
				content: "";
				display: block;
				width: 0;
				height: 140%;
				background: red;
				border-left: 4px solid #f00;
				top:-25;
				left: 50%;
				position: relative;
				z-index: -1;
			}
			.tecnica::before
			{
				content: "";
				display: block;
				position: relative;
				width: 15vmax;
				height: 4px;
				border-top: 4px solid red;
				z-index: -1;
				top: 100%;
				left: -7.5vmax;
				margin-left: 0px;
			}