/* 
	INFOWEBDESIGN - www.infowebdesign.com.br
	************************************
	Design criado por: Edson Manzoni
	Estruturação: André Gazola
	PHP: Rafael Jaques
	País: Brasil
	Última atualização: Abril 2006
	************************************
*/

@import url('mozilla_hacks.css');/* Para o FF */
@import url('opera_hacks.css');/* Para o Opera */

/*.................... ESTRUTURA ...........................*/
/*****************************************/
*{margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#FFF; background-color:transparent;}
body{background-image:url(../imagens/bodyFundo.jpg); background-repeat: no-repeat; background-position: 50% 17px; background-color: #000;}
#pularNavegacao{display:none;}
#total{display:table;background-color:#000; background:url(../imagens/tudoFundo.jpg) repeat-y ; height:100%; width:770px;	margin-top:35px; position:absolute;left:50%;margin-left:-385px;/* O IE5 pára de interpretar a regra neste ponto */ voice-family:"\"}\""; 	voice-family:inherit;	/* As regras a seguir sobrepõe as anteriores nos browsers compatíveis */	position:static;margin: 35px auto 0;}
#topoMarca{background:url(../imagens/topoMarca.jpg) no-repeat 15px 0; width:390px; height:20px; /* a pedidos do Opera */ z-index:2;}
#lateral{width:15px; height:577px;position:relative; left:9px; float:left; background:url(../imagens/lateral.jpg) no-repeat;}
#flash{height:145px; margin-top:45px; width:164px;}
#musica{height:155px; width:105px; position:absolute; right:15px;top:-70px;}
/* ... menu ... */
#menu{height:57em; width:169px; float:left; background: url(../imagens/menuFundo.jpg) repeat-x 0 22px #222;position:relative; left:34px;	top:-38px; margin-bottom:-25em;}
#menu ul{margin-top:30px;}
#menu ul li, #menu ul li a{text-transform:uppercase; font-size:.82em;	display:block; background-color:#111; 	height:1.2em;  width:164px;}
#menu ul li{padding:0 0 1px 0;margin-bottom:8px;}
#menu ul li a{margin-bottom:-1px; padding:2px 0 2px 5px;width:169px;voice-family:"\"}\""; 	voice-family:inherit;width:164px;}
#menu ul li a:hover{background-color:#333;position:relative;}
/* ... cadastro / recados ... */
#cadastro, #recados{background-color:#111; height:auto; margin-top:85px; width:169px; padding-bottom:2em;}
#cadastro h3, #recados h3, #recados h2{padding:5px;}
#cadastro p, #recados p{margin-left:5px;}
#cadastro form, #recados form{margin-top:10px;}
#cadastro .texto, #recados .texto, #recados textarea{border:1px solid #333; background-color:#666;width:155px; cursor:text;}
#cadastro .submit, #recados .submit{border:none; text-transform:uppercase; font-size:.8em; float:right; margin-right:5px; margin-top:5px; cursor:pointer;}
#recados textarea{height:6em;}
/* ... conteúdo ... */
#conteudo{float:right; height:auto; width:500px; margin-right:20px; margin-top:50px; background:url(../imagens/conteudoFundo.jpg) no-repeat 0 105px;position:relative;/*background:url(../imagens/conteudoRodape.jpg) no-repeat -5px bottom;*/}
#conteudo h1{border-bottom:10px solid #222; margin-right:15px; margin-top:-3px; padding-bottom:5px;}
#conteudo p#conteudoRodape{background:url(../imagens/conteudoRodape.jpg) no-repeat; height:90px; width:494px; position:absolute; bottom:.9em;right:11px; margin-bottom:-90px;}
#conteudo div.borda{border-right:1px solid #4f4f4f; height:auto; width:484px; margin-top:55px;}
#conteudo div p{padding-right:20px; text-align:justify}
/* ... rodape ... */
#rodape{clear:both; height:90px;width:770px; background:url(../imagens/rodape.jpg) no-repeat bottom;position:relative;padding-top:80px;margin-bottom:-.18em;}

/*.............. ELEMENTOS COMUNS .....................*/
/*****************************************/
ul{list-style:none;}
a{text-decoration:none; cursor:pointer; color:#ccc; background-color:transparent;}
a:hover{color:#FFF;background-color:transparent;}
img{border:none;}
h2, h3{text-transform:uppercase; font-weight:normal;}
h2, p, address{font-size:.8em;}
h2 span{display:block; font-size:2em; font-weight:bold; color:#c4c400; background-color:transparent; letter-spacing:-1px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-top:-5px; margin-left:-2px;}
h3{font-size:.75em;}
label{display:block; text-transform:uppercase; font-size:.8em;}
address{font-style:normal; float:right; margin-top:16px;position:relative;left:-40px; width:480px; overflow:hidden; height:30px;}
select{margin-left:5px; cursor:pointer; font-size:.85em; margin-bottom:13px;}
a.voltar, img.voltar{position:relative; top:60px; z-index:40;}
img.voltar{float:left; margin-right:10px;}
a.voltar{margin:-2px 0 10px 20px; font-size:.75em; display:block; width:50px;}
/*.................... CONTEÚDO ............................*/
/*****************************************/
/* ... agenda de eventos ... */
#agendaEventos ul{margin-top:10px;}
#agendaEventos ul li{font-size:.8em; margin-bottom:10px; width:460px;}
#agendaEventos ul li span{font-weight:bold;}
#agendaEventos ul li a:hover{text-decoration:underline;}
#agendaEventos h2{margin-top:-25px; position:relative;}
#agendaEventos p.leiamais, #galeriaFama p.leiamais{text-align:right; margin-right:10px; text-transform:uppercase; font-size:.7em; height:1.5em;}
#agendaEventos p.leiamais img, #galeriaFama p.leiamais img{margin-bottom:-2px; margin-right:2px;}
/* ... galeria da fama ... */
#galeriaFama{width:50%; float:left; margin-top:40px;}
#galeriaFama p{word-spacing:-2px; margin-bottom:10px;}
#galeriaFama p.fotos{margin-top:40px;}
/* ... ingressos ... */
#ingressos{margin-top:40px; width:35%; float:left; margin-left:48px;}
#ingressos .texto{width:160px; margin-top:10px;}
#ingressos .ingresso{position:relative; left:90px; top:-20px; margin:0;}
#ingressos p.leiamais{position:relative; top:6px; float:right; text-transform:uppercase; font-size:.71em; }
#ingressos p.leiamais img{margin-bottom:-2px;}
/* ... rodape ... */
#rodape p{float:left;clear:both;margin-top:20px; margin-left:7px;}
#rodape span{display:block; font-size:.7em; position:relative; top:60px; left:20px; letter-spacing:1px; float:left; margin-left:16px;}
#rodape a{color:#666;}
#rodape a:hover{text-decoration:underline;}

/* ...... CONHEÇA A CASA / FALE CONOSCO ....... */
/*****************************************/
#conhecaACasa, #faleconosco{top:-20px;position:relative;}
#conhecaACasa h2, #faleconosco h2{margin-bottom:10px; margin-left:5px;}
#conhecaACasa img{margin:3px 0 3px 10px;}
#faleconosco p{margin-left:5px;}
#faleconosco label{font-size:.7em;}
#faleconosco ul{margin-left:5px; margin-top:20px;}
#faleconosco ul li {margin-bottom:3px;}
#faleconosco input, #faleconosco textarea, select{border:none; background-color:#454545; width:450px;}
#faleconosco input.submit{width:auto; float:right; margin-right:30px; margin-top:10px;}
#faleconosco textarea{height:100px; }

/* ...................... GALERIA ............................ */
/*****************************************/
p.data{margin-left:5px; margin-bottom:10px; font-weight:bold;}

/* ..................... PAGINAÇÃO ......................... */
/*****************************************/
#paginacao{text-align:left; margin-top:10px; font-size:.9em;}
#paginacao span{font-weight:bold;}
#paginacao span a{font-weight:normal;}

/* .............. MURAL DE RECADOS .................... */
/*****************************************/
p.recado{
	width:300px;
	margin-left:40px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:20px;
	}
p.recado span{display:block; margin-bottom:10px;}