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

html{
	width:100%;
	height:100%;
}
body {
	margin:0;
	background-color:#231F20;
	padding:0;
	width:100%;
	height:100%;
	font-family:Calibri, Arial, Verdana, Geneva, sans-serif;
	font-size:13px;
	color:#FFF;
}
a,
a:visited{
	color:#FFF;
	text-decoration:none;
	border:0;
}
a:hover {
	color:#fff;
	text-decoration:underline;
}
a img{
	border:0;
}
a.af{
	position:absolute;
	right:5px;
	bottom:5px;
	opacity:0.6;
	filter:alpha(opacity=60);
}
a.af:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
h4, h3{
font-family:Arial, Verdana, Helvetica, sans-serif;
}
#container {
	position:absolute;
	margin:0;
	width:100%;
	height:100%;
	padding:0;
	display: table;
}
#content {
	display: table-cell; vertical-align: middle
}
#menu {
	text-align:center;
	position:fixed;
	top:0;
	width:100%;
}
#menu div{
	margin:0 auto;
	position:relative;
	width:500px;
}
#menu div ul.menu{
	list-style:none;
	margin:0;
	padding:0;
	text-align:center;
}
#menu div ul.menu li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:100px;
	background-color:#231F20;
}
#menu div ul.menu li a {	
	padding:5px 0 5px 0;
	color:#fff;
	text-decoration:none;
	width:100px;
	display:block;
	text-transform:uppercase;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#menu div ul.menu li span {
	padding:5px 0 5px 0;
	background-color:#fff;
	color:#000;
	width:100px;
	display:block;
	text-transform:uppercase;
	opacity:0.8;
	filter:alpha(opacity=80);
}
#menu div ul.menu li a:hover {
	background-color:#FFF;
	color:#000;
	opacity:0.9;
	filter:alpha(opacity=90);
}
#menu div ul.menu li.en {	
	width:47px;
}
#menu div ul.menu li.en a{	
	width:47px;
}
#menu ul#submenu {
    display:none; 
    margin:0; 
    padding:0; 
	z-index:100;
}
#menu ul#submenu li {
	white-space:nowrap;
	padding:0;
	margin:0;
	border:0;
	width:125px;
}
#menu ul#submenu li a {
	padding:5px 0 5px 0;
	width:125px;
	text-transform:uppercase;
}
.clear {clear:both} 
#inner {
	margin-left: auto; margin-right: auto; width: 500px; text-align:center;
}
#inner hr {
	border:0;
	margin:10px o 10px 0;
	padding:0;
	border-bottom:1px #ccc dashed;
}
#inner h1 {
	font-size:17px;
	font-weight:normal;
	text-align:center;
	text-transform:uppercase;
}
#inner h2 {
	font-size:16px;
	font-weight:normal;
	text-align:left;
}
#inner h4 {
	font-size:11px;
	font-weight:normal;
	text-align:left;
	line-height:13px;
}
#inner h3 {
	font-size:13px;
	font-weight:normal;
	text-align:justify;
	line-height:15px;
}
#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 {
	
	line-height:0;

}
#content .banner {
	position:absolute;
	bottom:0;
	z-index:0;
	width:100%;
	vertical-align:bottom;
}
#content .banner div {
	margin:0px;
}
#content .banner .dois {
	width:500px;
	vertical-align:bottom;
	margin:0 auto 0 auto;
	position:relative;
	overflow:hidden;
	text-align:justify;
}
#content .banner div.l {
	float:left;
}
#content .banner div.l .stoli {
	margin-left:225px;
}
#content .banner div.r {
	float:right;
}
 #content .banner .dois a.logo {
	 margin:0 30px 0 0;
	border:0;
	display:inline-block;
	overflow:hidden;
	line-height:0;

}
 #content .banner .dois a.last {
	 margin:0;
	border:0;
	display:inline-block;
	overflow:hidden;
	line-height:0;
}
#content .banner .dois a:hover img {
	border:0;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#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 {
	
}
/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:480px;
	margin:0 auto;
	width:640px;
	z-index:1;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
.red {
	color:#ED1B24;
}
.art {
	list-style:none;
	text-align:center;
	padding:0;
	line-height:50px;
	text-transform:uppercase;
}