* {
	margin: 0px;
	padding: 0px;
}

html, body {font-family:Georgia;}

.content{
	width:100%;
	max-width:1087px;
	margin:0 auto;
	box-sizing: border-box;
	padding:0px;
}
h1 {font-size: 300%;font-style:italic;font-weight:normal;}
h3 {font-size: 150%;font-style:italic;font-weight:normal;margin-top:40px;}
p {padding-top: 20px;}
img.foto {border: 10px solid white;}
img.direita {
	float:right;
	margin-left: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
}
img.esquerda {
	float:left;
	margin-right: 50px;
	margin-bottom: 20px;
	margin-top: 20px;
}
div.esquerda {float:left;margin-right: 50px;}
div.clear {clear:both;}
a.botao {
	font-size: 120%;
	font-style: italic;
	padding: 8px 18px 8px 18px;
	border: 2px solid;
	display: inline-block;
	text-decoration: none;
	margin-top: 20px;
}
a.fechar {
	font-size: 100%;
	font-style: italic;
	padding: 4px 9px 4px 9px;
	border: 2px solid;
	display: inline-block;
	text-decoration: none;
	margin-top: 20px;
}
a {cursor: pointer;}
.out {display:none;}
.on {display:block;}
table {
	border:none;
	padding:0px;
	border-spacing:3px;
	margin-top: 20px;
}
td, th {
	padding: 0px;
	font-style: italic;
	border: 2px solid;
}
td a, th a {display:inline-block;width:100%;line-height:100%;padding:8px;text-align:left;}
blockquote {
	font-size: 150%;
	font-style:italic;
	margin-top:20px;
	border-left: 10px solid;
	padding: 20px;
	quotes: "\201C""\201D";
}
blockquote span {margin-left:100px;font-size: 75%;}
blockquote:before {
  content: open-quote;
  font-size: 400%;
  line-height: 10px;
  margin-right: 10px;
  vertical-align: -40px;
}


.menubar{
	position:fixed;
	right:0;
	top:0;
}

.menubar nav{
	text-align: right;
	padding: 10px;
	background:#7FBAD1;
}
.menubar nav a{
	color:#fff;
	text-decoration:none;
	font-family:Georgia;
	padding-right:7px;
	margin-left:7px;
	border-right: 0px solid #70838A;
}
.menubar nav a.destaque{
	color:#3E352C;
}
.menubar nav a:hover{
	text-decoration:underline;
	color:#3E352C;
}

header{
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
}
header img.logo_topo {margin-bottom:40px;}

ul {list-style-position: inside;margin-left:10px;}
li {margin-top: 5px;font-size:120%;font-style:italic;text-decoration:none;}

#creditos {
	font-style:italic;
	font-size: 80%;
	margin-bottom: 20px;
}

section  {
	padding-top: 50px;
	padding-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
}

.cinzaclaro {background:#70838A;color:white;}
.cinzaclaro h1 {color:black;}
.cinzaclaro .destaque {color:black;font-weight:bold;}
.cinzaclaro a{color: #E8B276;}
.cinzaclaro td a{color:white;text-decoration:none;}
.cinzaclaro th a{text-decoration:none;}
.cinzaclaro th {background:#2C393E;font-weight:normal;}
.cinzaclaro blockquote {color: #E8B276;}
.cinzaclaro blockquote {border-color:#7FBAD1;}
.cinzaclaro blockquote:before {color: #7FBAD1;}
.cinzaclaro li a {color:white;}
.cinzaclaro a.botao {color: #E8B276;background:#2C393E;font-weight:normal;}

.cinzaescuro {background:#2C393E;color:white;}
.cinzaescuro h1 {color:white;}
.cinzaescuro .destaque {color:#E8B276;}
.cinzaescuro a{color: #7FBAD1;}
.cinzaescuro td a{color:white;text-decoration:none;}
.cinzaescuro th a{color:#2C393E;text-decoration:none;}
.cinzaescuro th {background:#70838A;font-weight:normal;}
.cinzaescuro blockquote {color: #E8B276;}
.cinzaescuro blockquote {border-color:#7FBAD1;}
.cinzaescuro blockquote:before {color: #7FBAD1;}
.cinzaescuro li a {color:white;}
.cinzaescuro a.botao {border-color:white;color: #2C393E;background:#E8B276;font-weight:normal;}

.marromclaro {background:#E8B276;color:#3E352C;}
.marromclaro h1 {color:black;}
.marromclaro .destaque {color:#70838A;font-weight:bold;}
.marromclaro a{color: #70838A;}
.marromclaro td a{color:white;text-decoration:none;}
.marromclaro th a{color:#7FBAD1;text-decoration:none;}
.marromclaro th {background:#2C393E;font-weight:normal;}
.marromclaro blockquote {color: white;}
.marromclaro blockquote {border-color:#2C393E;}
.marromclaro blockquote:before {color: #2C393E;}
.marromclaro li a {color:#2C393E;}
.marromclaro a.botao {border-color:#2C393E;color: white;background:#70838A;font-weight:normal;}

.marromescuro {background:#3E352C;color:white;}
.marromescuro h1 {color:#7FBAD1;}
.marromescuro .destaque {color:#7FBAD1;}
.marromescuro a{color: #E8B276;}
.marromescuro td a{color:white;text-decoration:none;}
.marromescuro th a{color:#2C393E;text-decoration:none;}
.marromescuro th {background:#70838A;font-weight:normal;}
.marromescuro blockquote {color: #E8B276;}
.marromescuro blockquote {border-color:#7FBAD1;}
.marromescuro blockquote:before {color: #7FBAD1;}
.marromescuro li a {color:white;}
.marromescuro a.botao {border-color:white;color:#2C393E;background:#70838A;font-weight:normal;}



@media (max-device-width:480px){
	div.menubar {position:absolute;}
	nav {display:none;}
	img.foto {width:40%;}
	img.h {width:90%;margin:40px;float:none;}
	h1 {font-size:500%;}
	header img.logo_topo {width:100%;margin-bottom:40px;}
	a.botao {display:block;font-size:100%;margin-top:50px;margin-bottom:0px;padding-bottom:0px;text-align:center;}
	a.fechar {display:block;font-size:100%;text-align:center;}
	div.esquerda {float:none;}
	ul {margin-left:20px;margin-top:0px;padding-top:0px;}
	table {width:100%;}
}