/**********************************************************************\
|                 _                 _                                  |
|                | |               | |                                 |
|   ___ ___ ___  | |__  _   _    __| | ___ ______ _ _______ _ __ ___   |
|  / __/ __/ __| | '_ \| | | |  / _` |/ _ \_  / _` |_  / _ \ '__/ _ \  |
| | (__\__ \__ \ | |_) | |_| | | (_| |  __// / (_| |/ /  __/ | | (_) | |
|  \___|___/___/ |_.__/ \__, |  \__,_|\___/___\__,_/___\___|_|  \___/  |
|                        __/ |                                         |
|                       |___/                                          |
|                                                                      |
| Dennis Schwartz                                                      |
| jun/2009                                                             |
| www.dezazero.com.br                                                  |
|                                                                      |
\**********************************************************************/

* { margin: 0; padding: 0; list-style: none; }
body { background: #0c0d0f url( ../_images/site/bg.jpg ) top left repeat-x; text-align: center; }
body, td { font: normal 12px Verdana; line-height: 16px; color: #4d4b47; }
a { color: #1430da; text-decoration: none; }
a:hover { text-decoration: underline; }
img { border: none; }
h1 span, h2 span, h3 span { display: none; }

/* CONTROL CLASSES */

.hidden { display: none; }
.visible { display: normal; }
.clear_all { clear: both; }

/* ESTRUTURA BASICA */

table.main { width: 880px; height: 100%; margin: 0 auto 0 auto; }
table.main td { text-align: left; vertical-align: top; }
table.main td.topo { height: 140px; font-size: 0; }
table.main td.topo h2.logo { float: left; cursor: pointer; cursor: hand; width: 308px; height: 96px; margin: 20px 0 0 0; background: url( ../_images/site/logo.png ) top left no-repeat; }
table.main td.topo h3.festival { float: left; width: 159px; height: 67px; margin: 44px 0 0 40px; background: url( ../_images/site/logo_festival.png ) top left no-repeat; }
table.main td.topo h3.data { float: left; width: 240px; height: 75px; margin: 30px 0 0 0; }
table.main td.topo h3.data span { display: block; width: 200px; margin: 0 0 0 40px; padding-top: 22px; font: bold 12px Verdana; text-align: center; }
table.main td.topo h3.data span a { color: white; }
table.main td.topo h3.puc { float: right; width: 93px; height: 55px; margin: 51px 0 0 0; background: url( ../_images/site/puc.png ) top left no-repeat; }
table.main td.meio { padding: 0 0 20px 0;  }
table.main td.meio table.menu { width: 880px; background: url( ../_images/site/menu.png ) top left no-repeat; }
table.main td.meio table.menu td { height: 60px; vertical-align: middle; }
table.main td.meio table.menu td.espacador { width: 30px; }
table.main td.meio table.menu td.espacador.final { background: url( ../_images/site/menu_sep.png ) 0 10px no-repeat; }
table.main td.meio table.menu td.item { text-align: center; background: url( ../_images/site/menu_sep.png ) 0 10px no-repeat; }
table.main td.meio table.menu td.item a { color: white; position: relative; left: 1px; }
table.main td.meio table.menu td.item.selecionado { background: white; }
table.main td.meio table.menu td.item.selecionado a { color: black; }
table.main td.meio table.menu td.menu_2 a { color: #2dabe2; }
table.main td.meio table.menu td.menu_4 a { color: #b2d237; }
table.main td.meio table.menu td.menu_6 a { color: #fcee24; }
table.main td.meio table.menu td.menu_8 a { color: #ea138c; }

table.main td.rodape { height: 200px; }
table.main td.rodape p { text-align: center; display: block; }
table.main td.rodape p.realizacao_apoio { width: 100%; padding: 15px 0 15px 0; border-top: 1px solid #666; }
table.main td.rodape p.realizacao_apoio img { vertical-align: middle; }
table.main td.rodape p.assinatura { width: 100%; padding: 20px 0 0 0; border-top: 1px solid #666; color: #888; }

/* ELEMENTOS MAIS ESPECIFICOS */

table.main td.meio div.dock { width: 820px; height: 72px; margin: 0 0 0 30px; position: relative; text-align: center; }
table.main td.meio div.dock img { }
table.main td.meio div.dock-container { position: relative; height: 72px; }
table.main td.meio div.dock-container a.dock-item { display: block; width: 60px; color: #000; position: absolute; z-index: 999; top: 0px; text-align: center; text-decoration: none; }
table.main td.meio div.dock-container a.dock-item img { margin: 25px 0 0 0; width: 90%; }
table.main td.meio div.dock-container a.dock-item span { display: none; width: 90%; font-weight: bold; color: white; background-color: #222; position: relative; left: 5%; *left: 0; }

div.olho_home { }
div.olho_home div.sobre { position: absolute; z-index: 998; width: 380px; height: 300px; margin: 20px 0 0 40px; background: url( ../_images/site/sobre.png ) 0 10px no-repeat; }
div.olho_home div.sobre p { width: 290px; margin: 0 0 0 18px; padding: 76px 0 0 0; }
div.olho_home div.sobre_link { position: absolute; z-index: 997; width: 40px; height: 59px; margin: 35px 0 0 45px;  }

table.main td.meio.internas { background: white url( ../_images/site/meio_internas_bg.jpg ) left 60px no-repeat; }
table.main td.meio.internas h1 { font: bold 26px Arial; color: #e00079; margin: 0 30px 0 30px; padding: 0 0 0 20px; height: 71px; border-bottom: 1px solid #e1e0dc; }
table.main td.meio.internas h1 span { display: block; padding-top: 22px; }
table.main td.meio.internas h2 { font: bold 20px Arial; color: #e00079; margin: 30px 0 0 0; padding: 0 0 0 0; height: 65px; }
table.main td.meio.internas table.conteudo { margin: 20px 0 60px 50px; width: 780px; }
table.main td.meio.internas table.conteudo td { }
table.main td.meio.internas table.conteudo td.esquerda { }
table.main td.meio.internas table.conteudo td.esquerda p { margin: 0 20px 0 0; padding: 0 0 12px 0; }
table.main td.meio.internas table.conteudo td.esquerda img.foto_participante { margin-bottom: 15px; }
table.main td.meio.internas table.conteudo td.esquerda div.texto { }
table.main td.meio.internas table.conteudo td.esquerda div.texto table { width: 510px; margin: 0 35px 12px 0; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; }
table.main td.meio.internas table.conteudo td.esquerda div.texto table th { font-size: 12px; text-align: left; background-color: #efefef; padding: 5px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
table.main td.meio.internas table.conteudo td.esquerda div.texto table td { vertical-align: top; padding: 5px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; }
table.main td.meio.internas table.conteudo td.esquerda div.texto table td.data { width: 100px; }
table.main td.meio.internas table.conteudo td.esquerda div.galeria_de_fotos { padding: 20px 0 10px 0; }
table.main td.meio.internas table.conteudo td.esquerda div.galeria_de_fotos h2 { font: bold 16px Arial; }
table.main td.meio.internas table.conteudo td.esquerda div.galeria_de_fotos ul { margin: 5px 0 0 0; }
table.main td.meio.internas table.conteudo td.esquerda div.galeria_de_fotos ul li { display: inline; }
table.main td.meio.internas table.conteudo td.esquerda div.galeria_de_fotos ul li img { margin: 10px 10px 0 0; }
table.main td.meio.internas table.conteudo td.esquerda div.arquivos_anexos { padding: 20px 0 0 0; }
table.main td.meio.internas table.conteudo td.esquerda div.arquivos_anexos h2 { font: bold 16px Arial; }
table.main td.meio.internas table.conteudo td.esquerda div.arquivos_anexos ul { margin: 15px 0 0 0; }
table.main td.meio.internas table.conteudo td.esquerda div.arquivos_anexos ul li { }
table.main td.meio.internas table.conteudo td.direita { width: 230px; border-left: 1px solid #e1e0dc; }
table.main td.meio.internas table.conteudo td.direita h3.submenu { margin: 0 0 0 20px; font: normal 12px Verdana; }
table.main td.meio.internas table.conteudo td.direita h3.submenu span { display: block; }
table.main td.meio.internas table.conteudo td.direita ul { margin: 12px 0 0 20px; padding-bottom: 22px; width: 205px; }
table.main td.meio.internas table.conteudo td.direita ul li { padding: 4px 0 4px 0; border-bottom: 1px solid #e1e0dc; }

table.main td.meio.internas table.conteudo.contato td.esquerda { }
table.main td.meio.internas table.conteudo.contato td.direita { width: 370px; }
table.main td.meio.internas table.conteudo.contato td.direita p { margin: 0 20px 0 30px; padding: 0 0 12px 0; }
table.main td.meio.internas table.conteudo.contato td.direita ul { margin: 0 0 0 48px; width: 320px; list-style: disc !important; }
table.main td.meio.internas table.conteudo.contato td.direita ul li { border: 0; padding: 0 0 5px 0; list-style: disc !important; }

div.lista_participantes { }
div.lista_participantes ul { width: 510px; }
div.lista_participantes ul li { clear: both; height: 110px; padding: 10px 0 0 0; border-bottom: 1px solid #efefef; }
div.lista_participantes ul li img { float: left; margin-right: 10px; }
div.lista_participantes ul li a { display: block; }

ul.noticias { }
ul.noticias li { padding: 6px 0 6px; border-bottom: 1px solid #efefef; }

div.form { width: 350px; margin-left: 10px; }
div.form form { padding: 0 0 0 0; width: 350px; }
div.form form p { padding-bottom: 8px; }
div.form form p.error { color: red; font-weight: bold; padding-bottom: 20px; }
div.form form label { display: block; padding-bottom: 3px; }
div.form form input.text { padding: 3px 0 0 3px; border: 1px solid #d9d8d8; border-top: 1px solid gray; height: 23px; }
div.form form textarea { border: 1px solid #d9d8d8; border-top: 1px solid gray; }
div.form form .small { width: 100px; }
div.form form .medium { width: 250px; }
div.form form .big { width: 350px; }
div.form form .tall { height: 180px; }
div.form form .image_input { margin-top: 8px; }
div.form form select.normal { padding: 3px 0 0 0; border: 1px solid #d9d8d8; border-top: 1px solid gray; width: 250px; height: 23px; }
div.form form p.space_top { margin: 0 0 20px 0 !important; }
div.form form p.space_both { margin: 30px 0 20px 0 !important; }
div.form form p.checkbox { margin: 30px 0 20px 0 !important; }
div.form form p.checkbox label { }
div.form form p.checkbox input { margin-right: 10px; }
div.form form p.botoes { padding-top: 15px !important; }
div.form form p.botoes input.botao { }

div.camera_index { font-size: 0; width: 880px; height: 589px; overflow: hidden; }
div.camera_index img { float: left; position: relative; z-index: 2; }
div.camera_index img.fundo { position: absolute; z-index: 1; width: 10px; margin: 0; height: 400px; }

div.lista_fotos { margin-top: 20px; }
div.lista_fotos img { float: left; display: inline; width: 100px; margin: 0 15px 15px 0; }