/***********  GERAIS  ************/
#btIndique{ width:139px; height:38px; float:left;}
.fontGeral{ font:11px arial; color:#454545; line-height:18px;}
#texto_1, #texto_2, #texto_3, #texto_4, #texto_5, #texto_6, #texto_7, #texto_8, #texto_9, #texto_10{ float:left; /*border:1px solid black;*/}

/* PAGINADOR: usado junto à .botoesControle e .voltar */
.paginador{ float:right;}
.paginadorLaterais{ width:9px; float:left;}
.paginador ul{ height:18px; float:left; border-bottom:1px solid #9dcec3; border-top:1px solid #9dcec3; background:#FFF; }
.paginador li{ float:left; margin:0 4px; padding:2px 0 0 0; font:bold 11px arial; color:#af5755; }
.paginador li a{ color:#60af9d; text-decoration:none; }
.paginador li a:hover{ color:#af5755; }

/* GALERIA: usado com ul.Galeria */
li.Galeria .liImagem{ width:82px; height:85px; padding:0; margin:0 5px 0 0; _margin:0; float:left; position:relative;}
li.Galeria .liImgBorder{width:82px; height:82px; position:absolute; top:0; left:0; _left:-2px; z-index:200;}
li.Galeria .liImg{width:76px; _width:78px; height:77px; _height:76px; padding:0; margin:3px 5px 0 3px; _margin:3px 0 0 0; float:left;  position:relative; overflow:hidden;}
/*li.Galeria .liImg img{ margin-left:-15%; margin-top:-15%;}*/


/***********  A MARATHON  ************/
#marathon{ float:left; padding:50px 0 0 560px;}
#marathon h1{ width:93px; height:12px; position:absolute; top:83px; left:445px; }
#btIndiqueMarathon{ position:absolute; top:579px; left:395px; }
/*#btIndique.marathon{ margin:496px 0 0 378px; padding:0 18px 0 0; border:1px solid pink;}*/

#marathon .botoesControle{ width:410px; float:left; padding:6px 0;}
#marathon .voltar{ width:50px; float:left; margin:0;}

#marathon ul.Galeria{ width:420px; height:146px; margin:0; float:left;}
#marathon li.Galeria{ width:82px; margin:0 2px 0 0; _margin:0; float:left; list-style-type:none; position:relative;}

.marathonBox{ width:410px; height:325px; margin:0; float:right; overflow:hidden; font:11px arial; color:#454545; line-height:18px; text-align:justify; /*border:1px solid red;*/ }


/***********  ATIVIDADES  ************/
#atividades{ float:left; padding:50px 0 0 80px; }
#atividades h1{ width:320px; height:19px; overflow:hidden; position:absolute; top:65px; left:515px; font:bold 14px arial; color:#60af9d; text-transform:uppercase;}
#atividades h1 img{ vertical-align:middle;}
#atividades h2{ font:bold 14px arial; color:#60af9d; text-transform:uppercase;}
/*#btIndique.atividades{ margin:498px 0 0 23px; padding:0 18px 0 0;}*/
#btIndiqueAtividades{ position:absolute; top:578px; left:520px;}

#atividades .botoesControle{ width:410px; float:left; padding:6px 0; clear:both;}
#atividades .voltar{ width:50px; float:left; margin:0;}

#atividades ul.Galeria{ width:420px; height:146px; margin:0; float:left; clear:both;}
#atividades li.Galeria{ width:82px; margin:0 2px 0 0; float:left; list-style-type:none; position:relative;}

.atividadesBox{ width:405px; height:325px; margin:0; padding:0 0 0 5px; float:left; overflow:hidden; font:11px arial; color:#454545; line-height:18px; text-align:justify; }

.subNodes{position:absolute; left:515px; top:100px;}
.subNodes ul{ width:200px;}
.subNodes li{ width:120px; background:#dbebee; margin:0 0 2px 0; padding:1px 0 1px 5px;}
.subNodes li a{ font:bold 11px arial; color:#006666; text-decoration:none; text-transform:uppercase;}
.subNodes li a:hover{ text-decoration:underline; color:#48abab;}

/***********  PERSONAL  ************/
#personal{ float:left; padding:125px 0 0 10px; margin:0; }
#personalBox{ width:960px; height:300px; margin:0; float:left; overflow:hidden; }
#personal h1{ width:93px; height:12px; position:absolute; top:110px; left:840px;}
#btIndiquePersonal{ position:absolute; top:510px; left:843px;}

#personal .botoesControle{ width:960px; float:left; padding:6px 0; clear:both;}
#personal .voltar{ width:50px; float:left; margin:0;}

#personal ul.GaleriaPersonal{ width:100%; float:left;}
#personal li.GaleriaPersonal{ width:310px; margin:0 8px 18px 0; float:left; list-style-type:none; position:relative; }

li.GaleriaPersonal .liImagem{ width:130px; height:130px; padding:0; margin:0 5px 0 0; float:left; position:relative;}
li.GaleriaPersonal .liImgBorder{width:130px; height:130px; position:absolute; top:0; _top:-3px; left:0; _left:-3px; z-index:20;}
li.GaleriaPersonal .liImg{width:124px; height:124px; padding:0; margin:3px 5px 0 3px; _margin:0; float:left; position:relative; overflow:hidden;}

.personalBlocoTexto{ float:left; border:1px solid red;}

#personal h2{ font:13px arial; color:#454545; text-decoration:none; float:left; width:55%; }
#personal h3, #personal h3 a{ font:11px arial; color:#454545; text-decoration:none; float:left;}


/***********  HORARIOS ************/
#horarios{ float:left; padding:120px 0 0 21px; margin:0 0 0 250px; _margin:0 0 0 130px; }
#horariosBox{ width:430px; height:135px; margin:0; float:left; overflow:hidden; margin:80px 0 0 0; }
#horarios h1{ width:124px; height:12px; position:absolute; top:190px; left:280px;}
#btIndiqueHorarios{ position:absolute; top:500px; left:830px;}

.horariosColunas{ width:195px; float:left; margin:0 10px; _margin:0 5px;}
.horariosColunas h2{ text-align:center; margin:0 0 8px 0;}

#horarios .listagem ul{ width:100%; float:left;}
#horarios .listagem li{ width:100%; float:left; padding:8px 0 5px 0; border-bottom:1px solid #B8CCD0;}
#horarios .listagem h3 a{ font:12px arial; color:#454545; text-decoration:none;}
#horarios .listagem h3 a:hover{ text-decoration:underline;}
#horarios .seta { width:15px; height:15px; float:left; margin:0 3px 0 0;}

#horarios .botoesControle{ width:440px; float:left; padding:6px 0; margin:10px 0 0 0; clear:both; }
#horarios .voltar{ width:50px; float:left; margin:0;}

/***********  HORARIO ************/
#horario{ margin:10px 0 0 15px; font:11px arial;}
#horario h1{ font:bold 14px arial; color:#60af9d; text-transform:uppercase; }

/***********  EVENTOS e IMPRENSAS  ************/
#eventos, #imprensas{ float:left; padding:50px 0 0 21px; margin:0 0 0 400px; _margin:0 0 0 140px; }
#eventosBox, #imprensasBox{ width:530px; height:500px; margin:0; float:left; overflow:hidden; text-align:justify; }
#eventos h1{ width:93px; height:12px; position:absolute; top:70px; left:467px;}
#imprensas h1, #imprensa h1{ width:93px; height:12px; position:absolute; top:70px; left:312px;}
#btIndiqueEventos, #btIndiqueImprensas{ position:absolute; top:581px; left:392px;}

#eventos .botoesControle, #imprensas .botoesControle{ width:410px; float:left; padding:6px 0; margin:0 0 0 130px;}
#eventos .voltar, #imprensas .voltar{ width:50px; position:absolute;}

#eventos ul.Galeria, #imprensas ul.Galeria{ width:500px; position:absolute; top:90px; left:450px;}
#eventos li.Galeria, #imprensas li.Galeria{ width:500px; margin:0 2px 9px 0; float:left; list-style-type:none; position:relative;}

#eventos .Lista, #imprensas .Lista{ width:395px; height:80px; float:left; margin:0 0 0 15px; _margin:0 0 0 20px; overflow:hidden; }
#eventos .Lista h2 a, #imprensas .Lista h2 a{ font:13px arial; color:#454545; text-decoration:none;}
#eventos .Lista h3 a, #imprensas .Lista h3 a{ font:11px arial; color:#454545; text-decoration:none; height:40px; overflow:hidden; float:left;}
#eventos .Lista .leiaMais a, #imprensas .Lista .leiaMais a{ font:11px arial; color:#348c78; margin:7px 0 0 0; float:left; clear:both;}

#eventos .Lista h2 a:hover, #eventos .Lista h3 a:hover, #imprensas .Lista h2 a:hover, #imprensas .Lista h3 a:hover{ text-decoration:underline;}
#eventos .Lista .leiaMais a:hover, #imprensas .Lista .leiaMais a:hover{ text-decoration:none;}

/***********  EVENTO  ************/
#evento, #imprensa{ float:left; padding:50px 0 0 21px; margin:0 0 0 530px; _margin:0 0 0 267px; }
#evento h1{ width:93px; height:12px; position:absolute; top:70px; left:467px;}
#evento h2, #imprensa h2{ font:16px arial; color:#454545; margin:0 0 10px 0;}
#btIndiqueEvento{ position:absolute; top:578px; left:392px;}

#evento ul.Galeria{ width:90px; position:absolute; top:90px; left:450px;}
#evento li.Galeria{ width:82px; margin:0 2px 9px 0; float:left; list-style-type:none; position:relative;}

#evento .botoesControle{ width:410px; float:left; padding:6px 0;}
#evento .voltar{ width:50px; float:left; margin:0;}

.eventoBox, .imprensaBox{ width:410px; height:500px; margin:0; float:left; overflow:hidden; font:11px arial; color:#454545; line-height:18px; text-align:justify; }

/***********  IMPRENSA  ************/
#imprensa{ float:left; padding:50px 0 0 21px; margin:0 0 0 530px; _margin:0 0 0 263px; }
#imprensaBox{ width:410px; height:484px; margin:0 0 8px 0; float:left; overflow:hidden; text-align:justify; }
#imprensaCaixaFoto{ width:407px; height:229px; float:left; margin:0 0 5px 0; position:relative; _margin:2px 0 0 3px;}
#imprensa .moldura{ width:407px; height:229px; position:absolute; left:0; top:0; _top:-3px; _left:-3px; z-index:5000;}
#imprensa .fotoMoldura{ width:401px; height:223px; overflow:hidden; float:left; margin:3px 0 0 3px; _margin:0;}
/*#imprensa .fotoMoldura img{ margin-top:-10%;}*/
#imprensa h2{ font:16px arial; color:#454545; margin:0 0 10px 0;}

#imprensa .botoesControle{ width:410px; float:left; padding:6px 0;}
#imprensa .voltar{ width:50px; float:left; margin:0;}

/***********  DICAS e DICA ************/
#dicas, #dica{ float:left; padding:120px 0 0 21px; margin:0 0 0 268px; _margin:0 0 0 132px; text-align:justify; }
#dicasBox, #dicaBox{ width:405px; height:418px; margin:0; float:left; overflow:hidden; }
#dicas h1, #dica h1{ width:124px; height:12px; position:absolute; top:110px; left:275px;}
#btIndiqueDicas{ position:absolute; top:510px; left:830px;}

#dicas .listagem ul{ width:100%; float:left;}
#dicas .listagem li{ width:100%; float:left; padding:8px 0 5px 0; border-bottom:1px solid #B8CCD0;}
#dicas .listagem h2 a{ font:13px arial; color:#454545; text-decoration:none;}
#dicas .listagem h2 a:hover{ text-decoration:underline;}
#dicas .seta { width:15px; height:15px; float:left; margin:0 3px 0 0;}

#dicas .botoesControle, #dica .botoesControle{ width:410px; float:left; padding:6px 0; clear:both; }
#dicas .voltar, #dica .voltar{ width:50px; float:left; margin:0;}

#dica h2{ font:13px arial; color:#454545; text-decoration:none; margin:0 0 8px 0;}

.dicaBox{ width:405px; height:418px; margin:0; float:left; overflow:hidden; font:11px arial; color:#454545; line-height:18px; text-align:justify; }

/***********  CONVENIOS  ************/
#convenios{ float:left; padding:40px 0 0 630px; }
#convenios h1{ width:80px; height:15px; position:absolute; top:75px; left:530px;}
#btIndiqueConvenios{  position:absolute; top:500px; left:850px;}

#convenios .botoesControle{ width:345px; float:left; padding:6px 0; clear:both;}
#convenios .voltar{ width:50px; float:left; margin:0;}

.conveniosBox{ width:340px; height:370px; margin:0; float:left; overflow:hidden; font:11px arial; color:#454545; line-height:18px; }

/***********  PATROCINADORES  ************/
#patrocinadores{ float:left; padding:70px 0 0 21px; margin:0 0 0 330px; _margin:0 0 0 160px; }
#patrocinadores h1{ width:93px; height:12px; position:absolute; top:70px; left:360px;}
#patrocinadores h2, #patrocinadores h2 a{ font:11px arial; color:#454545; text-align:center; text-decoration:none;}
#patrocinadores h2 a:hover{ text-decoration:underline;}
#btIndiquePatrocinadores{ position:absolute; top:500px; left:850px;}

#patrocinadores .botoesControle{ width:615px; float:left; padding:6px 0; margin:0 0 0 10px; clear:both;}
#patrocinadores .voltar{ width:50px; float:left; margin:0;}

#patrocinadores ul.Galeria{ width:640px; margin:0; float:left; _width:700px;}
#patrocinadores li.Galeria{ width:82px; height:112px; margin:4px 12px; float:left; list-style-type:none; position:relative; overflow:hidden;}

/***********  GALERIA  ************/
#galeria{ float:left; padding:70px 0 0 21px; }
#galeriaBox{ width:340px; height:200px; margin:40px 0 0 0; float:left; overflow:hidden; }
#galeria h1{ width:93px; height:12px; position:absolute; top:70px; left:405px;}
#btIndiqueGaleria{ position:absolute; top:577px; left:250px;}

#galeria .botoesControle{ width:550px; float:left; padding:6px 0; margin:0 0 0 395px; _margin:0 0 0 195px; clear:both;}
#galeria .voltar{ width:50px; float:left; margin:0;}

#galeria ul.Galeria{ width:580px; margin:0 0 0 45px; float:left;}
#galeria li.Galeria{ width:82px; margin:4px 6px; float:left; list-style-type:none; position:relative; overflow:hidden;}

#galeria label{ font:11px arial; color:#4c6b6f; margin:0 0 3px 0; }
#galeria select{ width:300px; border:1px solid #d7e8ea; font:11px arial; color:#6b6b6b; margin:0 0 20px 0; padding:2px; }

/***********  CONTATO e INDIQUE ESTE SITE  ************/
#contato{ float:left; padding:185px 0 0 0; }
#contatoBox{ width:390px; height:200px; margin:32px 0 0 0; float:left; overflow:hidden; }
#contato h1{ width:93px; height:12px; position:absolute; top:190px; left:315px;}
#contato h2{ width:140px; font:11px arial; color:#454545; text-align:right; float:left; margin:0 7px 0 0; _margin:0 2px 0 0;}
#contato h2 a{ font:11px arial; color:#454545; text-decoration:underline;}
#contato h2 a:hover{ text-decoration:none;}
#btIndiqueContato{ position:absolute; top:500px; left:610px;}

#contato .botoesControle{ width:550px; float:left; padding:6px 0; margin:0 0 0 310px; _margin:0 0 0 155px; clear:both;}
#contato .voltar{ width:50px; float:left; margin:0;}

#contato ul.GaleriaContato{ width:330px; float:left; margin:0; }
#contato li.GaleriaContato{ width:310px; margin:2px 6px; float:left; list-style-type:none; position:relative; overflow:hidden; clear:both;  }
#contato li.GaleriaContato .liImagem{ width:143px; height:95px; padding:0; margin:0 5px 0 0; _margin:0; float:left; position:relative;}
#contato li.GaleriaContato .liImgBorder{width:143px; height:95px; position:absolute; top:0; left:0; z-index:2000;}
#contato li.GaleriaContato .liImg{width:143px; height:95px; padding:0; margin:3px 5px 0 3px; _margin:0; float:left; position:relative; overflow:hidden;}

#contato form, #indique form{ float:left;}
#contato label{ width:60px; float:left; text-align:right; font:11px arial; color:#4c6b6f; margin:0 5px 3px 0; }
#indique label{ width:80px; float:left; text-align:right; font:11px arial; color:#4c6b6f; margin:0 5px 3px 0; }
#contato input, #indique input{ background:#d9e8ec; border-bottom:1px solid #b8ccd0; border-top:0; border-left:0; border-right:0; width:280px; margin:4px 0;}
#contato textarea, #indique textarea{ background:#c5dce2; border-bottom:1px solid #b8ccd0; border-top:0; border-left:0; border-right:0; width:280px; height:70px;}
#contato input.buttonEnviar, #indique input.buttonEnviar{ width:56px; height:20px; float:right; background:none; border:0; margin:10px 35px 0 0;}

/***********  INDIQUE ESTE SITE  ************/
#indique{ float:left; padding:170px 0 0 0; }
#indiqueBox{ width:390px; height:300px; margin:0 0 0 300px; _margin:0 0 0 145px; float:left; overflow:hidden; }
#indique h1{ width:93px; height:12px; position:absolute; top:150px; left:290px;}

#indique .botoesControle{ width:550px; float:left; padding:6px 0; margin:0 0 0 280px; _margin:0 0 0 140px; clear:both;}
#indique .voltar{ width:50px; float:left; margin:0;}