@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");
}
/*-------------------*/


/* Cor do fundo e cor da letra do texto */
body {
	font-family: Arial, sans-serif;
	background-color: #dddddd;
	color: rgba(0,0,0,0.8);
}
/*centralizar objetos na tela cima|direita|baixo\Esquerda */
div#interface{
	width: 900px;
	background-color: #ffffff;
	margin: -20px auto 10px auto;
	box-shadow: 0px 0px 10px black;
	padding: 10px 20px 10px 20px; /* coloca margem no text dentro deste div.*/
}

p{ /* Alinhamento do Texto e do paragrafo com recuo de 50px da margem */
	text-align: justify;
	text-indent: 50px;
}
a{ /* Alinhamento dos links no site */
	/*color: #ffffff;*/
	color: #606060;
	text-decoration: none;
}
a:hover{ /* sublinha o link quando passa o mouse sobre ele */
	text-decoration: underline;
	color: #ffffff;
}

/* alinha a foto dentro da pagina*/
header#cabecalho img#icone{
	position: absolute;
	left: 800px;
	top: 70px;
}

 /* configurações do cabeçalho*/
header#cabecalho {
	border-bottom: 1px #606060 solid;
	height: 180px;
	background: url(" ../_imagens/Logo_Peq.png ") no-repeat 0px 0px; /* carrega uma imagem */
}

/* formatação das letras do cabeçalho*/	
header#cabecalho h1 {
	font-family: 'FonteLogo', sans-serif; /*Fonte especial*/
	font-size: 35px;
	color:#ff077f; /* lilas*/
	/*color: #ffdba6; amarelo*/
	/*color: #606060; cinza*/
	text-shadow: 1px 1px 1px rgba(0,0,0,.6);
	padding-top: 50px;
	padding-left: 260px;
}

/* formatação das letras do cabeçalho*/	
header#cabecalho h2 {
	font-family: 'Titillium Web', sans-serif; /*Fonte do link do Google*/
	font-size: 20px;
	color: #888888;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	margin-top: -20px;
	padding-left: 260px;

}

/*  Formatacao de imagens com legendas*/
/* 	<figure class="foto-legenda">     */
figure.foto-Legenda {
	position: relative;
	border: 8px solid white;
	box-shadow: 5px 5px 4px blue;
}
figure.foto-Legenda  img{
	width: 100%;
	height: 100%;
}
figure.foto-Legenda figcaption{
		opacity: 0;  /* opacidade do texto*/
		position: absolute; /*posicao absoluta da legenda. */
		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; /*transição do texto do figcaption*/
}
figure.foto-Legenda:hover figcaption{
/* text aparece quando passa o mouse em cima*/
	opacity: 1;
}

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

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

nav#menu li {
	display: inline-block; 
	background-color: #ffdba6; 
	/*background-color: #dddddd;*/
	padding: 10px;
	margin: 2px;
	transition: background-color 1s; 
}
nav#menu li:hover{
	background-color: #c87137;
	/*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: 20px;
}



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



/* Cabeçalho do article */
header#cabecalho-artigo h1 {
	font-family: 'FonteLogo' sans-serif;
	font-size: 20pt;
	color: #606060;
	margin-bottom: 10px;
}
.direita {  /*formatação do texto*/
	text-align: right;
}
header#cabecalho-artigo h2 {
	font-family: 'FonteLogo' sans-serif;
	font-size: 13pt;
	color: #cecece;
	background-color: #ffffff;
	margin: 0px;
}
header#cabecalho-artigo h3 {
	font-family: 'FonteLogo' sans-serif;
	font-size: 12pt;
	color: #606060;
	
}


/* Tabela de especificações técnicas*/
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: right;
	vertical-align: top;
}
/* formatação das classes tabela*/
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;
}



footer#rodape{
	clear: both;
	border-top: 1px solid #606060;
}
footer#rodape p{
	text-align: center;
		font-size: 10pt;
}