@charset "UTF-8";
@import url(http://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: 1000px;
		background-color: #ffffff;	
		margin: -20px auto 0px auto;
		box-shadow: 0px 0px 10px grey;
		padding: 40px;
	}
		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: 1000px;
			top: 50px;
			}
		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: -5px;
		}	
		header#cabecalho h2 {
			font-family: 'Titillium Web', sans-serif;
			color: #888888;
			font-size: 15pt
			padding: 0px;
			margin-top: 10px;
			
		}
	/* Formatação 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: rgba(0,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ção do Menu */
	nav#menu ul {
		list-style: none;
		text-transform: uppercase;
		position: absolute;
		top: -20px;
		left:560px;
	}
	nav#menu li {
		display: inline-block;
		background-color: #dddddd;
		padding: 10px;
		margin: 2px;
		transition: background-color 0.5s;
	}
	nav#menu li:hover {
		 background-color: #606060;
	}
	
	nav#menu h1 {
	display:none;
	}
	nav#menu a {
		color: black;
		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: 20px;
	}
	article#noticia-principal h2 {
		font-size: 13pt;
		color: #606060;
		background-color: #dddddd;
		padding: 5px 0px 5px 0px;
		margin: 10px 0px 10px 0px;
	}
	header#cabecalho-artigo h1 {
		font-family: 'FonteLogo', sens-serif;
		font-size: 20pt;
		color: #606060;
		margin-bottom: 0px;
		margin-top: 0px;
	}
	header#cabecalho-artigo h2 {
		font-size: 12pt;
		color: #868585;
		background-color: #ffffff;
		margin: 0px;
	}
	header#cabecalho-artigo h3 {
		font-size: 10px;
		color: #606060;
	}
	table#tabelaspec {
	border: 1px solid #606060;	
	border-spacing: 0px;
	margin-left: auto;
	margin-right: auto;
	}
	table#tabelaspec td {
		border: 1px solid #606060;
		padding: 10px;
		text-align: center;
		vertical-align: middle;
	}
	table#tabelaspec td.ce {
		color: #ffffff;
		background-color: #606060;
		vertical-align: top;
		font-weight: bold;
	}
	table#tabelaspec td.cd {
		background-color: #cecece;
	}
	table#tabelaspec caption {
		color: #888888;
		font-size: 13pt;
		font-weight: border;
	}
	table#tabelaspec caption span {
		display: block;
		float: right;
		font-size: 8pt;
		color: #000000;
		margin-top: 10px;
	}
	aside#lateral {
		display: block;
		width: 450px;	
		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: 20ps;
		color: 606060;
		margin-top: 0px;
	}
	aside#lateral h2 {
		background-color: #606060;
		font-size: 13pt;
		color: #ffffff;
		
	}
	footer#rodape {
		clear: both;
		border-top: 1px solid #606060;	
	}
	footer#rodape p {
		text-align: center;
	}