/* GLOBAL */
* { font-family:Verdana,"Trebuchet MS", "Lucida Sans", Arial, sans; } 
html { background:url(/css/azul/html.png); }
body { width:785px; margin:0 auto; padding:0; font-size:10px; color: #fff; position:relative; }

/* TAGS */
a { text-decoration:none; color:#fff; }
img { border:none; }
ul, ol { list-style-position: inside; list-style-type:none; }
p { line-height:1.2em; clear:both; } 

input, select { width:98%; border:1px solid #fff; background:#36F; margin:3px 0; color: #fff; }
input.submit { color:#fff; border:none; background: transparent; margin: 0; padding: 0; width:100%; text-align: right; }
input.radio { background:transparent none repeat scroll 0 0; border:medium none; color:#FFFFFF; display:block; float:left; margin:0; margin-right:6px; width:auto;}
legend { font-weight:bold; }

h2 { font-size:1.1em; margin-bottom:5px; color:#fff; }
h3 { font-size: 1.1em; }
h4 { font-weight: bold; }


/* ESTRUTURA */
#header { margin:3px 0 0 -2px; }

/* RODAPE */
#rodape { text-align:center; clear:both; width:785px; }
#rodape ul { float:left; margin-top:5px; background:#297EFF; text-align:center; width:100%; padding:2px 0 3px;  }
#rodape ul li { display:inline; font-size:.8em; }
#rodape p { color:#389AFF; }

/* CONTEUDO */
#conteudo { margin-top:-10px; float:right; width:635px; background-color:#389AFF; }
#conteudo div.interno { margin-top:-1px; padding:0 20px 5px; height:500px; overflow:auto; overflow-x:hidden; }
#conteudo div.interno img { border:3px solid #fff; }

span.conteudo { display:block; height:10px; width:635px; background:transparent url(/css/azul/conteudo.gif) no-repeat bottom left; }

div.interno { line-height: 1.3em; }
div.interno div.navegacao { text-align:center; margin-top:20px; }
div.interno div.navegacao a { color:#fff !important; font-weight:normal !important; }

/* SIDEBAR */
#sidebar { width:145px; float:left; margin-top:-10px;}

form#artistaBusca, form#artistaLogin { padding:20px 15px 0 10px; width:119px; border-right:1px solid #36f; }

form#artistaBusca { background:url(/css/azul/busca_login.gif) no-repeat top left; }
form#artistaBusca input.submit { border-bottom:1px solid #91BCFD; padding-bottom:10px; width:123px; margin:0 0 0 0px; }

form#artistaLogin { background-color:#36F; padding:10px 15px 10px 10px; width:119px !important; width:117px; }
form#artistaLogin p.extras a { display:block; width:49px; color:#91BCFD; font-size:.8em; margin-top:-18px; }
form#artistaLogin input.submit { width:70px; margin:0 -10px 0 51px; padding:0; }
form#artistaLogin input.nova_senha { width:100px; margin:0 -10px 0 21px; }

ul#menu { list-style-position:outside; margin:5px 0 10px; padding:10px 4px 5px 0; width:141px; font-size:1em; display:block; background:transparent url(/css/azul/menu.gif) no-repeat bottom; border-right:1px solid #36f; }
ul#menu li { margin:0 0 5px 7px !important; margin:0 0 -5px 7px; height:auto; display:block; border:none; }
ul#menu li a { margin:0; padding:0; display:block; text-align:left; }
ul#menu ul { margin:5px 0 0 15px; padding:0; display:none; list-style-position:outside; }
ul#menu ul li { margin-bottom:5px; }







/* HOME */
#noticias { padding:0 0 0 20px; color:#000; background-color:#389AFF; margin:-1px 0 5px; overflow:hidden; }
#noticias h2 { margin-top:10px; }
#noticias p.data { margin-bottom:10px; }
#noticias div { width:190px; border-left:1px solid #fff; float:left; padding-left:7px; margin-right:5px;height:235px; }
#noticias div.primeiro { border-left:none; padding:0; float:left; display: table; width: 400px;}
#noticias p a { color:#000; display:block; font-weight:bold; }
#noticias img { border:3px solid #fff; }

#podcast { color:#000; background-color:#389AFF; width:314px; float:left; height:250px; margin:5px 0 0 5px !important; margin:5px 0 0 1px; }
#podcast h2 { margin:0 0 0 20px; } 
#podcast p { margin:0 20px 0 20px; } 
#podcast p a { display:block; color:#000; font-weight:bold; } 

#artista { color:#000; background-color:#389AFF; width:276px; padding:20px 20px 0; float:left; margin:5px 0 0 5px; height:230px; }
#artista a { color:#000; font-weight:bold; }

#calendario { float:right; color:#000; background-color:#389AFF; width:570px; height:160px; padding:20px 0 10px 20px; margin-top:5px; position:relative; }
#calendario div.calendario { left:0; top:20px; width:190px; border-top:1px solid #fff; border-bottom:1px solid #fff; position:absolute; }
#calendario div.calendario h2 { border-bottom:1px solid #fff; width:190px; padding:5px 0; text-align:center; }
#calendario div.calendario span { display:block; width:25px; margin:0 2px 4px 0; height:15px; text-align:center; float:left; }
#calendario div.calendario span.ativo { color: #fff; cursor: pointer; }
#calendario div.calendario span.semana { font-weight:bold; }

#calendario div.evento { left:200px; top:15px; padding:10px 35px; border:none; height:135px; width:330px; background:url(/css/azul/calendario.gif) no-repeat; position:absolute; }
#calendario div.evento img { border:3px solid #fff; float:left; margin-right:10px; }
#calendario div.evento span { color:#fff; float:none; width:auto; margin:0; padding:0; text-align:left; }
#calendario div.evento div.descricao { float:left; clear:right; width:180px; height:85px; overflow:auto; border:none; margin-bottom:5px; }
#calendario div.evento p a { margin:5px 0 0; float: none; color:#000; font-weight:bold; display: block }

#Paginasindex .conteudo { float:right; }
#Paginasindex #calendario { width:615px; }
#Paginasindex #calendario div.calendario { left:20px; }
#Paginasindex #calendario div.evento { left:220px; }


/* PAGINAS INTERNAS */
#Noticiasindex div.interno a { display:block; color:#000; margin:0 0 10px 0; font-weight:bold; }

#Noticiasnoticia div.interno { color:#000; }
#Noticiasnoticia div.interno span.data { color:#fff; }
#Noticiasnoticia div.interno img { display:block; margin:0 0 10px 0; }
#Noticiasnoticia div.interno a { display:block; color:#000; margin:0 0 5px 0; font-weight:bold; }

#Paginasexpediente div.interno div { float:left; width:45%; border-right:1px solid #fff; }
#Paginasexpediente div.interno div.aux { padding-left:10px; float:none; margin-left:45%; border:none; }

#Lancamentosindex div.interno div.lancamento { height:auto !important; height:100px; overflow:auto !important; overflow:visible; display:block; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #fff; }
#Lancamentosindex div.interno div.lancamento img { float:left; clear:none; }
#Lancamentosindex div.interno div.lancamento div { float:left; clear:none; border:none; width:350px; padding-left:10px; }
#Lancamentosindex div.interno h3, #Lancamentosindex div.interno h4 { margin:0; font-weight:normal; }
#Lancamentosindex div.interno h4 { color:#000; font-weight:bold; margin-bottom:10px; }
#Lancamentosindex div.interno p { margin:0; color:#000;overflow:auto; }

#Guiastipo div.interno div { width:250px; float:left; padding-right:20px; }
#Guiastipo div.interno div h3 { margin-top:20px;}
#Guiastipo div.interno div p { color:#000; }
#Guiastipo div.interno div a { color:#000; font-weight:bold; display: block; }
#Guiastipo div.interno div.segundaParte { border-left:1px solid #fff; clear:right; padding-left:20px; }
#Guiastipo div.interno div.segundaParte a { display:block; }

#Generosgenero div.interno h5 { font-weight:normal; }
#Generosgenero div.interno p { color:#000; float:left; clear:none; }
#Generosgenero div.interno img { float:left; margin-right:5px; }

#Enquetesindex div.interno label  { display:block; height:17px; color:white; font-size:.8em; }
#Enquetesindex div.interno input { float:left; display:block; width:auto; margin:0; color: #fff; }
#Enquetesindex div.interno p { margin-bottom: 10px; color:#000; font-size:1.4em; font-weight: bold; }
#Enquetesindex div.interno h3 { margin-bottom:10px; padding:5px 10px; font-weight: bold; border:1px solid #BBB92B; border-left:none; border-right:none; background:#F6F4A2; color:#000; }
#Enquetesindex div.interno form { display: block; padding-bottom: 20px; margin-bottom:10px; border-bottom: 1px solid #fff; }

#Eventosindex div.interno div { }
#Eventosindex div.interno h3, #Eventosindex div.interno p { color:#000; }
#Eventosindex div.interno img { border:3px solid #fff; float:left; margin-right:10px; max-width:300px; }
#Eventosindex div.interno p { clear:right; }

#Temposindex div.interno { color:#000; height:500px !important; overflow:auto; }
#Temposindex div.interno h2 { display: block; clear: both; font-size:1.4em; padding-top:5px; }
#Temposindex div.interno div { color:#000; margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #fff; }
#Temposindex div.interno img { float:left; margin-right:10px; clear: both; width:560px; }

div.artistas { clear: both; overflow: auto; }
div.artistas div.navega { float: left }
div.artistas ul { margin-top:10px; padding-top: 10px; border-top:1px solid #fff; width:150px; }
div.artistas ul#letras { border-bottom: 1px solid #fff; padding-bottom: 10px; overflow: auto; list-style-type:disc; }
div.artistas ul#letras li { padding-right:0px; float:left; margin-right:5px; }
div.artistas ul#letras li.primeiro { list-style-type:none; }
div.artistas ul#artistas { border: none; float: right; width:300px; margin-top:0; }
div.artistas ul#artistas a { color: #000; }


#Artistasartista div#conteudo { position:relative; height:300px; width:635px; }

#Artistasartista div#conteudo h2 { font-size:1.7em; height:25px; margin:10px 0 0 15px }
#Artistasartista div#conteudo h2 span { margin-left:10px; font-size:.6em; font-weight:normal; vertical-align:baseline; }
#Artistasartista div#conteudo #fotos_low { position:absolute; top:55px; left:15px; }

#Artistasartista #fotos_low { float:left; margin:0; padding:0; }
#Artistasartista #fotos_low ul span { display: none; }
#Artistasartista #fotos_low ul li { list-style-type:disc; float:left; margin-right:5px; cursor:pointer; }
#Artistasartista #fotos_low ul li.primeiro { list-style-type:none; }
#Artistasartista p.descricao { color: #000; position:absolute; top:55px; left:330px; width:290px; height:206px; overflow:auto; }
#Artistasartista #fotos_low img { border:3px solid #fff; display:none; }
#Artistasartista #fotos_low img.container { display:block; }

#Artistasartista .interno { margin-top:5px; padding:10px 0 0; width:635px; background:#05D47A; width:635px; float:right; }
#Artistasartista .interno { min-height:250px; height:auto !important; height:250px; position:relative; }
#Artistasartista #midias { min-height:150px; height:auto !important; height:150px; }
#Artistasartista .interno #musicas, #Artistasartista .interno #agenda,
#Artistasartista .interno #links { margin:10px 0 0 15px; width:270px; overflow:auto; }
#Artistasartista .interno #musicas p, #Artistasartista .interno #musicas a,
#Artistasartista .interno #agenda a,
#Artistasartista .interno #links a { color:#000; font-weight:normal; margin-bottom:5px; display:block; }
#Artistasartista .interno #musicas a { font-weight:bold; }

#Artistasartista .interno span.conteudo { position:absolute; bottom:0; }


div.midias { margin-top:5px !important; padding-top:10px !important; }
div.midias h3 { margin-top:10px; color:#fff; }

div.midias, div.midias a { color:#000; }
div.midias a { font-weight:bold; }

#player { position:relative; top:10px; left:20px; height:85px; width:170px; background:#5CADFF; }
#player #mp3 { display:none; }
#player span.titulo { color:#fff; position:absolute; top:7px; left:10px; }
#player #pbar { position:absolute; top:30px; left:10px; width:150px; height:12px; background:url(/css/azul/player.pbar.png) no-repeat; }
#player #bar { position:absolute; top:0; left:0; width:2px; height:12px; background:#fff; }
#player #controls { position:absolute; top:50px; left:10px; background:url(/css/azul/player.controls.png) no-repeat; width:150px; height:22px; }
#player #controls #stop { position:absolute; top:5px; left:10px; cursor:pointer; }
#player #controls #play { position:absolute; top:5px; left:25px; cursor:pointer; }
#player #controls #volume { position:absolute; top:5px; left:65px; height:11px; width:70px; }
#player #controls #volumeatual { position:absolute; top:0; left:100%; width:2px; background:#fff; height:11px; }
#player #controls #vol_men { position:absolute; top:0; left:0; width:65px; height:11px; cursor:pointer; }
#player #controls #vol_mais { position:absolute; top:0; right:0; width:0; height:11px; cursor:pointer; }

h3.mensagem { margin:0 20px 10px 0; padding:5px 10px; font-weight: bold; border:1px solid #BBB92B; border-left:none; border-right:none; background:#F6F4A2; color:#000; }
.error-message { color:red; font-weight: bold; }

#usuario_logado { padding:10px 15px 20px 10px; background-color:#36F; }
#usuario_logado p { height:20px; font-weight: bold; }
#usuario_logado a { display:block; text-align:left; margin-top: 4px; }

#esqSenha { display:none; }

#fotos { width:300px; height:200px; overflow:hidden; display:block; }

.fotos{text-align: center;}
.fotos hr{margin-bottom:10px; border-bottom: 1px solid #fff;margin-left: 40px;margin-right: 40px;}

#galerias div.thumbs{width:100%; overflow:auto;_overflow:visible;}
#galerias div.thumbs ul li{width:140px;float:left;display:inline;margin:40px 1.2em 0.89em 40px;overflow:hidden;}
#galerias div.thumbs ul li.noMargin{margin:0;}
#galerias div.thumbs ul li p{margin:0;}
#galerias div.thumbs ul li p span{text-transform:uppercase;}
#galerias div.thumbs ul li p.contador{color: #000000;font-weight:bold;}
#galerias div.thumbs ul li div.mini{width:120px;height:120px;border:0.1em solid #000000;}
#galerias div.thumbs ul li div.mini img{_display:block}
#galerias hr{margin-bottom:10px; border-bottom: 1px solid #fff;margin-left: 40px;margin-right: 40px;}