@charset "utf-8";
/* MUSICA DE BOLSO 2.0 2009
Design: FABIO ISSAO [WWW.CAMISA10.ORG]
Codigo: FABIO ISSAO [WWW.CAMISA10.ORG]
DATA INICIO: 16.07.2009
DATA TERMINO: 
VERSAO: 0.1 */

/* INDICE CSS */
/* A. ESRUTURA HTML --------------------------------------------*/
/* B. SECOES ---------------------------------------------------*/
/* C. ELEMENTOS POR SECAO --------------------------------------*/
	/* C0. GENERICOS -------------------------------------------*/
	/* C1. CABECALHO -------------------------------------------*/
	/* C2. CONTEUDO --------------------------------------------*/
	/* C3. RODAPE ----------------------------------------------*/
/* D. ESTILOS - TEXTO ------------------------------------------*/
/* E. ESTILOS - LINKS ------------------------------------------*/
/* F. ESTILOS - IMAGENS  ---------------------------------------*/
/* G. ESTILOS - CORES  -----------------------------------------*/
/* H. ESTILOS - MARGINS PADDINGS  ------------------------------*/


/* A. ESRUTURA HTML --------------------------------------------*/

* { margin: 0; padding: 0; }
html, body { margin: 0; padding: 0; }
body { font: 10px/14px normal Arial, Helvetica, sans-serif; background-color: #35b2a8;  }
.none { display: none; }
ul { list-style-type: none; }
ul li { list-style-type: none; float: left; margin-right: 12px; }


/* B. SECOES ---------------------------------------------------*/

#container { margin: 24px auto; width: 963px; }
#cabecalho, #conteudo, #rodape { width: 912px; float:left; margin: 0 24px 24px; }
#cabecalho { }
#conteudo { }
#rodape { }


/* C. ELEMENTOS POR SECAO --------------------------------------*/

/* C0. GENERICOS -----------------------------------------------*/

.colunaA { width: 624px; float: left;}
.colunaB { width: 276px; float: right;}

/* C1. CABECALHO -----------------------------------------------*/

.logo { height: 204px; background: url(../img/cabecalho/logo-musicadebolso.png) no-repeat;}
.weblinks-busca { width: 372px; height: 72px; /*margin: 132px 0 0 252px;*/ position: relative; top: 132px; left: 252px; }
.weblinks { height: 24px; padding: 12px 24px 12px 0; }

.busca { height: 24px; }
	.busca input { border: none; width: 338px; height: 16px; padding: 4px 5px; float: left; }
	input.botao-busca { width: 24px; height: 24px; padding: 0; float: left; }

.newsletter { height: 84px; margin-bottom: 6px; }
	.newsletter input { border: none; width: 206px; height: 16px; padding: 4px 5px; float: left; margin-bottom: 6px;}
	input.botao-newsletter { width: 48px; height: 24px; padding: 0; float: left; margin-left: 12px; background: #e9642a; }
	
.agenda { height: 60px; padding: 6px; font-size: 11px; line-height: 16px; background: #a5d624;}
.agenda-quadro { color:#004648 }
.agenda-quadro strong { color: #004648; }

.proximo-artista { margin-top: 12px; padding: 5px; height: 14px; font-size: 11px; overflow: hidden; color: #fff; background: url(../img/cabecalho/bg_proximo-artista.png) no-repeat; }


/* C2. CONTEUDO ------------------------------------------------*/

/* abas */

#abas { }
.aba-volume { width: 168px; height: 30px; float: left; margin-right: 2px; }

/* colunaA */

#volume-atual { }

#arquivos-home {}

.arquivo-ficha, .volume-especial{ float: left; width: 106px; height: 136px; padding: 4px 5px; margin-right: 2px; display:block}
.arquivo-ficha img, .volume-especial img, .arquivo-ficha img:hover , .volume-especial img:hover { border: 2px solid #fff; }
.arquivo-ficha-info { padding: 6px 0; font-size: 12px; font-weight: bold; line-height: 14px; }

.busca-ficha { float: left; width:580px; height:98px; padding: 4px 5px; margin-right: 2px; display:block }
.busca-ficha p{ font-size:11px; line-height:15px }
.busca-ficha .foto, .busca-ficha .foto:hover {float:left;  border: 2px solid #fff; }
.ficha-busca img{border: none}

.agenda-ficha{float: left; width:580px; height:25px; padding: 10px 5px; margin-right: 2px; display:block;  font-size:11px; line-height:15px; color: #004648; }

.busca-info{ float:left; width:450px; float:left; padding-left:15px; padding-top:5px}

.topo-arquivos { width:600px; display: block; float: left; clear: both; }

/*thomaz*/
.pg_arquivo_select{ background-color: #004648; color: #fff; padding:0 4px }

.player { height: 368px; margin-bottom:1px; }

#institucional-home {  }

/*thomaz*/
.ficha-quemsomos { float: left; padding: 12px 0px; width: 138px; display: block; font-size: 11px; line-height: 15px; }

#links {}

#volume {}

/* colunaB */

#ficha-artista-home {}

.ficha-artista-home-info { height: 84px; }

#amigos-de-bolso {}

#volumes-especiais {}

#videos-mais-votados {}

#comente-os-videos {}

#videos-recomendados {}

/* conteudos */

.caixa-conteudo { padding: 10px;  }

.caixa-conteudo2 { padding:10px; float: left; clear: both; }

/*thomaz*/
.w624{ width:624px }



/* C3. RODAPE --------------------------------------------------*/


/* D. ESTILOS - TEXTO ------------------------------------------*/

h1 { font-size: 24px; line-height: 28px; font-weight: bold; display: block; }
h2 { font-size: 18px; line-height: 19px; font-weight: bold; display: block; height: 60px; }
h3 { font-size: 18px; line-height: 19px; font-weight: bold; display: block; height: 30px; }
h5 { font-size: 12px;  height: 16px; } h5 b {font-weight: bold;  font-size: 15px; }
h6 { font-size: 12px; font-weight: bold; margin-top: 6px; }
strong { color: #50d7cc; }

.p12-18 { line-height: 18px; font-size: 12px; }
.p12-16 { line-height: 16px; font-size: 12px; }

#links ul { width: 100%; }
#links ul li { width: 100%; clear: both; }

.topo-arquivos ul { float: right; }


/* E. ESTILOS - LINKS ------------------------------------------*/

a, a h2, .ficha-artista-home-links a:hover, a h2:link, a h2:active { text-decoration: none; }
a:link, a:active, a:hover, a:visited, a h2:hover, a h2:visited { text-decoration: underline; }

a h2:hover, a h2:visited, a h2:active { color: #50d7cc; }

a img, a img:link, a img:active, a img:hover, a img:visited { border: none; }

.arquivo-ficha:link { background-color:#ffde00; color:#004648; text-decoration:none }
.arquivo-ficha:visited { background-color:#ffde00; color:#004648; text-decoration:none }
.arquivo-ficha:hover { background-color: #004648; color: #50d7cc; text-decoration:none}
.arquivo-ficha:active { background-color: #ffde00; color: #004648; text-decoration:none}

.topo-arquivos ul li a, .topo-arquivos ul li a:link, .topo-arquivos ul li a:active, .topo-arquivos ul li a:visited { font-weight: bold; font-size: 11px; color: #004648; }
.topo-arquivos ul li a:hover { color: #fff; }

.agenda-ficha a:link{ color:#fff; text-decoration:none }
.agenda-ficha a:visited { color:#fff; text-decoration:none }
.agenda-ficha a:hover {color: #fff; text-decoration:underline}
.agenda-ficha a:active { color: #fff; text-decoration:none}

.volume-especial:link { background-color: #004648; color: #50d7cc; text-decoration:none }
.volume-especial:visited { background-color: #004648; color: #50d7cc; text-decoration:none }
.volume-especial:hover { background-color: #a5d624; color: #004648; text-decoration:none }
.volume-especial:active { background-color: #004648; color: #50d7cc; text-decoration:none}

.busca-ficha:link { background-color: #e9642a; color: #004648; text-decoration:none }
.busca-ficha:visited { background-color: #e9642a; color: #004648; text-decoration:none }
.busca-ficha:hover { background-color: #004648; color: #50d7cc; text-decoration:none }
.busca-ficha:active { background-color: #e9642a; color: #004648; text-decoration:none}

.proximo-artista a, .proximo-artista a:link, .proximo-artista a:active, .proximo-artista a:hover, .proximo-artista a:visited { color: #50d7cc; }

.ficha-artista-home-info a { color: #50d7cc; text-decoration: none; }
.ficha-artista-home-info a:link { color: #50d7cc; text-decoration: none; }
.ficha-artista-home-info a:visited { color: #50d7cc; text-decoration: none; }
.ficha-artista-home-info a:hover { color: #50d7cc; text-decoration: underline; }
.ficha-artista-home-info a:active { color: #50d7cc; text-decoration: none; }

.ficha-artista-home-links a, .ficha-artista-home-links a:link, .ficha-artista-home-links a:active { color: #50d7cc; font-weight: bold; }
.ficha-artista-home-links a:hover, .ficha-artista-home-links a:visited  { color: #fff;}

#slider li a, #slider li a:link, #slider li a:active, #slider li a:hover, #slider li a:visited { text-decoration: none; }

.blocotexto a, .blocotexto a:link, .blocotexto a:visited  { color: #50d7cc; text-decoration: none; }
.blocotexto a:hover {color: #50d7cc; text-decoration: underline; }
.blocotexto a:active { color: #50d7cc; text-decoration: none; }

/*thomaz*/
.link_logo{display:block; width:250px; height:210px; position:absolute; top:20px;}

/* F. ESTILOS - IMAGENS  ---------------------------------------*/

.esquerda, .topo-arquivos img { float: left; }
.direita { float: right; }
.borda2, .arquivo-ficha img, .volume-especial img { border: 2px solid #fff; }
.ficha-quemsomos img { margin-bottom: 12px; }


/* G. ESTILOS - CORES  -----------------------------------------*/

/* cores de fundo */
.bg-laranja { background-color: #e9642a; }
.bg-amarelo { background-color: #ffde00; }
.bg-verde { background-color: #a5d624; }
.bg-azul { background-color: #50d7cc; }
.bg-petroleo { background-color: #004648; }
.bg-branco { background-color: #fff; }

/* cor de fonte */
.laranja { color: #e9642a; }
.amarelo { color: #ffde00; }
.verde { color: #a5d624; }
.azul { color: #50d7cc; }
.petroleo { color: #004648; }
.branco { color: #fff; }
.preto { color: #000; }


/* H. ESTILOS - MARGINS PADDINGS  ------------------------------*/

.m12t { margin-top: 12px; }
.m12d { margin-right: 12px; }
.m12b { margin-bottom: 12px; }
.m12e { margin-left: 12px; }

.m24b { margin-bottom: 24px; }
.m36b { margin-bottom: 36px; }

.m6b { margin-bottom: 6px; }

.h398 { height: 398px; }


/* Easy Slider */

#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li { margin:0px; padding:0px; list-style:none; }
#slider, #slider li { width:600px; height:144px; overflow:hidden; }

#slider2, #slider2 li, #slider3, #slider3 li { width:250px; height:144px; overflow:hidden; }

	span#prevBtn{}
	span#nextBtn{}
	
#prevBtn, #nextBtn{ display:block; width:10px; height:11px; position: relative; float: left; left:502px; top:-167px; }
#nextBtn{ left:570px; }

#prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3{ display:block; width:10px; height:11px; position: relative; float: left; left:164px; top:-170px; }
#nextBtn2, #nextBtn3 { left:230px; }

	
#prevBtn a, #nextBtn a{ display:block; width:10px; height:11px;	background: url(../img/slider/navega-volta.png) no-repeat 0 0; }	
#nextBtn a{ background:url(../img/slider/navega-frente.png) no-repeat 0 0; }

#prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a{ display:block; width:10px; height:11px;	background: url(../img/slider/navega-volta.png) no-repeat 0 0; }	
#nextBtn2 a, #nextBtn3 a { background:url(../img/slider/navega-frente.png) no-repeat 0 0; }

#nextBtn a:hover, #nextBtn2 a:hover { background: url(../img/slider/navega-frente_hover.png) no-repeat 0 0; }
#prevBtn a:hover, #prevBtn2 a:hover { background: url(../img/slider/navega-volta_hover.png) no-repeat 0 0; }

#nextBtn3 a:hover { background: url(../img/slider/navega-frente3_hover.png) no-repeat 0 0;}
#prevBtn3 a:hover { background: url(../img/slider/navega-volta3_hover.png) no-repeat 0 0;}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3 { margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px;}
    /* // image replacement */



/* JTabber */

.hiddencontent { height: 208px; overflow: hidden; }

.hiddencontent,.hiddencontent2, .hiddencontent3 { display:none; overflow: hidden; padding: 0 0 12px 0; }
	
.clear { clear:both; }

#nav { height: 10px; }

#nav2, #nav3 { height: 42px; margin-left: 18px; margin-top: -12px; }

	#nav a, #nav a:active, #nav a:visited { color: #50d7cc; text-decoration: none; margin-right: 6px; font-size: 10px; }
	#nav a:hover { text-decoration: none; color: #fff; }
	#nav a.selected, #nav a.selected:active, #nav a.selected:visited { color: #fff; text-decoration: underline; }

	#nav2 a, #nav2 a:active, #nav2 a:visited, #nav3 a, #nav3 a:active, #nav3 a:visited { text-decoration: none; background: url(../img/abas/aba-hover.png) no-repeat; color: #004648; width: 170px; height: 30px; padding: 10px 0 0 0; display:block; float: left; font-size: 14px; font-weight: bold; text-align: center; margin-right: 1px; }
	#nav2 a.selected, #nav2 a.selected:active, #nav2 a.selected:visited, #nav3 a.selected, #nav3 a.selected:active, #nav3 a.selected:visited { color: #a5d624; background: url(../img/abas/aba-normal.png); }
	#nav2 a:hover, #nav3 a:hover { text-decoration: none; color: #fff; background: url(../img/abas/aba-normal.png);}