/* gerar css para tags Geral de uma pagina html */
body{
	width:auto;height:auto;margin:auto;
}
main{
	margin-top:15px;margin-bottom:15px;width:100%;height:100%;
}
nav{
	margin-top:15px;
}
/* configuracao nav menu */
nav{
	margin-top:15px;width:100%;text-align:center;
	background-color:#00FFFF;//*cyan*//
}
nav ol{
	padding:0px;margin:0px;list-style-type:none;
}
nav ol li{
	margin:5px 3px 5px 3px;padding:0px 0px 0px 0px;display:inline-block;font-size:18px;text-align:center;
}
nav ol li a{
	padding:0 5px 0 5px;background-color:blue;display:block;text-align:center;color:cyan;text-shadow:0 1px 0 #000, 0 -1px 0 #ccc;border:solid 3px #0ff;border-radius:2em;box-shadow:0 0 15px yellow;text-decoration:none;
}
nav ol li a:hover{
	box-shadow:0 0 30px blue;
}
/*configuração header*/
.cfgHeader {
	margin:0px;width:100%;height:100%;padding:5px;
}
.cfgSectionHeader {
	display:flex;flex-direction:column;align-items:center;
}
.cfgFigureHeader {
}
.cfgImgHeader {
	width:100px;height:100px;
}
.cfgArticleHeader{
	text-align:center;
}
/* Caixa de Texto */
.cfgSectionCxTxtCenter {
	width:98%;height:100%;
	margin:0;padding:0;
	display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;
}
.cfgDivCxTxtCenter{
	width:90%;height:100%;
	padding:10px;
	display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;
}
.cfgArticleCxTxtCenter {
	width:90%;height:100%;
	display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;
	align-content:center;
}
.cfgItem{
	align-self:normal;
}
/*configuração footer*/
.cfgFooter{
	margin-top:15px;line-height:1.42857143;text-align: center;padding:0;width:100%;height:65px;display:flex;flex-direction:column;
}
.cfgHr {
	display:block;margin-top:0;margin-bottom:0;margin-left:auto;margin-right:auto;border-style:inset;border-width:1px;width:100%;
}
/* seletores classes css de uso geral*/
.cfgBold {
	font-weight:bold;
}
.cfgBold2em {
	font-weight:bold;font-size:2em;
}
.cfgBold4em {
	font-weight: bold;font-size: 4em;
}
.cfgCaixaVazia {
	background-color:#eee;width:100%;height:50px;margin-top:5px;border:solid #eee 1px;display:flex;
}
/* caixa com texto e uma foto */
.cfgSectionCxTextoFoto {
	margin:0;width:99%;height:100%;/*text-align:center;*/
	bbackground-color:#87CEFF;  /*#8EE5EE;#00F5FF;#87CEFA;*/
	display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;
	/*align-items:center;justify-content:center;align-content:center;*/
}
.cfgDivCxTextoFoto {
	width:90%;height:100%;
	display:flex;flex-direction:row;
	justify-content:center;align-content:center;align-items:center;
}
.cfgArticleCxTextoFoto {
	width:auto;height:auto;
	display:flex;
	flex-direction:column;flex-wrap:wrap;justify-content:center;align-items:center;
}
.cfgFigureCxTextoFoto {
	width:auto;height:auto;
}
.cfgImgCxTextoFoto{
	width:80%;max-width:500px;max-height:400px;border: solid black 1px;
}
/* seletores classes css de uso geral*/
.aBotao{
	margin:0;padding:0px 2px 0px 2px;width:auto;height:auto;cursor:pointer;font-weight:bold;font-family:arial,tahoma;text-align:center;text-shadow:1px 1px 0 cyan;color:blue;background-color:transparent;border-radius:5px;border:solid black 1px;box-shadow:inset 0 1px 2px #fff, 0 2px 3px #000;
}
a.aBotao{
	text-decoration: none;
}
a.aBotao:hover{
	color:yellow;
}
.cfgBordaCyan {
	border:solid cyan 1px;margin:5px 5px 5px 5px;
}
.cfgBordaPreta {
	border:solid black 1px;
}
.cfgCenter {
	text-align:center;
}
.cfgJustificado{
	text-align:justify;
}