body { font-family: Georgia, Verdana, sans-serif; font-size: 16px;
  margin: 0; padding: 0; background: #FFFFFF url(imagens/xy.png) repeat; }
h1, h2, h3, h4, h5 { text-shadow: 1px 1px 0 #F2FFFF; }

/* links */
a {color: #2c4460; text-decoration: underline;}
a img { border: none; }
a:focus, a:hover {text-decoration: underline;}
a:visited { color:#005a9c; }

/* Cabecalho */
.cabecalho { background: #26ADE4 url(imagens/fundo_cabecalho.png) repeat;
  height: 150px; position: relative; }
img#logo { position: relative; top: 15px; left: 15px; }
.cabecalho h1#logo { width: 45%; position: absolute; bottom: 16px;
  left: 22px; margin: 0; z-index: 999; font-style: italic; text-align: center; }

/* Links menu */
.menu-inicio { background: url(imagens/icones/inicio.png) no-repeat center 0; }
.menu-programacao { background: url(imagens/icones/programacao.png) no-repeat center 5px; }
.menu-fotos { background: url(imagens/icones/fotos.png) no-repeat center 5px; }
.menu-contato { background: url(imagens/icones/contato.png) no-repeat center 2px; }
.menu { position: absolute; bottom: 0; right: 0; margin: 0; white-space: nowrap;
  font-weight: bold; }
.menu a { font-family: Arial, sans-serif; font-size: 14px; text-decoration: none; }
.menu a:visited { color: #0E4EAD; }
.menu ul { list-style-type: none; padding: 0; margin: 0 5px 0 0; }
.menu ul li { float: left; margin: 0; }
.menu ul li a { text-shadow: #e9e9ff 1px 1px 1px; float: left; display: block;
  line-height: 30px; padding: 48px 12px 10px 12px; text-decoration: none;
  -moz-transition-property: background-color, color; -moz-transition-duration: .5s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color; -webkit-transition-duration: .5s;
  -webkit-transition-timing-function: ease-out; 
  -o-transition-property: background-color, color; -o-transition-duration: .5s;
  -o-transition-timing-function: ease-out; }
.menu ul li:hover a { text-decoration: none; color: #45ACF6; }
.menu ul li a:hover { text-decoration:none; color: yellow; text-shadow: orange 1px 1px 1px; }

/* Conteúdo */
.conteudo { width: 92%; max-width: 1024px; margin: 20px auto 0 auto; color: #222;
  padding: 0; }
.conteudo h2 { margin-top: 5px; padding-top: 0; } 
.conteudo table {  margin: 0; padding: 0; }
.bloco_conteudo { vertical-align: top; padding: 10px 30px 30px 30px; margin: 5px;
  text-align: justify; background-color: #FFFFFF; border: 1px solid #0B108C;
  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.barra_lateral { width: 38%; vertical-align: top; padding: 0 0 10px 15px;
  margin: 5px; font-size: 95%; text-align: justify; }
.barra_lateral .caixa {
  background: #107FC9;
  background: -moz-linear-gradient(-90deg, #FFF 0%, #107FC9 100%);
  background: -webkit-gradient(linear, -90deg, color-stop(0%, #FFF), color-stop(100%, #107FC9));
  background: -webkit-linear-gradient(-90deg, #FFF 0%, #107FC9 100%);
  background: -o-linear-gradient(-90deg, #FFF 0%, #107FC9 100%);
  background: -ms-linear-gradient(-90deg, #FFF 0%, #107FC9 100%);
  background: linear-gradient(-90deg, #FFF 0%, #107FC9 100%);
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
  margin-bottom: 10px; border: 1px solid #107FC9; padding: 8px; opacity: .80; }
.barra_lateral .caixa:hover { opacity: 1; }
.barra_lateral .caixa .subcaixa { padding: 5px; background: #fff;
  -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.realce { background: #FFF9D1; border: 1px dotted #FFFF00; }
.barra_lateral .caixa .subcaixa ul { list-style-type: none; margin: 0; padding: 5px; }
.barra_lateral .caixa .subcaixa ul li { padding: 5px; margin-bottom: 5px;
  -moz-transition-property: background-color, color; -moz-transition-duration: 1s;
  -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color;
  -webkit-transition-duration: .2s; -webkit-transition-timing-function: ease-in;
  -o-transition-property: background-color, color; -o-transition-duration: 1s;
  -o-transition-timing-function: ease-out; }
.barra_lateral .caixa .subcaixa ul li:hover { background-color: #b2fdd5; }
.barra_lateral .caixa h2 { margin-top: 8px; }
.barra_lateral .caixa p { margin: 0; padding: 5px; }

/* Botões de inscrição */
.bloco_conteudo #trabalho { display: block; margin: 0 0 0 20px; padding: 10px;
  font-family: verdana; text-shadow: #fff 1px 1px; background: #4DBCE9;
  width: 420px; height: 105px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  border-radius: 10px; border: 2px solid white;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 1s; -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color; -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-property: background-color, color; -o-transition-duration: 1s;
  -o-transition-timing-function: ease-out; }
.bloco_conteudo #inscricao { display: block; margin: 0 0 0 20px; padding: 10px;
  font-family: verdana; text-shadow: #fff 1px 1px; background: #D1E751;
  width: 420px; height: 215px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
  border-radius: 10px; border: 2px solid white;
  -moz-transition-property: background-color, color;
  -moz-transition-duration: 1s; -moz-transition-timing-function: ease-out;
  -webkit-transition-property: background-color, color; -webkit-transition-duration: .2s;
  -webkit-transition-timing-function: ease-in;
  -o-transition-property: background-color, color; -o-transition-duration: 1s;
  -o-transition-timing-function: ease-out; }
.bloco_conteudo #trabalho:hover { border: 2px solid cyan; text-shadow: #EEE 1px 1px;
  background: #107FC9; cursor: pointer; }
.bloco_conteudo #inscricao:hover { border: 2px solid cyan; text-shadow: #EEE 1px 1px;
  background: #A1BDDD; cursor: pointer; }

/* Programação */
.programacao { width: 92%; max-width: 1024px; margin: 20px auto 0 auto; color: #222;
  padding: 0; border: 1px solid #0B108C; -moz-border-radius: 5px; 
  -webkit-border-radius: 5px; border-radius: 5px; background-color: #FFF; }
.programacao h2 { margin-top: 5px; padding: 10px 30px 0 30px; } 
.programacao h4 { padding: 10px 30px 5px 30px; }
.programacao br { margin: 0 0 10px 0;}
.programacao .geral { margin: 12px; padding: 10px 30px 30px 30px;
  font-family: Arial, Verdana, sans-serif; font-size: 13px;
  border: 1px solid #ccc; background-color: #FFFEF0; border-collapse: collapse; }
.programacao .geral p { margin: 0; padding: 0;}
.programacao .geral tr td { vertical-align: top; padding: 5px; margin: 5px;
  text-align: left;}
.programacao .geral th, .programacao .geral td { padding: 5px;
  border: 1px solid #DEDEDE; }
.programacao .geral td:hover, .programacao .geral tr:hover {
  background-color: #b2fdd5; }
.coluna1 { text-align: center; background-color: #EDEEFF; }
.coluna2 { text-align: center; background-color: #F7FDDF; }
.detalhe_programa { background-color: #FFFFFF; border: 1px solid #4DBCE9;
  margin: 25px; padding: 5px 15px 5px 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  border-radius: 5px; text-align: justify; }
.detalhe_programa p { padding: 5px 35px 5px 35px; }
:target { background-color: #F1F1F1; border: 1px solid #C9E529;
  box-shadow: 1px 1px 3px 6px #D1E751; }

/* Galeria */
.galeria { width: 92%; max-width: 1024px; margin: 20px auto 0 auto; color: #222;
  padding: 0; border: 1px solid #0B108C; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  border-radius: 5px; background-color: #FFF; }
.galeria h2 { margin-top: 5px; padding: 10px 30px 0 30px; } 
.galeria h4 { padding: 10px 30px 5px 30px; }
.galeria .bloco_fotos { width: 85%; text-align: center; margin: 20px auto; padding: 5px; }

/* Contato */
.contato { width: 92%; max-width: 1024px; margin: 20px auto 0 auto; color: #222;
  padding: 0; border: 1px solid #0B108C; -moz-border-radius: 5px; -webkit-border-radius: 5px;
  border-radius: 5px; background-color: #FFF; }
.contato h2 { margin-top: 5px; padding: 10px 30px 0 30px; }
.contato .geral { margin: 12px; padding: 10px 30px 30px 30px; }
.contato .geral p { margin: 0; padding: 0;}
.contato .geral tr td { vertical-align: top; padding: 5px; margin: 5px;
  text-align: justify; }
.contato .geral td { padding: 5px; }

/* Rodape */
.rodape { background: url(imagens/fundo_rodape.png) repeat; min-height: 190px;
  margin: 40px 0 0 0; padding: 5px; font-family: Arial, sans-serif;
  font-size: 12px; text-align: center; color: #444; }
.rodape table { text-align: left; }
.rodape td { vertical-align: top; }
.rodape img { margin: 2px 15px 2px 15px; }