@charset "UTF-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,300i,400,400i,500,500i,700,700i" rel="stylesheet');

html{
	width:100%;
	height:100%;
}
body {
	margin:0;
	background-color:#333;
	padding:0;
	width:100%;
	height:100%;
	font-family: 'Ubuntu', Helvetica, Arial, Verdana, Geneva, sans-serif;
	font-size:16px;
	color:#fff;
	font-weight:300;
	min-height:100%;
}
a,
a:visited{
	color:#FFF;
	text-decoration:underline;
	border:0;
}
a:hover {
	color:#FFF;
	text-decoration:none;
}
a img{
	border:0;
}
i.fa{
	text-decoration:none;
	padding:3px 10px 0 10px;
}
a i.fa-facebook-square{
	text-decoration:none;
	padding:3px 10px 0 0;
}
a:hover i{
	text-decoration:none;
	color:#999;
}
b, strong{font-weight:400;}

h4, h3{
font-weight:200;
}
#container {
	position:absolute;
	margin:0;
	width:100%;
	height:100%;
	padding:0;
	display: table;
}
#content {
	display: table-cell; vertical-align: middle
}
.clear {clear:both} 
#inner {
	margin-left: auto; margin-right: auto; text-align:center; max-width:540px;
}
#inner hr {
	border:0;
	margin:10px o 10px 0;
	padding:0;
	border-bottom:1px #ccc dashed;
}
#inner h1 {
	font-size:2em;
	font-weight:200;
	text-transform:uppercase;
}
#inner h2 {
	font-size:1.75em;
	font-weight:200;
	text-align:left;
}
#inner h3 {
	font-size:1.5em;
	font-weight:normal;
	text-align:justify;
	line-height:1.5em;
}
#inner h4 {
	font-size:1.25em;
	font-weight:200;
	text-align:justify;
	line-height:1.25em;
}
#inner p {
	text-align:justify;
	font-size:1em;
}
#inner h3 .en{
	color:#CCC;
}
#inner div.l {
	float:left;
	width:47%;
}
#inner div.r {
	float:right;
	width:47%;
}
#inner h4 div.l {
	float:left;
	width:47%;
}
#inner h4 div.r {
	float:right;
	width:47%;
}

#content .banner .dois a {
	margin:0 0 0 13px;
	line-height:0;
}
#content .banner {
	position:absolute;
	bottom:0;
	z-index:0;
	width:100%;
	vertical-align:bottom;
}
#content .banner div {
	margin:10px;
}
#content .banner div img{
	margin:0;
	padding:0;
	border:0;
}
#content .banner .dois {
	width:800px;
	vertical-align:bottom;
	margin:10px auto 10px auto;
	position:relative;
	padding:0;
}
#content .banner div.l {
	float:left;
}
#content .banner div.r {
	float:right;
	margin-top:30px;
}
 a.logo {
	border:1px #111 solid;
	display:inline-block;
	overflow:hidden;
	background-color:#000;
	padding:0;
	line-height:0;
}
a.logo:hover {
	border:1px #CCC solid;
}

#inner h2 ul.artist  {
	list-style:none;
	padding:0;
}
#inner h2 ul.artist  li {
	list-style:none;
	float:left;
	padding:10px 0 10px 0;
	width:47%;
	margin:0 10px 0 10px;
	overflow:hidden;
	text-align:left;
}
#inner h2 ul.artist a img {
	border:1px #333 solid;
	max-width:120px;
	max-height:120px;
	float:left;
	margin:0 15px 0 0;
}
#inner h2 ul.artist a:hover img {
	border:1px #C00 solid;
}
#inner h2 ul.artist a {
	
}

.top-menu {
  margin: auto;
  float:right;
}

.top-menu-main {
  position: relative;
  list-style: none;
  margin: 0;
  padding:0 5px;
}

.top-menu-main a {
  display: block;
  height: 38px;
  line-height: 3.8;
  padding: 0 0;
  text-align: right;
}

ul.demo-menu {
  bottom: 38px;
  cursor: pointer;
  display: none;
  min-width: 100%;
  position: absolute;
  padding: 0px;
  margin: 0px;
  white-space: nowrap;
  width:100%;
}

ul.demo-menu > li {
  margin: 0px;
  padding: 10px;
  color: #fff;
  white-space: nowrap;
  list-style: none;
  background-color:#333;
  float:right;
  display:block;
}

ul.demo-menu > li.hover {
  background: #cfcfcf;
  color: #333;
}