﻿@charset "utf-8";

/* Estruturas de Layout */
	/* Gerais */
	* {	margin: 0;	padding: 0; }
	html, body { /*height: 100%;*/ }
	html { background: url(../images/topobg.jpg) top center repeat-x; }
	body { background: url(../images/topocacaumod.jpg) top center no-repeat; /*width: 100%;*/ }
	#container { margin: 0 auto; width: 999px; z-index: 0; /*background: url(../images/fundocacau.jpg) 628px 354px no-repeat;*/ }
	#top { width:960px; top:0; z-index:15; height:370px; }
	#topFlash {width:960px; position:absolute; top:23px; z-index:10; }
	.imgEsquerda { float: left; padding: 0 12px 12px 0; }
	.imgDireita { float: right; padding: 0 0 12px 12px; }
	.clearAll { clear: both; height: 60px; }
	
	/* Topo */
	#linguagem { height: 21px; padding-top: 5px; text-align: right; }
	.linguagem { margin-left: 2px; padding: 0 0 0 23px; background: url("../images/en.png") no-repeat 0 3px; }
	.linguagem2 { margin-left: 2px; padding: 0 0 0 23px; background: url("../images/pt.png") no-repeat 0 3px; }
	#linguagem a {color:#d1ca00; text-decoration: none; }
	#linguagem a:hover {text-decoration: underline; }
	
	#titulo { height: 81px; width: 430px; }
	#titulo a {height: 65px; width: 430px; display: block; padding: 0 10px; }
	#titulo h1 { text-indent:-9999px; width: 0px; }
	
	#subtitulo { height: 110px; width: 350px; }
	#subtitulo h2 { text-indent:-9999px; width: 0px; }
	
	#homecontato { height: 45px; margin-left: 20px; margin-top:110px;}
	#homecontato a { color:#d1ca00; text-decoration: none; }
	#homecontato a:hover {text-decoration: underline; }
	.homecontato { margin-right: 15px; display: inline; float: left; }
	
	/* Menu principal sobre o flash */	
	#menuPrincipal { margin: 30px 0 0 14px; height: 90px; }
	/*#menuPrincipal a.primario { white-space:nowrap; text-indent:-9999px; background-image:url(../images/menu.gif); background-repeat:no-repeat; }*/
	#menuPrincipal ul li a { display:block; background-repeat:no-repeat; text-indent:-9999px; }
	#menuPrincipal li a { margin-right:5px; }
	#menuPrincipal li ul li a { margin-right:0; } 
	
	#menuPrincipal.menuPT ul li a { background-image:url(../images/menu.gif); }
	#menuPrincipal.menuEN ul li a { background-image:url(../images/menuEn.gif); }
	
	/* Corpo */
	#conteudo { width: 543px; float: left; margin-left: 20px; }
	#corpo { background: #eeeeee; padding: 20px 20px 0px 20px; }
	.rssMain { float:right; margin:-27px 7px 0; position:relative; }
	
	/* Corpo: Post */
	.data { position: absolute; left: -88px; width: 66px; height: 76px; top: 0; }
	.dia { padding: 9px 0 11px 9px; display: block; background: #c4bd00; }
	.categoria {  display: block; background: #625f00; }
	.categoria a { padding: 9px 0 11px 9px; display:block; background: #625f00; color: #c4bd00 !important; }
	.post { position: relative; }
	.clear { clear: both;  margin-bottom: 50px; }
	.conteudoPost { margin-top: 15px; }
	.conteudoPost p { margin-bottom: 15px; }
	#corpo .saibaMais { float: left; }
	#conteudo .anteriores {  float: left; margin-top: -50px; margin-bottom: 0px; }
	#pagInterna .compartilhe { float: right; padding: 0; }
	#pagInterna .data { width: 77px; }
		
	/* Corpo: Compartilhe*/
	.compartilhe { display: inline; float: right; padding: 20px 0 0 80px; margin-right: -15px; }
	.compartilhe li.compartilheBt {	display:block;	float:left;	margin:2px 0pt 0pt;}
	#compartilhe-twitter {	background:url(../images/icones_share/twitter.gif); height:24px;}
	#compartilhe-twitter:hover { background-position: 0px 24px; }
	#compartilhe-google {	background:url(../images/icones_share/google.gif); height:24px;}
	#compartilhe-google:hover { background-position: 0px 23px; }
	#compartilhe-facebook {	background:url(../images/icones_share/facebook.gif); height:24px;}
	#compartilhe-facebook:hover { background-position: 0px 23px; }
	#compartilhe-myspace {	background:url(../images/icones_share/myspace.gif); height:24px;}
	#compartilhe-myspace:hover { background-position: 0px 23px; }
	#compartilhe-del {	background:url(../images/icones_share/delicious.gif); height:24px;}
	#compartilhe-del:hover { background-position: 0px 24px; }
	#compartilhe-stumble {	background:url(../images/icones_share/stumble_upon.gif); height:24px;}
	#compartilhe-stumble:hover { background-position: 0px 23px; }
	#compartilhe-live {	background:url(../images/icones_share/windows_live.gif); height:24px;}
	#compartilhe-live:hover { background-position: 0px 23px; }
	#compartilhe-mail {	background:url(../images/icones_share/mail.gif); height:24px;}
	#compartilhe-mail:hover { background-position: 0px 23px; }
	.compartilhe li.compartilheBt a { background-position:top; background-repeat:no-repeat; display:block; float:left; margin:0pt 2px 0pt 0pt; text-indent:-9999px; width:24px; }
	.compartilhe h5 { display: inline; float: left; padding-top: 2px;}
	#compartilheDown .compartilhe { display: inline; float: right; margin-top: -50px; Padding: 10px 10px 0 0; height: 30px;}
	#compartilheDown .compartilhe h5 { padding-top: 6px; } 
		
	/* Direita */
	#direita { width: 390px; float: left; padding-top:0; padding-left: 25px;}
	#direita p { line-height: 1.5; font-size: 15px; margin-bottom: 20px; color: #787878; }
	#direita .banner { width: 390px; text-align: left; overflow: hidden; margin-bottom: 20px; margin-top:19px;}
	#vejaTambem { background: #E9E695; padding: 1px 0;}
	#vejaTambem p { margin: 20px 0; overflow:hidden; }
	#vejaTambem .categoria { float: left; margin-right: 15px; padding: 10px; font-size: 11px; width: 40px; }
	#vejaTambem .headline { display: block; padding-top: 2px; font-size: 12px; color: #080716; }
	#vejaTambem span a { display: block; text-decoration: none; height: 37px; }
	.nomeCD { font-size:9px; text-decoration: none; color: #000; display:block; height:30px; }
	.capasCD a { font-size:9px; text-decoration: none; color: #000; }
		
	/* Navegação Temp */
	#navegacao { clear: both; padding: 2px 15px; color: #fff; font-size: 15px; margin:10px 0 20px 15px; background: url(../images/foot.jpg) no-repeat; width: 930px;}
	#navegacao p { margin-bottom: 10px; line-height: 1.7;}
	#navegacao a { text-decoration: underline; color: #dcdcdc;}
	#navegacao a:hover { text-decoration: underline; }
	.crumbs { float: left; margin: 10px 60px 10px 0;}
	p#assinatura { clear: both; margin-top: 5px;}
	p#assinatura a { color:#0045F8; font-size: 13px;}
	p#assinatura span { display:block; height:1px; text-indent:-9999px;	width:1px;}
	
	/* Navegação */
	#navegacao ul { display: inline; }
	#navegacao li { display: inline; float: left; }
	#navegacao ul li { display: inline; float: left; list-style: none; padding: 0 5px;}
	#navegacao ul li.first { font-weight: bold; padding-left: 0; }
	#navegacao ul li span.marcar a { text-decoration: none; }
	
	/* Menu utilitario */
	.menuUtilit li { display:block; float:left;}
	.menuUtilit li a { background-image: url(../images/utilitarios.jpg); background-repeat:no-repeat; 	display:block;	float:left;	text-indent:-9999px; margin:0 5px 0 0; height:30px;	width:30px;
	}
	.menuUtilit li.zoomOut a { background-position:-37px -71px; }
	.menuUtilit li.zoomOut a:hover, .menuUtilit li.zoomOut a:focus { background-position:-37px 1px; }
	
	.menuUtilit li.zoomIn a { background-position:-2px -71px; }
	.menuUtilit li.zoomIn a:hover, .menuUtilit li.zoomIn a:focus { background-position:-2px 1px; }
	
	.menuUtilit li.print a { background-position:-73px -71px; }
	.menuUtilit li.print a:hover, .menuUtilit li.print a:focus { background-position:-73px 1px; }
	.menuUtilit { display:block; width:120px; height:31px; overflow:hidden;	float:right;}

/* Estilos de Texto e Links */
	/* Gerais */
	body { font-size: 13px; color: #080716; font-family: Tahoma, Verdana, sans-serif; }
	#conteudo { color:#cecece; font-size: 15px; }
	#conteudo h3 { color:#cecece; font-size: 16px; text-transform: uppercase; font-family: Helvetica, Arial, sans-serif; }
	#conteudo a:hover { text-decoration: underline; }
	#corpo a, #corpo a:active, #corpo a:visited { color: #0036c5; text-decoration: none; }
	#corpo a:hover { text-decoration: underline; }
	
	/* Corpo */
	#corpo { color: #080716; line-height: 1.6; }
	#corpo .data { font-size: 13px; }
	.dia { color: #625f00;}
	.categoria { color: #c4bd00; }
	#corpo h4 { color: #0036c5; font-size: 22px; font-weight: normal; text-transform: uppercase; padding-top: 10px;}
	div.h4Height { height: 76px; }
	.compartilhe { color: #7c7c7c; }
	.compartilhe h5 { font-weight: normal; font-size: 13px; }
	.rssMain { font-size: 13px; color: #c2c2c2;}
	#conteudo .rssMain a { color: #c2c2c2; text-decoration: underline; }
	#conteudo .rssMain a:hover { text-decoration: none; }
	#conteudo .anteriores { color: #6f6f6f; font-size: 13px;}
	#conteudo .anteriores a { color: #6f6f6f; text-decoration: none;}
	#conteudo .anteriores a:hover { text-decoration: underline; }
	#corpo .saibaMais { color: #0045f8; font-size: 13px;}
	#corpo .saibaMais a { color: #0045f8; }
	
	/* Quadrados Blocks */
	#conteudo .anteriores a { background: #d4d4d4; display: block; padding: 10px 12px 15px 12px; }
	#corpo .saibaMais a { background: #d4d4d4; display: block; padding: 7px 10px 10px 10px; margin-top: 10px; }
	#corpo .saibaMais a:hover, #conteudo .anteriores a:hover { background: #c2c2c2;}
	#direita .saibaMais a { background: #eae795; display: block; padding: 12px; color: #625f00; text-decoration: none; }
	#direita .saibaMais a:hover { background: #f3f2c9; text-decoration: underline; }
	#vejaTambem span a { background: #E9E695; padding-right: 10px; }
	#vejaTambem span a:hover { background:#f1efc6; }
		
	/* Direita */
	#direita h3 { font-size: 15px; margin-bottom: 20px; text-transform: uppercase; color: #625f00;}
	#direita h3 strong { color: #c4bd00; }	
	#direita .saibaMais { color: #625f00; font-size: 13px; float: left; }
	h3.vejaTb { margin-bottom:0 !important; }
	.orkut {clear: both; padding-top: 40px;}
	.orkut a { color: #0045F8; text-decoration: underline;}
	.orkut a:hover { text-decoration: none;}
		
	/* Navegação */
	#navegacao a { text-decoration: underline; }
	#navegacao a:hover { text-decoration: none; }
	#navegacao .primario { }
	#navegacao .secundario { }

/* Páginas Internas */

 	/* Contato */
	#contato textarea { background-color: #f8f8f8; color: #000; border: 1px solid #c0c0c0; float:left; font-size:14px; letter-spacing:0.06em;	margin:5px 0pt;
		padding:3px 2px 3px 4px; width:400px; height:100px; }
	#contato textarea:focus, #contato textarea:hover, #contato input:focus, #contato input:hover  { background-color: #f4f3f3; border: 1px solid #595959; }
	#contato fieldset { margin:0px 0px 0pt 2px; clear:both; height:auto; padding:15px 0; display:block; }
	#contato label { clear:both; display:block; float:left;	font-size:15px; width:110px;  width:85px; }
	input#news { display:block; float:left; font-size:14px; padding:4px 3px; font-weight: normal; background-color: #f8f8f8; color: #000; border: 1px solid #c0c0c0; width:400px;}
	input#newsNao, input#newsSim { display:block; float:left; width: 10px !important; background-color: none !important; }
	#contato button { display:block; clear:both; width:56px; height: 26px; font-size:12px; color:#000; text-align:center; float:right; margin-top: 10px;}
	#contato button:active { color:#c0c0c0; }
	fieldset#fieldEnviar { margin-right: 5px; }
	.invisivel { visibility:hidden;	margin:0; height:0; }
	#contatoNome { margin-left: 85px; font-weight: bold; color: red;}
	#contatoMail { margin-left: 85px; font-weight: bold; color: red;}
	#aviso { text-align: center; font-weight: bold; }
	#news { width: 400px; }
	.msgErro { font-weight: bold; color: red; display:block; clear: left; font-size:12px; }
	
	/* Paginacao */
	#paginacao { font-size:11px; font-weight:bold; width: 471px; float: right; margin-top: -45px; background:#a1a1a1; font-size:0.8em; margin-top:-50px; height: 24px; border:7px solid #b5b5b5; color: #fff; font-weight: normal; }
	#paginacao span.pagAtual a { color:#3e3e3e; background: #b5b5b5; display: block; float: left; height: 15px; padding: 5px 7px; text-decoration:none !important; cursor: default;}
	#paginacao span.pagAtual a:hover { color:#3e3e3e; background: #b5b5b5; }
	#paginacao span a:hover { background:#b5b5b5; color:#3e3e3e; }
	#paginacao span a { text-decoration:none !important; color:#fff; display: block; float: left; height: 15px; padding: 5px 7px;}
	
	/* Galeria */
	.imgGaleria { float: left; padding: 7px 10px 2px 0; }
	.imgClip { clip:rect(0px, 190px, 190px, 0px); clip:rect(0px 190px 190px 0px); position:absolute; }
	.imgClipWrap{ position:relative; height:190px; width: 200px; float: left; }
	#galeriaThumbs { line-height:20px; overflow:hidden; width: 100%; }
	.foto {	float:left;	overflow:hidden; padding:0pt 0px 10px 0px; position:relative; width: 210px; }
	.linha-midia { overflow:hidden;	margin-bottom: 30px; }
	.foto img {	border:0pt none; display:block; }
	.foto a:link img { border:1px solid #cfcece !important; }
	.foto a { color: #000; }
	.foto a:hover .legenda strong/*, .foto a:hover .legenda .fotoData*/ { border-bottom: 1px solid black; }
	.foto a:hover img, .foto a:focus img { border:1px solid #0A385A !important;	}
	.legenda { font-size:9px; width: 190px; font-weight: normal; color: #000; padding-left: 10px; }
	.legenda strong { font-size:13px; }
	.gallery2 { list-style: none; margin: 0; padding: 0; }
	.gallery2 li { margin: 10px; padding: 0; float: left; position: relative; width: 190px; }
	.gallery2 img {	background: #fff; border: solid 1px #ccc; padding: 4px; }
	.gallery2 span { width: 20px; height: 20px;	display: block;	position: absolute;	bottom: 10px; left: 170px;}
	.gallery2 .lupa { background: url(../images/lupas.png) no-repeat; }
	.gallery2 a:hover span { background: url(../images/lupas.png) left -20px no-repeat; cursor: pointer; }

	/* Agenda */
	#listagem table { margin-top: 20px; border-collapse: separate; border-spacing:0 20px; background: white;}
	#listagem td.diaCal { font-size: 12px; width: 40px; height: 100%; background: #c4bd00; padding: 8px; color:#625F00; }
	#listagem td.headlineCal { font-size: 12px; color: #080716; height: 100%; width: 350px; padding: 0 10px; background: #e6e6e6;}
	#listagem td.headlineCal a { display: block; padding: 10px;}
	#listagem td.headlineCal:hover { background: #f2f1d1;}
	#listagem td.local { font-size: 12px; background: #c0c0c0; padding: 0 0 5px 10px; width: 130px; height: 100%;}
	#listagem tr, #listagem td { border: white; }
	.agenda span a { text-decoration: none; height: 37px; }
	.agenda span a:hover { background: #F3F2C9; text-decoration: none !important; }
	.agenda .headline a { display: inline; }
	.agenda .headline a:hover { text-decoration: underline; }
	
	/* Agenda: Calendário */
	#calendario {margin-bottom: 10px; }	
	.calendario { width:180px; background-color: #f2f1d1; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin:0px; padding:0px; text-align:center; }
	.calendario tr.daysWeek { border-bottom: 5px white solid; height: 36px; }
	.calendario th { background-color: #e9e695;	font-weight: bold; height: 20px; padding-top: 8px; padding-bottom: 5px; border: 4px solid #e9e695;}
	.calendario .fundoCabecalho { background-color: #C2C2C2; font-weight: bold;	height: 22px; color: #000; }
	.calendario .rodape { background-color: #C2C2C2; font-weight: bold;	font-size:0.8em; color: #FFFFFF; width:100%; }
	.calendario td { width: 22px; text-align: center; font-size:0.9em; padding: 7px; border: 4px solid #F2F1D1;}
	.calendario .diaEvento { background-color: #d4d06a; color: #605d00; }
	.calendario .diaEvento a { color: #605d00;}
	.calendario a, 
	.calendario a:link, 
	.calendario a:hover { font-weight: bold; text-decoration: underline; color: #3c3a00; }
	.calendario a.textCabecalho, 
	.calendario a:link.textCabecalho, 
	.calendario a:hover.textCabecalho { color: #ffffff; }
	.calendario a.textRodape, 
	.calendario a:link.textRodape { width: 100%; color: #6F6F6F; text-decoration: none; }	
	.calendario a:hover.textRodape  { text-decoration: underline; }	
	.atualizarMes { float: left; margin-right: 10px;}
	a.atenMes { margin-right: 10px; background:transparent url(../images/back.png) no-repeat scroll 0 4px;
margin-left:2px; padding:0 0 0 17px; }
	a.proxMes { right: 0px; position: absolute; background:transparent url(../images/next.png) no-repeat right 7px; margin-right:2px; padding:0 17px 0 0; }
	
	/* Menu principal sobre o flash ANTESMUDANÇA	
	#menuPrincipal { position:absolute; top:290px; left:0; z-index:15; }
	#menuPrincipal a.primario { white-space:nowrap; text-indent:-9999px; background-image:url(../images/menu-completo.gif); background-repeat:no-repeat;}
	#menuPrincipal ul li a { display:block; background-image:url(../images/menu-completo.gif); background-repeat:no-repeat; text-indent:-9999px; }
	#menuPrincipal li a { margin-right:18px; }
	#menuPrincipal li ul li a { margin-right:0; } */
	
	/* Discografia: cdCacau */
	.cdCacau { margin-bottom: 20px; }
	.cdCacau h5 { font-weight: bold; margin-bottom: 10px;}
	.cdCacau img.capa { padding: 3px; border: 1px solid #4c4c4c; background: white; float: left; margin: 0 10px 5px 0; }
	.oucaCD { clear: both; margin-top: 10px;}
	.cdCacau .ouca { padding: 10px; margin: 10px 0; background: #d4d4d4; font-size: 12px; clear: both;}
	.ouca ol { list-style: decimal; }
	.ouca li { margin-left: 40px;}
	.ouca li span { }
	.ouca .clear { clear:both; margin-bottom: 2px; height: 1px; border-bottom: 1px solid #c0c0c0;}

/* Rodapé */	
	#engloba { position: relative; min-height: 100%; height: 100%; voice-family: "\"}\""; voice-family: inherit; height: auto; }
	html>body #engloba { height: auto; }
	#tudoMais { padding: 10px; padding-bottom: 48px; }
	#footer { position: absolute; bottom: 0; padding: 10px; background-color: #609; }	
	
	
	.avisoProv { background:#E6E6E6 none repeat scroll 0 0;
	color:#0045F8;
	display:block;
	font-size:15px;
	font-weight:bold;
	margin-top:22px;
	padding:10px 0 10px 10px;
	width:369px;
	margin-bottom:20px;
}
	.avisoProvEn { background:#E6E6E6 none repeat scroll 0 0;
	color:#0045F8;
	display:block;
	font-size:15px;
	font-weight:bold;
	margin-top:22px;
	padding:10px 0 10px 10px;
	width:250px;
	margin-bottom:20px;
}
	.avisoProv span { background:#C0C0C0; padding:12px; }
	.avisoProvEn span { background:#C0C0C0; padding:12px; }
	
	.contshows { overflow:auto; display:block; }
	.contshows p { margin-top:13px; line-height: 1.5; font-size:15px; color: #787878; }