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

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

		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: green;}

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;}

h7
	{font-size: 16pt;
	font-family: Montserrat, sans-serif;
  	color: black;
  
			}




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: 150px;
		background-color: #344fad;
		margin: -40px -20px 0px -20px;
		padding: 45px 0px 0px 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: right;			
			
					}
			


/*Formatacao de imagens com legendas */




/* Formatacao do Menu*/

nav#menu
		{
		display: block;
				}


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

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;
			height: 900px;
			margin-right: 50px;
			margin-top: 5px;
			float: left;
			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: 30pt;

						}

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


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

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

					}

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

table#tablespec1 td.rr{
			background-color: lightblue;
			font-family: Arial, sans-serif;
			font-size: 30pt;

						}

table#tablespec1 caption {
			color: black;
			font-family: Rockwell;
			font-size: 15pt;
			font-weight: bolder;
						}
		








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

}

footer#bottom p{
		text-align:center;}