body {background-color: #8E9150; font-family: DejaVu Serif;}

p {text-indent: 30px; text-align: justify; line-height: 30px;}

li {line-height: 30px;}

sup {font-size: 0.6em;}

blockquote 
{
	background-color: rgba(114, 116, 171, 0.1);
	margin: auto auto 10px auto;
	padding: 10px;
	width: 80%;
	font-size: 0.9em;
}

code
{
	display: block;
	margin: auto;
	padding: 10px;
	width: 80%;
	background-color: #E7E4F6;
	color: black;
	overflow: auto;
}

.div-code
{
	margin: 0px;
	line-height: 20px;
}

.videos {display: block; width: 100%;}
.videos640 {display: block; width: 100%; max-width: 640px; margin-right: auto; margin-left: auto;}
.videos320 {display: block; width: 100%; max-width: 320px; margin-right: auto; margin-left: auto;}
.videos640Left {width: 100%; max-width: 640px; float: left; margin-right: 10px;}
.videos320Left {width: 100%; max-width: 320px; float: left; margin-right: 10px;}
.videos640Right {width: 100%; max-width: 640px; float: right; margin-left: 10px;}
.videos320Right {width: 100%; max-width: 320px; float: right; margin-left: 10px;}

hr.hrMenu
{
	border: 0;
	height: 1px;
	background: #000000;
	background-image: linear-gradient(to right, #ccc, #333, #ccc);
}
hr.hrAbracaMenu
{
	border: 0;
	height: 1px;
	background: #000000;
}
hr.hrMeioMenu
{
	width: 50%;
}

table.tabela
{
	border-collapse: collapse;
	border: 1px solid black;
	margin: auto; 
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

table.tabela td 
{
	border-collapse: collapse;
	border: 1px solid black;
	margin: auto;
	padding-left: 5px;
	padding-right: 5px;
}

table.tabela th 
{
	border-collapse: collapse;
   border: 1px solid black;
   margin: auto;
}

tr.tabela-titulo {font-weight: bold; background: #D6CDCD;}
thead.tabela-titulo {font-weight: bold; background: #D6CDCD;}

.avisonavegadorantigo {background-color: black; color: red;}

.floatLeft {float: left; margin-right: 10px;}
.floatRight {float: right; margin-left: 10px;}
.floatImgMedioLeft {float: left; margin-right: 10px;}
.floatImgMedioRight {float: right; margin-left: 10px;}

.espacoTop {margin-top: 10px;}
.espacoBottom {margin-bottom: 10px;}

.imglegenda
{
	font-size: 0.8em;
	text-align: center;
}

#titulo-principal {font-family: DejaVu Sans;	text-align: center; font-size: 2em;	font-weight: bold;}
div#menu {width: 80%; margin: auto; text-align: center;}
span.menuitem {display: inline-block; padding: 1px 10px 1px 10px; font-weight: bold;}
span.menuitemlang {display: inline-block; margin: 1px 15px 3px 15px; font-weight: bold; font-size: 0.8em;}
#espaco-menuprincipal-menulang {width: 80%;}
div.corpoMenuPrincipal 
{
	background: #FFFFFF; /*Fallback*/ 
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
}

div.menuzinho {font-size: 0.8em;}
div.menuzinho p {margin: 2px auto 3px;}

div.box 
{ 
	width: 80%; 
	margin: auto;
	margin-bottom: 10px;
}

div.conteudo 
{
	background-color: #FBFBE7; /*Fallback*/
	background-color: rgba(251, 251, 231, 0.9);
	padding: 10px 50px;
	margin: 0 auto 10px;
	overflow: auto;
}

div#cssconfarea {margin-bottom: 10px;}
.cssconfbotao {display: inline-block; vertical-align: top; margin: 0px 2px 0px 2px; width: 45px; height: 30px; padding: 0;}
span#temaBgColorBody1 {color: #8E9150;} 
span#temaBgColorBody2 {color: #F0D8A8;}
span#temaBgColorBody3 {color: #4b302a;}
span#temaBgColorConteudo1 {color: #FBFBE7;} 
span#temaBgColorConteudo2 {color: #290B2F;}

div#escolhaidioma p
{
	text-align: center;
	font-size: 1.2em;
}

span#pbotao:hover{background: none; color: #FFFFFF;}
img.bandeiraindex
{
	height: 1em;
	vertical-align: bottom;
}

div.copyright
{
	text-align: center;
	padding: 2px;
}

.bandeiraindex {margin-left: 10px;}

div.titulo1 
{
	background: #9C3C3C; /*Fallback*/
	background: linear-gradient(to right, rgba(145, 60, 60, 0), rgba(145, 60, 60, 0.8), rgba(145, 60, 60, 0));
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

div.titulo2
{
	background: #C75535; /*Fallback*/
	background: linear-gradient(to right, rgba(199, 85, 53, 0), rgba(199, 85, 53, 0.8), rgba(199, 85, 53, 0));
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	width: 90%;
	margin: auto;
}

div.titulo3
{
	background: #C77E35; /*Fallback*/
	background: linear-gradient(to right, rgba(199, 126, 53, 0), rgba(199, 126, 53, 0.8), rgba(199, 126, 53, 0));
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	width: 80%;
	margin: auto;
}

div.titulo4
{
	background: #696969; /*Fallback*/
	background: linear-gradient(to right, rgba(105, 105, 105, 0), rgba(105, 105, 105, 0.8), rgba(105, 105, 105, 0));
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	padding: 3px;
	text-align: center;
	font-weight: bold;
}

div.titulo5
{
	background: #778899; /*Fallback*/
	background: linear-gradient(to right, rgba(119, 136, 153, 0), rgba(119, 136, 153, 0.8), rgba(119, 136, 153, 0));
	border-top-style: solid;
	border-top-color: #000000;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	border-bottom-width: 1px;
	padding: 1px;
	margin-top: 10px;
	text-align: center;
	font-weight: bold;
}

.titulonivel1
{
	display: block;
	font-weight: bold;
	font-size: 2em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.titulonivel2
{
	display: block;
	font-weight: bold;
	font-size: 1.6em;
	margin-top: 0.3em;
	margin-bottom: 0.3em;
}

.titulonivel3
{
	display: block;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

.titulonivel4
{
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

div.novidades
{
	display: inline-block;
	background-color: #FDFDF6;
	margin: 10px;
	padding: 10px;
	width: 80%;
	max-width: 400px;
}
/* Para versões antigas do Internet Explorer */
* html div.novidades {width: expression( document.body.clientWidth > 359 ? "360px" : "auto" );}

div#box-novidades
{
	text-align: center;
}

div.refexpl 
{
	font-size: 0.8em;
}

a.classmenu:link{color: #203636; text-decoration:none;}
a.classmenu:visited{color: #203636; text-decoration:none;}
a.classmenu:hover{color: #4CB5AF; text-decoration:none;}
a.classmenu:active{color: #203636; text-decoration:none;}

a:link{color:#DD4F4F; text-decoration:none; font-weight:bold;}
a:visited{color:#DD4F4F; text-decoration:none; font-weight:bold;}
a:hover{color:#AA00AA; text-decoration:none; font-weight:bold;}
a:active{color:#DD4F4F; text-decoration:none; font-weight:bold;}

ol.nested
{
	counter-reset: item;
}

li.nested
{
	display: block; line-height: 20px;
}

li.nested:before
{
	content: counters(item, ".") ". ";
	counter-increment: item;
}

p.itemTrabalhos
{
	padding: 3px;
	background: rgba(162, 16, 214, 0.1);
}

@media print 
{
	#menu {display: none;}
	#cssconfarea {display: none;}
	.noPrint {display: none;}
	
	.conteudo {left: 20px;}
	.conteudo::after {content: "\A \A \A - Henrique Matheus da Silva Lima."; font-style: italic; white-space: pre;}
	
	* {color: #000000;}
	div.titulo1 {color: #000000; font-size: 1.4em; border-top-style: none; border-bottom-style: none;}
	div.titulo2 {color: #000000; font-size: 1.3em; border-top-style: none; border-bottom-style: none;}
	div.titulo3 {color: #000000; font-size: 1.2em; border-top-style: none; border-bottom-style: none;}
	div.titulo4 {color: #000000; border-top-style: none; border-bottom-style: none;}
	div.titulo5 {color: #000000; border-top-style: none; border-bottom-style: none;}
	
	table.tabela td 
	{border-color: #000000;}
	
	table.tabela th 
	{border-color: #000000;}
}

@media screen and (max-width: 1200px)
{
	.videos640Left {display: block; float: none; margin-right: auto; margin-left: auto;}
	.videos640Right {display: block; float: none; margin-right: auto; margin-left: auto;}
	div.novidades {max-width: 360px;}
}

@media screen and (max-width: 1070px)
{
	div.novidades {max-width: 300px;}
	div.conteudo {padding: 10px;}
}

@media screen and (max-width: 910px)
{
	div.novidades {max-width: 600px;}
}

@media screen and (max-width: 800px)
{
	.videos320Left {display: block; float: none; margin-right: auto; margin-left: auto;}
	.videos320Right {display: block; float: none; margin-right: auto; margin-left: auto;}
	.floatImgMedioLeft {display: block; float: none; margin-right: auto; margin-left: auto;}
	.floatImgMedioRight {display: block; float: none; margin-right: auto; margin-left: auto;}
	li.nested{padding: 10px 0;}
}

@media screen and (max-width: 600px)
{
	div.box {width: 90%;}
	div.conteudo {width: 90%;}
	table, th, td 
	{
	   padding-left: 1px;
	   padding-right: 1px;
	}
	div.menu {text-align: center;}
	span.menuitem {margin: auto; padding: 15px;}
	span#lang {position: relative; display: block; text-align: center;}
	div#escolhaidioma p {text-align:center; font-size: 1em;}
	.bandeiraindex {display: block; margin: 0.5em auto auto auto;}
	div.novidades {display: block; max-width: none; width: auto; margin: 10px auto;}
	div#cssconfarea {text-align: center;}
}

@media screen and (max-width: 470px)
{
	div.copyright {font-size: 0.8em;}
	.floatLeft {display: block; float: none; margin-right: auto; margin-left: auto;}
	.floatRight {display: block; float: none; margin-right: auto; margin-left: auto;}
	table, th, td 
	{
	   font-size: 0.8em;
	}
	.cssconfbotao {margin: 2px;}
}

@media screen and (min-width: 600px)
{
	p#primeiro-p{margin-top: 0.5em;}
}