@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Titillium+Web');
@font-face {
	font-family: 'FonteLogo';
	src: url("../_fonts/bubblegum-sans-regular.otf");
}

		body {
			font-family: arial, sans-serif;
			background-color: #dddddd ;
			color: rgba(0,0,0,1);
		}
		div#interface {
			width: 900px;
			background-color: #ffffff;
			margin: -20px auto 0px auto;
			box-shadow: 0px 0px 10px rgba(0,0,0,.5);
			padding: 10px ;
		}
		p {
			text-align: justify; 
			text-indent: 50px;
		}

		a {
			color: #606060;
			text-decoration: none;
		}

		a:hover {
			text-decoration: underline;
		}
		header#cabecalho img#icone {
			position: absolute ;
			left: 900px ;
			top: 60px ;
		}
		header#cabecalho { 
			border-bottom: 1px #606060 solid;
			height: 150px;
			background:url("../_imagens/glass-logo-peq.jpg") no-repeat 0px 80px;
		}
		header#cabecalho h1 {
			font-family: 'FonteLogo' , sans-serif;
			font-size: 30pt;
			color: #606060;
			text-shadow: 1px 1px 1px rgba(0,0,0,.6);
			padding: 0px;
			margin-bottom: 0px;
		}
		header#cabecalho h2 {
			font-family: 'Titillium Web', sans-serif;
			font-size: 15pt;
			color: #888888;
			padding: 0px;
			margin-top: 0px;
		}	
			header#cabecalho h3 {
			font-family: 'Titillium Web', sans-serif;
			font-size: 12pt;
			color: #a5a5a5;
			padding: 0px;
			margin-top: 0px;
		}
		/* Formataçao de imagens com legendas */

		figure.foto-legenda {
			position: relative;
			border: 8px solid white;
			box-shadow: 1px 1px 4px rgba(0,0,0,.5);

		}
		figure.foto-legenda img{
			width: 100%;
			height: 100%;
		}
		figure.foto-legenda figcaption {
			opacity:0;
			position: absolute;
			top: 0px;
			background-color: rgba(0,0,0,.4);
			color: white;
			width: 100%;
			height: 100%;
			padding: 10px;
			box-sizing: border-box;
			transition: opacity 1s;
		}
		figure.foto-legenda:hover figcaption {
			opacity: 1;
		}
		/* formataçao do menu */

		nav#menu ul {
			list-style: none;
			text-transform: uppercase;
			position: absolute;
			top: -20px;
			left: 390px;	
		}
		nav#menu li {
			display: inline-block;
			background-color: #dddddd;
			padding: 10px;
			margin: 2px;
			transition: background-color 1s;

		}
		nav#menu li:hover {
			background-color: #606060;
		}
		nav#menu h1 {
			display: none;
		}
		nav#menu a {
			color: #000000;
			text-decoration: none;			
		}
		nav#menu a:hover {
			color: #ffffff;
			text-decoration: underline;
		}

		section#corpo {
			display: block;
			width: 500px;
			float: left;
			border-right: 1px solid #606060;
			padding-right: 15px;
		}	
		

		article#noticia-principal h2 {
			font-size: 13pt;
			color: #606060;
			background-color: #dddddd;
			padding: 5px 0px 5px 10px;
			margin: 10px 0px 10px 0px;			
		}

		article#noticia-principal h4 {
			font-size: 9pt;
			color: #888888;
									
		}

		header#cabecalho-artigo h1 {
			font-family: 'FonteLogo', sans-serif;
			font-size: 20pt;
			color: #606060;
			margin-bottom: 0px;
			margin-top: 0px;
		}

		.direita {
			text-align: right;
		}

		header#cabecalho-artigo h2 {
			font-size: 13pt;
			color: #a5a5a5;
			background-color: #ffffff;
			margin: 0px;
		}

		header#cabecalho-artigo h3 {
			font-size: 12px;
			color: #606060;

		}
		header#cabecalho-artigo h4 {
			font-size: 10px;
			color: #6b6b6b;
		}

		table#tabelaspec  {
			border: 2px solid #4d4d4d;
			border-spacing: 1px;
			margin-left: 2px;
			margin-right: auto;
			background-color: #9f9f9f;
		}
		table#tabelaspec td {
			border: 1px solid #4d4d4d;
			padding: 10px;
			text-align: right;
			vertical-align: middle;
		}
		table#tabelaspec td.colEsq{
				color: #606060;
				background-color: #c7c7c7;
				vertical-align: middle;
				font-weight: bold;
		}

		table#tabelaspec td.colDir{
				color: #4d4d4d;
				background-color: #c7c7c7;
				text-align: left;

		}

		table#tabelaspec caption {
			color: #888888;
			font-size: 13pt;
			font-weight: bolder;
		}

		table#tabelaspec span {
			display: block;
			float: right;
			color: #606060;
			font-size: 8pt;
			margin-top: 10px;
		}


		aside#lateral {
			display: block;
			width: 350px;
			float: right;
			background-color: #dddddd;
			padding: 10px;
			margin-top: 10px;
			box-shadow: 2px 2px 2px rgba(0,0,0,.5); 
		}
		
		aside#lateral h1 {
			font-family: 'FonteLogo', sans-serif;
			font-size: 20pt;
			color: #606060;
			margin-top: 0px;
		}

		aside#lateral h2 {
			background-color: #606060;
			font-size: 13pt;
			color: #ffffff;
			padding: 5px;
		}

		footer#rodape {
			clear: both;
			border-top: 1px solid #606060;
		}

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