@charset "utf-8";
body {
	background:#E5E5E5 url(../imagens/bg_site.gif) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color:#222;
}
div, ul, li, h1, h2, p { margin:0px; padding:0px;}
h1 { font-family:Georgia, "Times New Roman", Times, serif; font-size:26px; }
img { margin:0px; padding:0px; border:none;}
a { color:#333; text-decoration:none;}
a:hover { color:#ff0d00; text-decoration:none;}
.clear { clear:both; }
.red{ color:#ff0d00; }
a.red:hover{ color:#333; }
#loading {  width: 100%; display: table; text-align:center; padding: 50px 0 50px 0; }

/* --------------  INICIO - Site Geral -------------- */
#site { margin: 0 auto; width: 960px; }
#conteudo_site { padding: 0 20px 0 20px;}
#head { 
	background:url(../imagens/logo_bg.gif) repeat-x;
	display:table;
	height: 125px;
	width: 920px;	
	padding: 0 20px 0 20px;
}
.logo-pg{ padding: 0 0 20px 0; display:table; }

/* Site - Topo */
#logo-trixmix {
	margin: 40px 0 0 0;
	float:left;
}

/* Topo - Newsletter */
#newsletter {
	float:right;
}

#newsletter input{
	font-size: 11px;	
	background-color:#f9f9f9;
	width: 160px;
	height: 15px;
	padding: 2px 3px 2px 4px;
	float:left;
}
#newsletter #enviar{
	background:url(../imagens/botao_enviar.gif) no-repeat;
	width: 43px;
	border: none;
	margin: 4px 0 0 5px;
	float:left;
}

/* Topo - Menu */
.menu-topo {
	padding: 10px 0 0 0;
	display:table;
}
#menu-top-sub .menu-topo li{
	text-transform:uppercase;
	font-weight:bold;
}
.menu-topo li{ 
	float:left;
	display:inline;
	padding: 0 50px 0 0;
	text-transform:uppercase;
	font-weight:bolder;
}
.menu-topo #ultimo{	padding: 0 0 0 6px; text-align:right;}

#menu-top-sub1{
	border-top: 1px solid #000;
	display:table;
	padding: 2px 0 0 0px;
	/* height: 20px; Para manter o espaço entre o submenu */
	float:left;
}
#menu-top-sub2{
	border-top: 1px solid #000;
	display:table;
	padding: 2px 0 0 95px;
	/* height: 20px; Para manter o espaço entre o submenu */
	float:left;
}
#menu-top-sub1 a, #menu-top-sub2 a{
	border-top: 2px solid #000;
	text-transform:uppercase;
	font-weight:bolder;
}

/* Conteudo */
#conteudo {
	margin: 20px 0 20px 0;
}

/* Site - Rodapé */
#rodape { 
	width: 100%;
	border-top: 1px solid #000;
	padding: 5px 0 3px 0;
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
}
/* --------------  FIM - Site Geral -------------- */


/* --------------  INICIO - Site INDEX -------------- */
.destaques {
	float: left;
	padding: 0 0 20px 0;
}
#dest-meio{
	margin: 0px 21px 0px 21px;
}


/*Destaque - Contagem regressiva p/ Trixmix Cabaret */
#destaque-contador{
	width: 920px;
	height: 255px;
	margin: 0 0 20px 0;
}
#destaque-contador #contador{
	background:url(../imagens/contador_bg.gif) no-repeat;
	width: 755px;
	height: 255px;
	display:table;
	display: table;
	float:left;
}
#destaque-contador #contador img {
	margin: 55px 10px 0 0;
	float:right;
}

#contador-data-evento{
	padding: 103px 0 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	font-weight:bolder;
	color:#fff;
}
#contador-data {
	padding: 40px 0 0 20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	font-weight:bolder;
}
#contador-data a{
	color:#FF0000;
}
#contador-hora {
	padding: 7px 0 0 22px;
	font-family:"Courier New", Courier, monospace;
	font-size:22px;
	font-weight:bolder;
}
#contador-hora a{
	color:#FFF;
}
#link-como-chegar{
	float:right;
}

/*Barra de vídeos*/
#barra-media{
	width: 300px;
	margin: 0 0 20px 0;
	float:left;
}
#barra-media h1{
	background:url(../imagens/logo_multimidia.gif) no-repeat;
	width: 165px;
	height: 30px;
	display: table;
	padding: 0 0 5px 0;
	text-indent: -9000px;
}
#barra-media-lista{
	width: 283px;
	background: #fff;
	height: 375px;
	padding: 5px;
	overflow:auto;
	border:1px solid #ccc;
}
#barra-media-lista ul, #barra-media-lista li{
	width: 260px;
	float:left;
	list-style:none;
}
#barra-media-lista li{
	padding: 5px 0 5px 2px;
	border-bottom: 1px solid #cecece;	
}
#barra-media-lista .img{
	padding: 0 5px 0 0;
	float:left;
}
#barra-media-lista a{
	font-weight:bold;
	color:#FF3300;
}
#barra-media-lista p{
	font-size:10px;
	color:#333;
}

/*Mural de Comentários*/
#barra-coments{
	width: 300px;
	float:left;
	margin: 0 0 0 0;
}
#barra-coments h1{
	background:url(../imagens/logo_coment.gif) no-repeat;
	width: 210px;
	height: 30px;
	padding: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}
#barra-coments ul{
	background:#fff;
	padding: 5px 10px 5px 10px;
}
#barra-coments li{
	float:left;
	list-style:none;
	width: 255px;
	padding: 4px 0 4px 0;
	margin: 2px 0 2px 0;	
	border-bottom: 1px solid #ccc;
}
#barra-coments a { font-weight:bold; }
#barra-coments #nav-coments{
	background:url(../imagens/coments_base.gif) no-repeat;
	width: 280px;
	height: 60px;
	display:table;
	padding: 5px 10px 0 10px;
}
#barra-coments #nav-coments p{ float:left; }
#barra-coments #nav-coments #nav-links{	margin: 0 20px 0 5px; float:left; }
#barra-coments #nav-coments #postar{
	width: 110px;
	text-align:right;
	background: url(../imagens/icone_mural.gif) no-repeat;
	padding: 0 0 0 15px;	
}
#conteudos-mural {
	background: #fff;
	padding: 5px;
	overflow:auto;
	height:335px;
}
.barra-esq-imgs {
	width: 295px;
	float:right;
	display:table;
	margin-bottom: 10px;
}

.form-mural p{
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 65px; /*width of left column containing the label elements*/
height: 1%;
}

.form-mural label{
font-weight: bold;
float: left;
margin-left: -50px; /*width of left column*/
width: 65px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form-mural input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 180px;
}

.form-mural textarea{
	width: 180px;
	height: 150px;
}

.form-mural input[type="text"], .form-contato textarea, .form-contato select{
	border: 1px solid #000;
	color:#FF3300;
	padding:2px;
}

.form-mural #botao{
	width: 105px;
	height: 20px;
	background:url(../imagens/botao_contato_enviar.gif) no-repeat;
	border: none;
	cursor:pointer; 
}

/* E-Flyer */
#barra-eflyer{
	width: 295px;
	float:right;
	text-align:center;
}

#barra-eflyer h1{
	background:url(../imagens/logo_eflyer.gif) no-repeat;
	width: 210px;
	height: 30px;
	padding: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}

/* Comunidades */
#barra-comunidades{
	width: 295px;
	float:right;
}
#barra-comunidades h1{
	background:url(../imagens/logo_comunidades.gif) no-repeat;
	width: 210px;
	height: 30px;
	padding: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}
#barra-comunidades img { float:left; }
#barra-comunidades #socio-cabaret{ padding: 0  0 5px 0; }
#barra-comunidades #banner1{ padding: 0 5px 0 0; }
#barra-comunidades #banner2{ padding: 5px 5px 0 0; }
#barra-comunidades #banner3{ padding: 5px 0 0 0; }

.comun_home img { padding: 10px 9px 0 0; float:left; }
/* Patrocinio */
#barra-patrocinio{
	width: 300px;
	float:right;
	border-bottom: 4px solid #000;
	padding: 0px 0 20px 0;
}
#barra-patrocinio h1{
	background:url(../imagens/logo_patrocinio.gif) 5px top no-repeat;
	width: 210px;
	height: 30px;
	margin: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}
#barra-patrocinio img { float:left; }

/* Apoio Institucional */
#barra-institucional{
	width: 300px;
	float:right;
	border-bottom: 4px solid #000;
	padding: 10px 0 5px 0;
}
#barra-institucional h1{
	background:url(../imagens/logo_apoio_institucional.gif) 5px top no-repeat;
	width: 210px;
	height: 20px;
	margin: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}
#barra-institucional img { float:left; }

/* Apoio Cultural */
#barra-cultural{
	width: 300px;
	float:right;
	border-bottom: 4px solid #000;
	padding: 10px 0 5px 0;
}
#barra-cultural h1{
	background:url(../imagens/logo_apoio_cultural.gif) 5px top no-repeat;
	width: 115px;
	height: 25px;
	margin: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}
#barra-cultural img { float:left; padding-right: 1px;}

/* Producao */
#barra-producao{
	width: 300px;
	float:right;
	border-bottom: 4px solid #000;
	padding: 10px 0 5px 0;
}
#barra-producao h1{
	background:url(../imagens/logo_producao.gif) 5px top no-repeat;
	width: 210px;
	height: 20px;
	margin: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}
#barra-producao img { float:left;}

/* Realizacao */
#barra-promo-exclusiva{
	width: 300px;
	float:right;
	padding: 10px 0 5px 0;
}
#barra-promo-exclusiva h1{
	background:url(../imagens/logo_promo_exclusiva.gif) 5px top no-repeat;
	width: 210px;
	height: 20px;
	margin: 0 0 5px 0;
	display: table;
	text-indent: -9000px;
}
#barra-promo-exclusiva img { float:left;}

/* --------------  FIM - rodapé INDEX -------------- */
.barra-horizontal-home {
	list-style:none;
	margin-top: 10px;
	float:left;
	display:table;
}
.barra-horizontal-home li {
	float:left;
	display:table;
	background:url(../imagens/home/bg_barra_direita.gif) right 3px no-repeat;
	height: 80px;
}
.barra-horizontal-home li h1{
	text-indent: -9000px;
}

.barra-horizontal-home #patrocinio{
	width: 95px;
	margin-right: 5px;
}
.barra-horizontal-home #patrocinio h1{
	background:url(../imagens/home/rodape_patrocinio.gif) no-repeat;
}

.barra-horizontal-home #apoio-cultural{
	width: 195px;
	margin-right: 5px;
}
.barra-horizontal-home #apoio-cultural h1{
	background:url(../imagens/home/rodape_apoio_cultural.gif) no-repeat;
}

.barra-horizontal-home #producao{
	width: 90px;
	margin-right: 5px;
}
.barra-horizontal-home #producao h1{
	background:url(../imagens/home/rodape_producao.gif) no-repeat;
}

.barra-horizontal-home #realizacao{
	width: 195px;
	margin-right: 5px;
}
.barra-horizontal-home #realizacao h1{
	background:url(../imagens/home/rodape_realizacao_co_producao.gif) no-repeat;
}

.barra-horizontal-home #promo-exclusica{
	width: 160px;
	margin-right: 5px;
}
.barra-horizontal-home #promo-exclusica h1{
	background:url(../imagens/home/rodape_promocao_exclusiva.gif) no-repeat;
}

.barra-horizontal-home #apoio-institucional{
	width: 147px;
	background:none;
}
.barra-horizontal-home #apoio-institucional h1{
	width: 135px;
	background:url(../imagens/home/rodape_apoio_institucional.gif) no-repeat;
}

/* --------------  FIM - Site INDEX -------------- */

/* --------------  INICIO - Site FUNDADORES ------ */

#fundador1, #fundador2{
	width: 445px;
	float:left;
	color:#000;
	padding: 0 0 20px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
}

#fundador1{
	margin: 0 30px 0 0;
}

#fundador1 h1, #fundador2 h1{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	color:#ff0d00;
	padding: 25px 0 0 0;
}
#fundador1 h2, #fundador2 h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding: 0 0 20px 0;
}

/* --------------  FIM - Site FUNDADORES -------------- */

/* --------------  INICIO - Site HISTORICO / TRIXMIXCABARET ----------- */
.coluna1, .coluna2 {
	float:left;
	display: table;
}
.coluna1 {
	width:600px;
	padding: 0 20px 20px 0;
	font-size: 13px;
}
.coluna2 {
	width:300px;
	padding: 0 0 20px 0;
	/* _padding: 0;  Hack para IE 6 */
}
/* --------------  FIM - Site HISTORICO / TRIXMIXCABARET -------------- */

/* --------------  INICIO - PARA EMPRESA -------------- */
.accordion_toggle {
	display: block;
	height: 30px;
	width: 570px;
	background: url(../imagens/seta_direita.gif) 2px 10px no-repeat;
	padding: 0 10px 0 15px;
	line-height: 30px;
	color: #ffffff;
	font-weight: normal;
	font-weight:bold;
	outline: none;
	font-size: 14px;
	color: #000000;
	cursor: pointer;
	margin:0;
	border-top: 1px solid #cecece;
}
.accordion_toggle_active {
	background: url(../imagens/seta_baixo.gif) 2px 10px no-repeat #F8F8F8;
	border-bottom: 1px solid #333;
}
.accordion_content {
	color: #444444;
	overflow: hidden;
}
.accordion_content p {
	padding: 5px 10px 15px 10px;
}

/* --------------  FIM - PARA EMPRESA -------------- */

/* --------------  INICIO - MULTIMIDIA -------------- */

#media-lista{
	width: 580px;
	background: #fff;
	height: 250px;
	padding: 2px;
	overflow:auto;
	border:1px solid #ccc;
}
#media-lista ul, #media-lista li{
	float:left;
	list-style:none;
}
#media-lista li{
	width: 130px;
	height: 160px;
	padding: 5px;
}
#media-lista a{
	font-weight:bold;
	color:#FF3300;
}
#media-lista p{
	font-size:10px;
	color:#333;
}
/* --------------  FIM - MULTIMIDIA -------------- */

/* --------------  INICIO - ARTISTA / ARTISTAS -------------- */

#nav-carousel {
	width: 28px;
	float:right;
	padding: 25px 5px 0 0;
}

.jcarousel-skin .jcarousel-container {
	float:left;
}

.jcarousel-skin .jcarousel-container-horizontal {
    width: 920px;
}

.jcarousel-skin .jcarousel-clip-horizontal {
    width: 910px;
    height: 290px;
}

.jcarousel-skin .jcarousel-item {
    width: 180px;
    height: 290px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.jcarousel-skin .jcarousel-item-horizontal {
    margin-right: 2px;
}
.jcarousel-skin .jcarousel-item .link{
	background-color:#ff0d00;
	color:#000;
	padding:0 2px 0 2px;
	font-size:16px;
	font-weight:bold;
	margin: 0 0 1px 0;
	float:left;
}
.jcarousel-skin .jcarousel-item p{
	background-color:#000;
	color:#fff;
	display:inline-block;
	padding:0 2px 0 2px;
	font-size:11px;
	float:left;
}

.logo_artistas {
	background:url(../imagens/artista_barra.gif) left 3px no-repeat;
	padding: 0 0 12px 170px;
	font-size: 25px;
	color:#FF3300;
	clear:both;
}

#slideshow_artistas {
	margin: 0 0 20px 0;
}
/* --------------  FIM - ARTISTA / ARTISTAS -------------- */

/* --------------  INICIO - CONTATO -------------- */
.form-contato p{
width: 380px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
height: 1%;
}

.form-contato label{
font-weight: bold;
float: left;
margin-left: -145px; /*width of left column*/
width: 140px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.form-contato input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
	width: 280px;
}

.form-contato textarea{
	width: 280px;
	height: 150px;
}

.form-contato input[type="text"], .form-contato textarea, .form-contato select{
	border: 1px solid #000;
	color:#FF3300;
	padding:2px;
}

.form-contato #botao{
	width: 105px;
	height: 20px;
	background:url(../imagens/botao_contato_enviar.gif) no-repeat;
	border: none;
	cursor:pointer; 
}

/* --------------  FIM - CONTATO -------------- */

/* --------------  INICIO - PARCEIROS -------------- */
#listaparceiros {
	float:left;
	padding: 20px 0 10px 0;
}

#listaparceiros li{
	width: 600px;
	list-style:none;
	padding: 10px 0 0 0;
	border-bottom: 4px solid #333;
	float:left;
}

/* --------------  FIM - PARCEIROS -------------- */

/* --------------  INICIO - IMPRENSA -------------- */
	
.clipping { width: 400px; float: left; }
.clipping li { list-style:none; }

/* --------------  FIM - IMPRENSA -------------- */

/* --------------  INICIO - LINHA DO TEMPO -------------- */
.linhatempo { display: table; width: 595px;}
.linhatempo h1 {
	font-size:38px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
}

.linhatempo ul{
	width: 450px;
	padding: 0 0 10px 0;
	float:left;
}

.linhatempo li{
	width: 450px;
	list-style:none;
	display:table;
}

.linhatempo img{
	float:left;
}
/* --------------  FIM - LINHA DO TEMPO -------------- */


.list-flyers {
	float: left;
	width: 560px;
	padding: 0 0 15px 0;
}

.list-flyers li{
	list-style:none;
	float:left;
	margin: 4px 4px 0 0;
	padding: 2px;
	border: 1px solid #666;
	width: 130px;
	height: 130px;
	background: #fff;
}

#msg_cabaret {
	background: #fff;
	z-index: 10;
	position:absolute;
	border: 1px solid #333;
	visibility:hidden;
	padding: 10px;
	cursor:pointer;
}
#msg_cabaret h2{
	float:right;
	padding: 5px;
}



/* --------------  FLYER PROGRAMAÇÃO MENSAL -------------- */
#flyer {margin-left:30px;}