@import url('https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto+Condensed&display=swap');

body 
	{
  	background-color: #8da9c4;
					}
div#interface
		{
		width: 950px;
		

		background-color: white;

		margin: -20px auto 0px auto;
                     /* top right bottom left*/
		box-shadow: 0px 0px 10px black;
		padding: 20px 20px 20px 20px;	
		
				}

h1 
	{
	font-family: Arial, sans-serif;
  	color: black;
  
			}

h2 		{
		font-family: Montserrat, sans-serif;
	font-size: 12pt;
	
					}

h3		{font-family: Montserrat, sans-serif;}


h4		{font-size: 23pt;
			text-align: center;
			box-shadow: 0px 0px 10px black;
			color: black;
			margin-left: 300px;
			padding: 5px;
			background-color: #60c5d7;}

h5		{
		font-family: Montserrat, sans-serif;
	font-size: 12pt;
	
					}



h6		{font-size: 23pt;
			text-align: center;
			box-shadow: 0px 0px 10px black;
			color: black;
			margin: 0px 350px 0px 350px;
			padding: 5px;
			background-color: #60c5d7;}




p	{
	font-family: Montserrat, sans-serif;
	font-size: 12pt;
	text-align: justify;
	text-indent: 50px;
			    }



a {		color: black;
		
		
		text-decoration: none;
					}

a:hover   {  text-decoration: underline;
		color: blue;


				}
header#cabecalho img#icone
		{
		position: absolute;
		left: 165px;
		top: 25px;
		
					}


		

					

header#cabecalho
		{
                 border-bottom: 1px #609060 solid;
		height: 170px;
		background-color: #344fad;
		margin: -40px -20px 0px -20px;
		padding: 45px 10px 20px 40px;


				}

header#cabecalho h1
			{
			font-family: Rockwell, sans-serif;
			font-size: 35pt;
			color: white;
			text-shadow: 1px 1px 1px yellow;		
			padding: 0px
			margin-bottom: none;
			margin-left: 90px;				}

header#cabecalho h2
			{
			font-family: Harrington, sans-serif;
			color: yellow;
			font-size: 20pt;

			text-align: left;			
			
					}
			


/*Formatacao de imagens com legendas */

figure.foto-legenda
	{
	position: relative;
	border: 8px solid white;
	box-shadow: 1px 1px 4px black;

					}


figure.foto-legenda img
	{
	width: 100%
	height: 100%
			}

	
figure.foto-legenda figcaption
	{
	opacity: 0;
	position: absolute;
	top: 0px
	background-color: greenyellow
	color: white;
	width: 100%
	height: 100%
	padding: 10px
	box-sizing: border-box;
	transition: opacity 1s;
	
				}


figure.foto-legend:hover figcaption 
	{
	opacity: 1;
			}


/* Formatacao do Menu*/

nav#menu
		{
		display: block;
				}


nav#menu ul 
		{
		list-style: none;
		text-transform: uppercase;
		position: absolute;
		top: 100px;
		left: 170px;
                 			}

nav#menu li
		{
		display: inline-block;
		background-color: #8da9c4;
		padding: 10px;
		margin: 2px;
		transition: background-color 1s;
			}

nav#menu li:hover
			{
			background-color: lightblue;
						}
nav#menu h1
		{
		display: none;
				}

nav#menu a
		{
		color: black;
		text-decoration: none;
					} 

nav#menu a:hover
		{
		color: white;
		text-decoration: none;
						}

section#bodysection {
			display:block;
 			width: 550px;
			margin-right: 50px;
			margin-top: 5px;
			float: left;
			border-right: 1px solid black; 
			padding-right: 20px;
						}


article#mainnews h2{
			font-size: 12pt;
			color: black;
			background-color: #8da9c4;
			padding: 5px 0px 5px 10px;
			margin: 10px 0px 10px 0px;		
			
			}


header#article-title h1
			{
			font-family: Montserrat, sans-serif;
			text-align: center;
			font-size: 20pt;
			color: black;
			margin-bottom: 0px;
			background-color: #f3f72c;
			padding: 0px 0px 0px 10px
				}




.right   {
		text-align: right;
		

					}


header#article-title h2
			{
			font-family: Montserrat, sans-serif;
			font-size: 13pt;
			color: #cecece;
			
		text-align: right;
			margin: 0px;

			
}

header#article-title h3
			{
			font-size: 12px;
			font-family: Montserrat, sans-serif;
			color: black;
						}




table#tablespec  {
		border: 1px solid black;
		border-spacing: 0px;
		margin-left: auto;
		margin-right: auto;
			}

table#tablespec td{
		border: 1px solid black;
		padding: 8px;
		text-align: center;
		verticle-align: middle;
		

					}

table#tablespec td.lr
		{
		color: white;
		background: gray;
		vertical-align: top;
		font-family: Arial;
		font-weight: bold;
		
		}

table#tablespec td.rr{
			background-color: lightgreen;
			font-family: Montserrat, sans-serif;
			font-size: 13pt;

						}

table#tablespec caption {
			color: #344fad;
			font-family: Rockwell;
			font-size: 15pt;
			font-weight: bolder;
						}
		




aside#lateral	{background-color: white;

		display: block;
		width: 350px
		float: right;
		
		padding: 10px;
		margin-top: 10px; 
							
					}

aside#lateral h1 {
			font-family: Rockwell;
			font-size: 20pt;
			color: 606060;
			text-align: center;
			

}



aside#lateral h1#link {
			font-family: Rockwell;
			font-size: 20pt;
			color: 606060;
			text-align: center;
			background-color: lightgreen;
			border: 1px solid black;
			margin-left: 725px;
			margin-right: 100px;

}

aside#lateral h2 {
			
			font-size: 13pt;
			color: black;
			margin-left: 575px;
			padding: 5px;
			background-color: #8da9c4;}

aside#lateral h3 {
			
			font-size: 23pt;
			text-align: center;
			box-shadow: 0px 0px 10px black;
			color: black;
			margin-left: 575px;
			padding: 5px;
			background-color: #60c5d7;}



footer#bottom {
		clear:both;
		border-top: 1px solid black;

}

footer#bottom p{
		text-align:center;