@charset "UTF-8";
@font-face {
	font-family: "font";
	src: url("../_fonts/bubblegum-sans-regular.otf");
}
 body {
	background-color: #dddddd;
         color: rgb(0, 0, 0, 1)
	font-family: Arial, sans-serif;
      }
div#interface {
	width: 900px;
	background-color:  #ffffff;
	margin: -20px auto 0px auto;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	padding: 20px;
	}



    p {
        text-align: justify;
        text-indent: 50px;
      }

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

a:hover {
	text-decoration: underline;
}
	


header#cabecalho img#icone {
	position: absolute;
	left: 1000px;
	top: 85px;	
	}

header#cabecalho {
	border-bottom: 1px #606060 solid;
	height: 150px;
	background: url("../imagens/glass-logo-peq.jpg") no-repeat 0px 90px;
	}

header#cabecalho h1 {
	font-family: font, sans-serif;
	font-size: 30pt;
	color: #606060;
	text-shadow: 1px 1px rgba(0,0,0,.6);
	padding: 0px;
	margin-bottom: 0px; 
	}

header#cabecalho- h2 {
	font-family: /*'Titillium Web', sans-serif;
	color: #888888;
	font-size: 15pt;
	padding: 0px;
	margin-top: 0px;
	}

       h1 {
        /* text-align: center;*/
       }
	   
	   /* Formatação de imagem com legenda */
	   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, .4);
			color: white;
			width: 100%;
			height:100%;
			padding: 10px;
			box-sizing: border-box;
			transition: opacity 2s;

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

		/*Formatação do menu*/
		nav#menu {
		diplay: block;
		}

		nav#menu ul {
			list-style: none;
			text-transform:uppercase;
			position: absolute;
			top: -5px;
			left: 580px;
		}
		
		nav#menu li{
			display: inline-block;
			background-color: #dddddd;
			padding: 3px;
			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: 12pt;
			color: #606060;
			background-color: #dddddd;
			padding: 5px 0px 5px 10px;
			margin: 10px 0px 10px 0px;
		}

		header#noticia-principal h1 {
			font-family:'Fontelogo', sans-serif;
			font-size: 20pt;
			color: #606060;
		}

		header#noticia-principal h2 {
			font-size: 13pt;
			color: #cecece;
			background-color: red;
		}



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

		aside#lateral h1 {
			font-family: 'FonteLogo', sans-serif;
			font-size: 20pt;
			color: #606060;
			margin-top: 0px;
		}

		aside#lateral h2 {
			font-family: 'FonteLogo', sans-serif;
			font-size: 13pt;
			background-color: #606060;
			color: #ffffff;
			padding: 5px;
		}

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

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

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

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

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

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

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

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