html{
	overflow:auto;
		
}


 summary::-webkit-details-marker {
 color: #00ACF3;
 font-size: 125%;
 margin-right: 2px;
 cursor:pointer;
}
summary:focus {
	outline-style: none;
}
article > details > summary {
	font-size: 10px;
	margin-top: 16px;
	background-color:red;
}
details > p {
	margin-left: 0px;
	background-color:none;
	color:white;
}
details details {
	margin-left: -1px;
	background-color:none;
}
details details summary {
	font-size: 16px;
	font-weight:bold;
	color:#00008B;
	padding:7px;
	background-color:#DCDCDC;
	color:#1C1C1C;
	border-bottom: 2px solid white;
	border-top: 2px solid white;
}

p{
	font-size:14px;
	padding-left:-2px;
	padding-top:0%;
	padding-bottom:0%;
	}

.box1 {
	position: absolute;
	margin-top: 1%;
	margin-left:20%;
	font-size: 115%;
	font-family: arial;
	width:18%;
    height:5%;
    padding-top:0%;
	padding-bottom:2%;
	background-color:none;
	border-bottom:3px solid #DCDCDC;
	
	 }
	 
.box2 {
	position: absolute;
	margin-top: 1%;
	margin-left:40%;
	font-size: 115%;
	font-family: arial;
	width:18%;
    height:5%;
    padding-top:0%;
	padding-bottom:2%;
	background-color:none;
	border-bottom:3px solid #DCDCDC;
	 }
	 
.box3 {
	position: absolute;
	position: absolute;
	margin-top: 1%;
	margin-left:60%;
	font-size: 115%;
	font-family: arial;
	width:18%;
    height:5%;
    padding-top:0%;
	padding-bottom:2%;
	background-color:none;
	border-bottom:3px solid #DCDCDC;
	 }
	 
.box4 {
	position: absolute;
	margin-top: 1%;
	margin-left:80%;
	font-size: 115%;
	font-family: arial;
	width:18%;
    height:5%;
    padding-top:0%;
	padding-bottom:2%;
	background-color:none;
	border-bottom:3px solid #DCDCDC;
	 }
	 
.box5 {
	position: absolute;
	margin-top: 3%;
	margin-left:70.76%;
	font-size: 115%;
	font-family: arial;
	width:11.94%;
    height:5%;
    padding-top:2px;
	padding-bottom:2px;
	background-color:none;
	border-bottom:3px solid #DCDCDC;
	 }
	 
.box6 {
	position: absolute;
	margin-top: 3%;
	margin-left:84.7%;
	font-size: 115%;
	font-family: arial;
	width:11.94%;
    height:5%;
    padding-top:2px;
	padding-bottom:2px;
	background-color:none;
	border-bottom:3px solid #DCDCDC;
	 }
	 
.box_interna {
	position: absolute;
	left:15%;
	margin-top: 15%;
	font-size: 115%;
	font-family: arial;
	text-align:justify;
	width:70%;
    padding-top:2px;
	padding-bottom:2px;
	background-color:none;
	padding:2%;
	border-top:2px solid silver;			/* #DCDCDC */
	border-bottom:2px solid silver;
	 }
 
a:link, a:visited {
	text-decoration:none;
	color:black;
	background-color:none;
	padding-bottom:5px;
	padding-top:5px;
/*	width:100%;	*/
	z-index:1000;
	display: block;
	}
		
a:hover {
	text-decoration:none; 
	color:black;
	background-color:#00BFFF;
	font-weight:none;
	z-index:1000;
	color:white;
	}
	
a:active {
	text-decoration:none;
	color:black;
	width:100%;
	background-color:white;
		}
	
.titulo_instituto{
	position:absolute;
	margin-top:3.5%;
	margin-left:18%;
	font-family:arial black;
	color:#4F4F4F;
	font-size: 130%;
	border: 0px solid black;
	}
	
.titulo_coordenadoria{
	position:absolute;
	margin-top:6%;
	margin-left:18%;
	font-family:arial black;
	color:#4F4F4F;
	font-size: 130%;
	border: 0px solid black;
	}
	
.coordenadorias{
	position:absolute;
	margin-top:20%;
	margin-left:25%;
	font-family:arial;
	color:#4F4F4F;
	font-size: 100%;
	background-color:lavender;
	padding-bottom:3%;
	padding-top:3%;
	padding-left:2%;
	padding-right:2%;
	}

.bandeira{
	position:absolute;
	margin-top:12%;
	margin-left:45%;
	font-family:arial;
	}
	
.linha{
	size:70%;
	position:absolute;
	width:70%;
	margin-left:18%;
	margin-top:6%;
}

.logo{
	position:absolute;
	margin-top:0%;
	margin-left:0%;
}


.linha_rodape	{
	position: absolute; left:5%; top:93%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.linha_rodape_video	{
	position: absolute; left:5%; top:147%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape {
	position: absolute; left:0%; top:95%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		
}

.linha_rodape_voluntario	{
	position: absolute; left:5%; top:193%;
	width: 90%;
	border: 0px solid #1c1c1c;
				}
				
.rodape_voluntario {
	position: absolute; left:0%; top:195%;
	width:100%;
	height: 5%;
	color:gray;
	font-size: 12px;
	font-family: arial;
	font-weight: bold;
	text-align: center;
		
}

.barra_rolagem{
	position:absolute;
	overflow-y:auto;
	overflow-x:hidden;
	overflow-x:none;
	width:90%;
	height:50%;
	top:18%;
	margin-left:0%;
	border:0px solid black;
	padding-bottom:2%;
	}
	
	::-webkit-scrollbar-track {background-color: silver;}				/* fundo atrás da barra */
	::-webkit-scrollbar-button {background-color:black;}				/* pontas extremas */
	::-webkit-scrollbar {width: 12px;background: red;}
	::-webkit-scrollbar-thumb {background: #00BFFF;}					/* corpo da barra */

/*scrollbar-base-color: #C0C0C0;
scrollbar-base-color: #C0C0C0;
scrollbar-3dlight-color: #C0C0C0;
scrollbar-highlight-color: #C0C0C0;
scrollbar-track-color: #EBEBEB;
scrollbar-arrow-color: black;
scrollbar-shadow-color: #C0C0C0;
scrollbar-dark-shadow-color: #C0C0C0;*/

.barra_horizontal {
	position: absolute;
	margin-top:17%;
	margin-left:-1%;
	font-size: 115%;
	font-family: arial;
	width:102%;
    height:2%;
    padding-top:1%;
	padding-bottom:1%;
	background-color:orange;
	border-bottom:3px solid #DCDCDC;
	
	 }

// Remove botão de download de vídeos
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}