/**************************** Geral
***********************************/
html {
    height: 100%;
}
body {
	font-family:verdana, arial;
	background-color:#FFFFFF;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
    height: 100%;
}
a {
	color:black;
	text-decoration:none;
	font:bold;
}
img {
	border:0px;
}
a:hover {
	color:#606060;
}


/************************ Container
***********************************/
.container {
	position:relative;
    min-height: 100%;
}

* html #container { height: 100%; }

.push {
    height: 10em;
	clear: both;
}

/************************ Cabecalho
***********************************/
#body_cabec {
	position:relative;
	left:0px;
	top:0px;
	width:1024px;
}
#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:272px;
	height:139px;
}
#mosaico {
	position:absolute;
	left:272px;
	top:0px;
	width:752px;
	height:139px;
}

/***************************** Menu
***********************************/
#body_menu {
	position:relative;
	left:272px;
	top:150px;
	width:752px;
	z-index:2;
	font-size:17px;
}
#m1 {
	position:absolute;
	left:0px;
	top:0px;
}
#m2 {
	position:absolute;
	left:145px;
	top:0px;
}
#m3 {
	position:absolute;
	left:255px;
	top:0px;
}
#m4 {
	position:absolute;
	left:440px;
	top:0px;
}
#m5 {
	position:absolute;
	left:570px;
	top:0px;
}
#contato {
	position:absolute;
	left:680px;
	top:-3px;
	border:0;
}
#facebook {
	position:absolute;
	left:710px;
	top:-3px;
	border:0;
}
a.menu {
	font-variant:small-caps;
}
table.submenu {
	font-size:100%;
	position:absolute;
	visibility:hidden;
	background-color:white;
	padding-left:7px;
	padding-top:5px;
	border-style:solid;
	border:0px;
}
td.submenu {
    background:white;
	background-color:#F5F5F5;
    border-color:#EEEEEE;
	border-style:solid;
	border-bottom-width:1px;
	border-top-width:0px;
	border-left-width:0px;
	border-right-width:0px;
	font-size:14px;
}

/**************************** Corpo
***********************************/
#body_conteudo {
	position:relative;
	left:250px;
	top:210px;
	width:715px;
	padding:20px;
	font-size:14px;
	text-align:justify;
	text-indent:50px;
	line-height:150%;
	z-index:1;
}

/***************************** Home
***********************************/
div.home_news_container {
    float:left;
    width:500px;
    background:white;
	padding:0px;
	margin-bottom:50px;
	margin-right:10px;
    border:solid 1px grey;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

div.home_news_header {
    background:white;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

h3.home_news_header {
	font-size:16px;
    font-variant:small-caps;
    text-indent:0px;
	color:#660000;
}

div.home_news_contents {
	font-size:12px;
    background:#EEEEEE;
	padding:20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
}

P.home_news_contents {
    text-indent:0px;
    font-weight:bold;
}

div.home_agenda_container {
    float:right;
    width:180px;
    background:white;
	padding:0px;
	margin-bottom:50px;
	margin-left:10px;
    border:solid 1px grey;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

div.home_agenda_header {
    background:white;
	padding-top:1px;
	padding-bottom:1px;
	padding-left:10px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

h3.home_agenda_header {
	font-size:13px;
    font-variant:small-caps;
    text-indent:0px;
	line-height:13px;
	color:#660000;
}

div.home_agenda_contents {
	font-size:10px;
    font-weight:lighter;
    line-height:12px;
    text-indent:0px;
    background:#EEEEEE;
	padding:10px;
    -moz-border-radius: 0 0 15px 15px;
    border-radius: 0 0 15px 15px;
}


/********************** Integrantes
***********************************/
h2.integr {
	font-size:18px;
    font-variant:small-caps;
    text-indent:0px;
	line-height:16px;
	text-align:left;
}

h3.integr {
	font-size:13px;
    font-variant:small-caps;
    text-indent:0px;
	line-height:12px;	
}

table.integr {
	width: 100%;
}

td.integr {
	vertical-align: top;
	padding: 10px;
}

p.integr {
	font-size:12px;
    text-indent:0px;
}


/************************* Timeline
***********************************/
#tl {
	font-size:11px;
	padding:0px;
	text-indent:0px;
}
.timeline-event-bubble-body {
	font-size:12px;
}
.timeline-event-bubble-time {
    color: #aaa;
	font-size:10px;
	margin-top:10px;
}

/**************************** Fotos
***********************************/
td.fotos {
    margin:0;
    padding:15px;
	text-align: center;
    font-size:11px;
    text-indent:0px;
	line-height:100%;
}

.navegador_fotos {
	text-align: center;
    font-size:12px;
	color:#222222;
    text-indent:0px;
}

/**************************** Audio
***********************************/
#audio {
	padding:0px;
}


/**************************** Video
***********************************/
#video {
	padding:0px;
}


/*************************** Agenda
***********************************/
.agenda {
    text-indent:0px;
}

div.agenda {
    background:#EEEEEE;
	padding-left:30px;
	padding-right:30px;
	padding-top:2px;
	padding-bottom:10px;
	margin-bottom:50px;
	margin-left:40px;
	margin-right:50px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:solid 1px grey;
}

h3.agenda {
	font-size:16px;
	color:#660000;
}

p.repertorio {
    font-size:12px;
    color:#555555;
}

div.tooltip 
{
    visibility:hidden; 
    position:absolute; 
    background-color:white;
    top:0;
    left:0;
    z-index:10; 
    font-size:11px;
    padding-left:10px;
    padding-right:10px;
    border:solid 1px;
    text-indent:0px;
}

/************************* Noticias
***********************************/
div.news {
    background:#EEEEEE;
	padding-left:30px;
	padding-right:30px;
	padding-top:2px;
	padding-bottom:10px;
	margin-bottom:50px;
	margin-left:40px;
	margin-right:50px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border:solid 1px grey;
}

h3.news {
    text-indent:0px;
	font-size:16px;
	color:#660000;
}

/*************************** Rodape
***********************************/
.body_footer {
    position:absolute;
	bottom:-350px;
	left:250px;
	width:715px;
    margin-top:50px;
	padding:20px;
	font-size:10px;
	text-align:center;
	line-height:200%;
	text-indent:0px;
}
