/*****************************************
Folha de estilo para o hotsite Férias 93
Cliente: FM 93 e Banco do Brasil
Design: Joares Miranda
Autor da folha de estilo: Joares Miranda
*****************************************/

* { margin:0; padding:0; list-style:none; }
html { background:#DCA758 url(../images/bg.jpg) no-repeat top center; }
body { font:14px Arial, Helvetica, sans-serif; color:#333; line-height:18px; }
#Site { width:1000px; margin:0 auto; }
#Conteudo { width:600px; float:right !important; }
#Conteudo p { margin-bottom:5px; }
#Aba-Programacao,
#Aba-Galeria,
#Aba-Contato { background-color:#FFF; }

/* CABECALHO */
#Cabecalho { width:380px; float:left !important; }
#Cabecalho h1 { text-indent:-5000px; overflow:hidden; background:url(../images/logo.jpg) no-repeat top left; width:365px; height:284px; margin:0 0 0 5px; float:left; }

/* INICIAL */
#Aba-Inicial h2 { display:none; }
#Aba-Inicial h3 { text-indent:-5000px; overflow:hidden; margin-bottom:5px; height:26px; }
#BoxSobre { background:#FFF url(../images/logo-pqna.jpg) no-repeat center right; padding:10px 165px 10px 15px; }
#BoxSobre h3 { background:url(../images/tt-sobreoevento.gif) no-repeat top left; }
#BoxProgramacao h3 { background:url(../images/tt-programacao.gif) no-repeat top left; }
#BoxFotos h3 { background:url(../images/tt-galeria.gif) no-repeat top left; }
#BoxProgramacao { margin-right:20px; height:320px; }
#BoxProgramacao,
#BoxFotos { width:270px; float:left; background-color:#FFF; padding:10px; margin-top:20px; }
#BoxProgramacao img { margin-bottom:8px; }
#BoxProgramacao ul { margin:5px 0; }
#BoxProgramacao ul li { list-style:circle; margin:5px 0 5px 15px; }

#FotosCapa { clear:both; }
#FotosCapa li { margin:0 20px 20px 0 !important; width:70px; height:50px; padding:0 !important; list-style:none; float:left; }


#BoxFotos img { margin:5px 12px 5px 0; }

/* PROGRAMACAO */
#Aba-Programacao { width:570px; padding:10px 15px 60px 15px; }
#Aba-Programacao h2 { text-indent:-5000px; overflow:hidden; margin-bottom:5px; height:26px; background:url(../images/tt-programacao.gif) no-repeat top left; }
#Aba-Programacao h3 { font:bold 16px Arial, Helvetica, sans-serif; color:#DF5F19; margin-bottom:5px; }
.diasAcao { margin:10px 0; clear:both; float:left; width:100%; }
.diasAcao li { list-style:none; float:left; margin-right:10px; background-color:#ACB72B; padding:4px 8px; font:14px; color:#FFF; }
.localProgramacao { clear:both; }
#programacaoAcoes { clear:both; float:none; margin-top:10px; height:400px; }
#programacaoAcoes li { border-bottom:1px solid #CCC; margin:5px 0 0 0; padding:5px 0 12px 0; line-height:22px; }
#programacaoAcoes span { background-color:#666; color:#FFF; padding:3px 6px; margin-right:5px; }

/* GALERIA DE FOTOS */
#Aba-Galeria { width:570px; padding:10px 15px 25px 15px !important; }
#Aba-Galeria h2 { text-indent:-5000px; overflow:hidden; margin-bottom:5px; height:26px; background:url(../images/tt-galeria.gif) no-repeat top left; }
#Aba-Galeria h3 { font:bold 14px Arial, Helvetica, sans-serif; margin-bottom:5px; }
.ftsProgramacao { margin-bottom:20px; }
.ftsProgramacao #GaleriaDia { clear:both; }
.ftsProgramacao #GaleriaDia li { margin:0 25px 10px 0 !important; width:70px; height:50px; padding:0 !important; list-style:none; float:left; }
.ftsProgramacao a img { border:1px solid #CCC; width:70px !important; height:50px; padding:0 !important;  margin:0 !important; }

.ftsProgramacao .fotosDias { clear:both; }
.ftsProgramacao .fotosDias li { margin:0 25px 10px 0 !important; width:70px; height:50px; padding:0 !important; list-style:none; float:left; }


/* CONTATO */
#Aba-Contato { width:570px; padding:10px 15px 0 15px; }
#Aba-Contato h2 { text-indent:-5000px; overflow:hidden; margin-bottom:5px; height:26px; background:url(../images/tt-contato.gif) no-repeat top left; }
#Aba-Contato fieldset { border:none; margin-bottom:25px; }
#Aba-Contato p { width:510px; clear:both; margin-bottom:15px; }
#Aba-Contato p label { width:90px; padding:5px; text-align:right; background-color:#DF601B; color:#FFF; display:block; float:left; margin-right:10px; }
#Aba-Contato p input { border:1px solid #DF601B; padding:5px; width:380px; }
#Aba-Contato p textarea { border:1px solid #DF601B; padding:5px; width:380px; height:180px; }
#btComentar { text-align:right; }
#Aba-Contato button { background-color:#DF601B; color:#FFF; padding:5px 15px; cursor:pointer; border:none; margin-right:8px; }

/* RODAPE */
#Rodape { clear:both; margin:15px 0 30px 0; display:block; }
#Rodape p { text-align:right !important; width:960px; padding:0 20px; }
#Rodape a img { border:none; }