@charset "utf-8";
/**
 * Author: Valmor Machado - machado.valmor@gmail.com
 */

/*************** Padrao da Pagina *********************/
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}
body {
	background-color: #FFFFFF;
	margin: 0px;
}
td img {
}
form {
	border: none;
}
img {
	border: none;
}

/*************** Formatacao de Textos *********************/
a:link, a:visited{
	color: #666666;
	text-decoration: none;
}
a:hover, a:active {
	text-decoration: none;
	color: #285BC1;
}
a.blue {
	text-decoration: none;
	color: #285BC1;
}
a.blue:hover {
	text-decoration: underline;
	color: #285BC1;
}
h1{
	font-size:14px;
	color:#666666;
	margin:0;
}
.fieldset_style{
	border: 1px solid #b3b3b3;
	padding: 5px;
}
.fieldset_style legend{
	font-weight: bold;
	color: #666666;
}

/********************* RICH COMPONENTS ******/
.rich-table {
    width: 100%;
}
.rich-dtascroller-table{
	border: 0;
}
.rich-datascr-button{
	border: 1px solid #dedede;
	background: url(../imagens/bg_scroll.gif) repeat-x #dedede;
	font-weight: bold;
}
.rich-datascr-button-dsbld{
	color: #cccccc;
}
.rich-datascr-act{
	border: 0;
	background: url(../imagens/bg_scroll_active.gif) repeat-x #77a2e2;
	color: #ffffff;
	font-weight: bold;
}
.rich-datascr-inact{
	border: 1px solid #dedede;
	color: #999999;
	background: url(../imagens/bg_scroll.gif) repeat-x #dedede;
	font-weight: bold;
}

/*************** Formulario Busca *********************/
.containerbusca{
	height: 60px;
	background: url(../imagens/bg_blue.jpg) repeat-x #357bcf;
	text-align: center;
}
.busca{
	text-align: center;
	width: 550px;
	margin-top:15px;
	margin-right: auto;
	margin-left: auto;
}
.busca .label{
	height: 20px;
	width: 150px;
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#ffff00;
	margin-top: 5px;
}
.busca .containerinput{
	height: 27px;
	width: 376px;
	background: url(../imagens/bg_input_buscar.gif) no-repeat left top;
	float: left;
}
.busca .loader{
	width: 16px;
	float: left;	
}
.busca input{
	height: 21px; 
	width: 323px;
	border: 0px;
	font-size: 14px;
	color: #999999;
	padding: 5px 10px;
	background-color: transparent;
	float: left;
}
.busca .btn_busca {
	background-image: url(../imagens/btn_busca.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 27px;
	width: 33px;
	border: 0;
	cursor: pointer;
}

/*************** Design *********************/
/** TOP **/
.top {
	height: 100px;
	background: url(../imagens/bg_top.jpg) repeat-x bottom #939393;
}
.marca{
	height: 50px;
	text-align: center;
	background: url(../imagens/marca_home.gif) no-repeat center;
}
.menu{
	height:35px;
	background: url(../imagens/bg_menu.jpg) repeat-x;
}
.menucontainer{
	text-align: left;
	width: 785px;
	margin-right: auto;
	margin-left: auto;	
}
.menu ul {
	padding: 0;
	margin: 0;
}
.menu ul li {
	padding: 0;
	margin: 0;
	float: left;
	border: none;
	list-style-image: none;
	list-style-type: none;
}
.menu ul li a {
	display: block;
	height: 35px;
	background-repeat: no-repeat;
	background-position: left top;
}
.menu ul li a.home {
	background-image: url(../imagens/btn_home.jpg);
	width: 93px;
}
.menu ul li a.musicos {
	background-image: url(../imagens/btn_musicos.jpg);
	width: 92px;
}
.menu ul li a.ensaios {
	background-image: url(../imagens/btn_ensaios.jpg);
	width: 92px;
}
.menu ul li a.dissertacoes {
	background-image: url(../imagens/btn_dissertacoes.jpg);
	width: 177px;
}
.menu ul li a.paineis {
	background-image: url(../imagens/btn_paineis.jpg);
	width: 150px;
}
.menu ul li a.sobre {
	background-image: url(../imagens/btn_sobre.jpg);
	width: 177px;
}
.menu ul li.selected  a.home {
	background-image: url(../imagens/btn_home_active.jpg);
}
.menu ul li.selected a.musicos {
	background-image: url(../imagens/btn_musicos_active.jpg);
}
.menu ul li.selected a.ensaios {
	background-image: url(../imagens/btn_ensaios_active.jpg);
}
.menu ul li.selected a.dissertacoes {
	background-image: url(../imagens/btn_dissertacoes_active.jpg);
}
.menu ul li.selected a.paineis {
	background-image: url(../imagens/btn_paineis_active.jpg);
}
.menu ul li.selected a.sobre {
	background-image: url(../imagens/btn_sobre_active.jpg);
}
.containerbreadcrumbs{
	height: 24px;
	background: url(../imagens/bg_breadcrumbs.jpg) repeat-x left top;
	text-align: center;
}
.breadcrumbs {
	width: 738px;
	margin-top: 4px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #666666;
}
.breadcrumbs a {
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	display: block;
	float: left;
	margin-right: 5px;
	padding-right: 8px;
	background: url(../imagens/seta.png) no-repeat right center;
}
.breadcrumbs a:hover {
	text-decoration: underline;
}
.breadcrumbs span {
	display: block;
	float: left;
}

/** MAIN **/
.containermain {
	text-align: center;
	background-color: #FFFFFF;
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
}
.main {
	width: 738px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

/** BOTTOM **/
.bannerbottom{
	clear: both;
	text-align: center;
	padding-top: 30px;
	position: relative;
	z-index: 0px;
}
.base {
	background: url(../imagens/apoio_fundo.jpg) repeat-x left top #F4F2E5;
}
div.apoio {
	height: 70px;
	width: 738px;
	margin-right: auto;
	margin-left: auto;
}
div.apoio a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	float: left;
}
div.apoio a.governo {
	background-image: url(../imagens/apoio_governo.jpg);
	height: 20px;
	width: 58px;
	margin: 16px 30px 0px 248px;
}
div.apoio a.petrobras {
	background-image: url(../imagens/apoio_petrobras.jpg);
	height: 19px;
	width: 101px;
	margin-right: 30px;
	margin-top: 16px;
}
div.apoio a.ministerio {
	background-image: url(../imagens/apoio_ministerio.jpg);
	height: 31px;
	width: 23px;
	margin-top: 10px;
}
div.rodape {
	text-align: center;
	background-color: #F4F2E5;
}
div.rodape p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #999999;
	padding-top: 5px;
	background-color: #F4F2E5;
}
div.rodape p a {
	color: #999999;
	background-color: #F4F2E5;
}

/********** Tela Inicio ***********/
.musicodestaque{
	position: relative; 
	width: 205px; 
	height: 228px;
}
.musicodestaque_info{
	font-size: 11px;
	bottom: 0px; 
	width: 199px; 
	margin: 0px; 
	padding: 3px;
	position: absolute; 
	color: #333333;
	background-color: #FFFFFF; 
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.musicodestaque_info .icons{
	margin: 5px;
	height: 16px;
	width: 16px;
	border: 0;
}
.musicodestaque_info .nome{
	font-size:16px;
	font-weight:bold;
}
.musicodestaque .imgloader{
	background: url(../imagens/ajax-loader.gif) no-repeat center;
}
.musicodestaque_texto{
	text-align: justify;
	margin-top: 10px;
}
.musicodestaque_texto a:link, .musicodestaque_texto a:visited{
	color: #666666;
	text-decoration: underline;
}
.musicodestaque_texto a:hover, .musicodestaque_texto a:active {
	text-decoration: none;
	color: #285BC1;
}
.musicodestaque_texto a.leia_mais{
	color: #333333;
	font-weight: bold;
}
.musicodestaque_texto a.leia_mais:hover{
	text-decoration: underline;
}
.musicodestaque h2 {
	background-image: url(../imagens/musicodestaque_h2.gif);
	height: 23px;
	width: 119px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}
div.radio h2 {
	background-image: url(../imagens/radio_h2.gif);
	height: 23px;
	width: 138px;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
}
div.radio {
	float: right;
	width: 500px;
	height:228px;
}

/********** Tela Musicos ***********/
/* Rich DataTable */
.musicosList{
	border-color: #FFFFFF;
}
.musicosList td{
	border-color: #FFFFFF;
	padding: 5px;
}
.musicosList td img{
	border: 0;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.musicosInclusaoList{
	border: 0;
}
.musicosInclusaoList td{
	border-bottom: 1px dashed #999999;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	padding: 5px;
}
.musicosInclusaoList td img{
	border: 0;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.musicosElaboracaoList{
	border: 0;
}
.musicosElaboracaoList td{
	border-bottom: 1px dashed #999999;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	padding: 5px;
	color: #666666;
}
.musicosElaboracaoList td img{
	border: 0;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}
.row1{
	background-color: #ebf4ff;
}
.row2{
	background-color: #ddebfc;
}
.musicosLetras{
	height: 40px;
	text-align:center;
}
.musicosLetras a{
	padding: 3px;
	color: #666666;
}
.musicosLetras a:visited{
	color: #999999;
}
.musicosLetras a:hover, .musicosLetras a:active{
	background-color: #77a2e2;
	color: #FFFFFF;
}
.elaboracaoLetras{
	height: 40px;
	text-align:center;
}
.elaboracaoLetras a{
	padding: 1px;
	color: #666666;
}
.elaboracaoLetras a:visited{
	color: #999999;
}
.elaboracaoLetras a:hover, .elaboracaoLetras a:active{
	background-color: #77a2e2;
	color: #FFFFFF;
}
/* Layout DIV */
.musicos{
	float: left; 
	width: 245px;
}
.musicos h1{
	height: 20px;
	padding-left: 15px;
	background: url(../imagens/icon_seta.gif) left top no-repeat;
}
.musicos .lista{
	height: 260px;	
}
.musicos .scroll, .musicosElaboracao .scroll{
	background-color: #FFFFFF;
	padding-top: 10px
}
.ultimasInclusoes{
	float: left; 
	width: 210px; 
	padding-left: 30px;
}
.ultimasInclusoes h1{
	height: 20px;
	padding-left: 15px;
	background: url(../imagens/icon_seta.gif) left top no-repeat;
}
.ultimasInclusoes .lista{
	height: 260px;	
}
.musicosElaboracao{
	float: left; 
	width: 210px; 
	padding-left: 30px;
}
.musicosElaboracao h1{
	height: 20px;
	padding-left: 15px;
	background: url(../imagens/icon_seta.gif) left top no-repeat;
}
.musicosElaboracao .lista{
	height: 185px;	
}
.musicosElaboracao p{
	text-align: justify;
	font-size: 11px;
	margin: 0;
	padding: 4px 7px 0px 7px;	
	color: #999999;
}
.musicosElaboracao p a{
	text-decoration: underline;
	color: #999999;
}

/********** Tela Musicos ***********/
.menu-aba{
	height: 15px; 
	width: 733px;
	padding-left: 5px;
	border-bottom: 1px solid #cccccc;
}
.menu-aba a{
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	height: 15px; 
}
.menu-aba .selected{
	background: url(../imagens/borda_left.png) no-repeat left top transparent;
	border-bottom-color: #ffffff;
}
.menu-aba .normal{
	background: url(../imagens/borda_left.png) no-repeat left top #f0f0f0;
	border-bottom-color: #cccccc;
}
.menu-aba .borda-left{
	margin-left: -1px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.menu-aba .borda-left:hover a{
	cursor: pointer;
}
.menu-aba .borda-right{
	background: url(../imagens/borda_right.png) no-repeat right top; 
}
.menu-aba .borda-midle{
	
}
.conteudoAbas{
	width: 738px;
	margin-top: 20px;
	text-align: justify;
	display: none;
}
.conteudoAbas h1{
	height: 20px;
	padding-left: 15px;
	background: url(../imagens/icon_seta.gif) left top no-repeat;	
}
.conteudoAbas a{
	text-decoration: underline;
}
/********** Tela Verbetes **********
.verbete_container{
	position: relative;
}
.verbete_container .foto_modal{
	background-color: #ccc;
	position: absolute;
	display: none;	
	text-align: center;
	cursor: pointer;
	width: 730px;
	height: inherit;
}
.verbete_container .foto_modal div{
	overflow: auto;
}
.verbete_container .foto_modal img{
	background: url(../imagens/ajax-loader.gif) no-repeat center;
}
*/
.verbete{
	margin-top: 20px;
	text-align: center;
}
.verbete .borda{
	border-left: 1px dashed #999999;
}
.verbete_musico_left{
	width: 215px; 
	text-align: left;
}
.verbete_musico_info{
	font-size: 12px;
	width: 205px; 
}
.verbete_musico_info .nome{
	font-size:14px;
	font-weight:bold;
}
.verbete_musico_info .imgload{
	cursor: pointer;
	padding: 5px 0px;
	background: url(../imagens/ajax-loader.gif) no-repeat center;
}
.verbete_musico_info .icons{
	margin: 5px;
	height: 16px;
	width: 16px;
	border: 0;
}
.verbete_musico_texto{
	padding-left: 10px;
	text-align: justify;
}
.verbete_musico_texto h1{
	height: 20px;
	padding-left: 15px;
	background: url(../imagens/icon_seta.gif) left top no-repeat;
}
.verbete_musico_texto a:link, .verbete_musico_texto a:visited{
	text-decoration: underline;
}

.verbete_musico_texto .fotoGrid{
	border: 0;
}
.verbete_musico_texto .fotoGrid td{
	border: 0;
	text-align: center;
}
.verbete_musico_texto .fotoGrid img{
	background: url(../imagens/ajax-loader.gif) no-repeat center;
	cursor: pointer;
}
.verbete_musico_texto .audioLista{
	border: 0;
}
.verbete_musico_texto .audioLista td{
	border: 0;
}
.verbete_musico_texto .audioLista td .player{
	float:right;
	vertical-align:middle;
	width:30px;
}
.verbete_musico_texto .audioLista span{
	float:left;
	margin-top: 10px;
}

/********** Tela Resultado Pesquisa ***********/
.resultados_pesquisa{
	margin-top: 20px;
	border-top: 1px dashed #999999;
}
.resultados_pesquisa .lista{
	border: 0px;
}
.resultados_pesquisa .lista td{
	border-bottom: 1px dashed #999999;
	border-right: 0;
	border-left: 0;
	border-top: 0;
	padding: 6px;
}
.resultados_pesquisa .lista img{
	border: 0;
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

/********** Tela Paineis de Epoca ***********/
.subAbas{
	width: 733px;
	height: 18px;
	background: url(../imagens/bg_bar.jpg) repeat-x bottom;
	padding: 5px 0px 0px 5px;
	font-size: 11px;
	color: #999999;
}
.subAbas a{
	cursor: pointer;
	margin-right: 5px;
	margin-left: 5px;
}
.subAbas a:hover{
	color: #285BC1;
}
.painel{
	width: 738px;
}
.painel h1{
	height: 20px;
	padding-left: 15px;
	margin-top: 20px;
	background: url(../imagens/icon_seta.gif) left top no-repeat;		
}
.painel #conteudo{
	text-align: justify;
}
.painel #conteudo a{
	text-decoration: underline;
}
.floatright{
	float: right;
	margin-left: 5px;
	display:block; 
}
.floatleft{
	float: left;
	margin-right: 5px;
	display:block;
}
#containerLoad div{
	display: none;
}
#containerLoad div a{
	text-decoration: underline;
}
/********** Ensaios, Dissertacoes ***********/
.listaDownloads{
	border:0px;
}
.listaDownloads td{
	border:0px;
	border-bottom: 1px dashed #999999;
	padding: 10px;
	color: #666666;
}
.listaDownloads h1{
	padding: 0px;
	margin: 0px;
}
.listaDownloads p{
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	color: #2b56b2;
}
.listaDownloads img{
	border: 0;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
.listaDownloads .download{
	display: block;
	margin-top: 5px;
}

/********** Tela Contato - Form ***********/
.contato input {
	border: 1px solid #b3b3b3;
	font-size: 12px;
	font-family: Arial,sans-serif;
	background: #e5eefd;
	color: #333333;
}
.contato textarea {
	border: 1px solid #b3b3b3;
	font-size: 12px;
	font-family: Arial,sans-serif;
	background: #e5eefd;
	color: #333333;
}
.contato input[type='button'] {
	background: url(../imagens/button_bg.gif) repeat-x #0066ff;
	color: #FFFFFF;
	margin: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #b3b3b3;
	cursor: pointer;
}
.errors {
	color: red;
	list-style: decimal;
	margin: 0px 0px 0px 20px;
	padding: 10px;
	text-align: left;
}
.panelContato{
	
}
.panelContato td{
	text-align: right;
}