/*
   Theme Name: Carona Interativa
   Theme URI: http://www.caronainterativa.com.br/
   Author: Linke - Lincoln César Alves
   Author URI: http://www.linke.viscountbox.com
   Version: 1.0
*/

* { margin: 0; padding: 0; z-index: 0; }
html { font-family: Tahoma, sans-serif; font-size: 0.75em; background: #000000; overflow-x: hidden; }
html body { font-size: 100%; color: #fff; background: url(imagens/header3_bg.png) top center no-repeat; }
#limites { width: 1000px; margin: 0 auto; }

/*--- GERAL ---*/
h2 { position: relative; color: #FFCC66; width: 500px; height: 45px; font-size: 1.4em; }
h2 a { display: block; position: relative; width: 418px; height: 113px; text-indent: -999em; overflow: hidden; background: white; filter: alpha(opacity=0);-moz-opacity: .0;opacity: .0; } 
h1 { color: #fffF00; font-size: 1.66em; }
.interna h1, .post .interna #coluna1 h3 { width: 320px; height: 35px; padding: 10px 0 0 10px; font-size: 1.7em; color: #FFFFFF; }
.post .interna h1 { width: auto; height: auto; padding: 0;  background: none; font-size: 1em; }
a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }
a img { border: 0; }
p.beta { position: absolute; top: 0; left: 0; width: 98px; height: 75px; background: url(imagens/beta_selo.png) no-repeat; text-indent: -999em; overflow: hidden; }
* html p.beta { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='imagens/beta_selo.png',sizingMethod='scale'); }

.direita { float: right; }
.esquerda { float: left; }
p.direita { float: none; text-align: right; }
p.esquerda { float: none; text-align: left; }
p.centro { text-align: center; }
a.mais { display: block; margin-top: 10px; padding-left: 16px; background: url(imagens/icone_mais.png) left 4px no-repeat;  }

/* botoes */
.botao200 { width: 210px; height: 53px; background: url(imagens/botao_200.png) no-repeat; color: #fff; font-size: 0.91em; text-transform: uppercase; border: none; }
.ok { background: #4e4e4e; border: 1px #fff solid; color: #fff; }

/* listas */
ul, ol { list-style: none; }
ul.paginacao, p.paginacao { text-align: center; }
ul.paginacao li { display: inline; margin: 0 3px; }
  
  /*
  .navigation li { width: 235px; }
  .navigation li.esquerda { padding-right: 10px; }
  .navigation li.direita { padding-left: 10px; text-align: right; } 
  */
  .navigation { margin: 15px 0; }
  .navigation a { color: #FFFF00; font-size: 1.41em; }



/* formularios */
form fieldset { border: 0; }
button { border: 0; text-transform: uppercase; font-size: 0.91em; }
form ol li { margin-bottom: 10px; }
form ol li label { float: left; }
form ol li label input { border: 0; }
form ol li input { padding: 0 2px; border: 0; font-size: 1.083em; font-family: Verdana, sans-serif; }
form ol li select { padding: 1px; border: 0; font-size: 1em; }
textarea { overflow: auto; font: normal 1em Verdana, sans-serif; }

/* contendo float */
html body #limites .contemfloat:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html body #limites .contemfloat { display: inline-block; }
/* Hides from IE-mac \*/
* html body #limites .contemfloat { height: 1%; }
html body #limites .contemfloat { display: block; }
/* End hide from IE-mac */

/*------ TOPO ------*/
#topo { margin-top: 14px; }

/* busca */
#topo form.busca { padding-right: 15px; text-align: right; margin-top: -25px; }
#topo form.busca fieldset label { font-size: 1.16em; margin-right: 5px; vertical-align: middle; }
#topo form.busca fieldset input { width: 170px; padding: 0 2px; margin-right: 1px; border: 1px #d4b93e solid; vertical-align: middle; }
#topo form.busca fieldset input.ok { width: auto; margin: 0; padding: 0; text-align: center; border: 1px #fff solid; background: #7b7b7b; font-weight: bold; text-transform: none; color: #fff; }
/* menu */
#topo .menu_topo { margin-top: 145px; background: #212121; padding-top: 4px; }
#topo .menu_topo ul li { float: left; margin-left: 17px; font-weight: bold; }
* html #topo .menu_topo ul li { margin-left: 13px; }
#topo .menu_topo ul li a { display: block; padding: 6px 10px; font-size: 1.25em; }
#topo .menu_topo ul li.current_page_item { background: #2e2e2e; }
#topo .menu_topo ul li a:hover { background: #2e2e2e; text-decoration: none; }
#topo .menu_topo ul li.ativo a { color: #fff500; background: #2e2e2e; }
/* nova busca */
form.nova_busca label { display: block; font-size: 1.16em; margin-bottom: 15px; }
form.nova_busca input.ok { width: auto; margin: 0; padding: 0 2px; text-align: center; border: 1px #fff solid; background: #7b7b7b; font-weight: bold; text-transform: none; color: #fff; }

/*------ CONTEUDO ------*/
#conteudo { background: #2e2e2e; padding: 25px 20px; }

/*--- COLUNAS ---*/
#conteudo #coluna1 { float: left; width: 740px; }
#conteudo #coluna2 { float: right; width: 210px; /* margin-left: 9px; */ }
* html #conteudo #coluna2 { overflow: hidden; }

/* COLUNA 1 */
.interna .global { padding: 15px 10px; background: #373636; }
#coluna1 .mapa_interativo .apresentacao { float: left; width: 465px; }
#coluna1 .mapa_interativo .apresentacao h1 { font-size: 1.63em; color: #FFCC66; font-weight: normal; letter-spacing: 1px; }
#coluna1 .mapa_interativo .apresentacao p.chamada { font-size: 1em; color: #2e9fff; }
#coluna1 .mapa_interativo .apresentacao p.chamada em { font-style: normal; font-size: 1.08em; }
#coluna1 .mapa_interativo .apresentacao p { margin-top: 5px; font-size: 1.0em; line-height: 17px}
#coluna1 .mapa_interativo .apresentacao a { color: #58a0dd; text-decoration: underline; }
#coluna1 .mapa_interativo .apresentacao a:hover { color: #fff500; }
#coluna1 .mapa_interativo .botao_sugerir { margin-left: 489px; width: 240px; height: 95px; background: url(imagens/mapa_aba_azul.png) no-repeat; text-align: center; } 
* html #coluna1 .mapa_interativo .botao_sugerir { margin-left: 486px; }
#coluna1 .mapa_interativo .botao_sugerir a { float: left; margin: 22px 0 0 38px; width: 109px; height: 44px; padding: 8px 20px 0 42px; background: url(imagens/mapa_botao_marcar.gif) left top no-repeat; font-size: 1.2em; text-align: left; } 
#coluna1 .mapa_interativo .botao_sugerir a:hover { text-decoration: none; }
/* #coluna1 .mapa_interativo .botao_sugerir a:hover { background-position: left -60px; text-decoration: none; } */ 

/* mapa */
#coluna1 .mapa_interativo div.mapa { height:100%; width:100%; color:black; }
#coluna1 .mapa_interativo div#cx_mapa { position:relative; width:709px; height:430px; border:10px #8b7e66 solid; background:#e5e3df; }

#coluna1 .mapa_interativo ul.legenda { margin-bottom: 40px; padding-top: 15px; width: 729px; height: 54px; background: url(./imagens/mapa_legenda_bg.png) no-repeat; text-align: center; }
#coluna1 .mapa_interativo ul.legenda li { float: left; margin-right: 20px; padding: 6px 0 0 35px; height: 30px; color: #6d6d6d; font-size: 0.91em; background: url(./imagens/legenda_icones.gif) no-repeat;  }
#coluna1 .mapa_interativo ul.legenda li.atual { margin-left: 150px; background-position: left top; }
* html #coluna1 .mapa_interativo ul.legenda li.atual { margin-left: 80px; }
#coluna1 .mapa_interativo ul.legenda li.nao_visitados { background-position: left -51px; }
#coluna1 .mapa_interativo ul.legenda li.visitados { background-position: left -105px; }

/* BALAO DO MAPA */

/* menu do balao */
.caixa .cabecalho .avatar ul.menu { margin: 13px 0 0 65px; }
.caixa .cabecalho .avatar ul.menu li { display: inline; margin-right: 10px; }
.caixa .cabecalho .avatar ul.menu li.porque { padding-right: 10px; border-right: 1px #fff solid; }
.cabecalho .avatar ul.menu li a { font-size: 1.09em; }
.cabecalho .avatar ul.menu li.ativo a { font-weight: bold; color: #ffe400; }
.mapa_interativo .balao .caixa .texto { /* padding: 5px;  height: 120px; */ margin-bottom: 5px; }
.mapa_interativo .balao .caixa .texto h5 { margin-bottom: 10px; font-size: 1.09em; color: #000; }
.mapa_interativo .balao .caixa .texto p { color: #000; }
.mapa_interativo .balao a.ver_post { display: inline; margin-top: 5px; font-weight: bold; font-size: 1.09em;  text-align: right; color: #2E2E2E;}
.mapa_interativo .balao a.ver_post:hover { text-decoration: underline; }

/* BALAO FULL - EXPANDIDO - balao.html */
.balao { height: 100%; background: #fff; }
.balao .caixa { position: relative; }
.balao .caixa .texto { height: auto; }
.balao .caixa .texto .conteudo_aba { display: block; height: 120px; overflow: auto; }
.balao .caixa .texto .conteudo_aba h4 { color: #2e2e2e; font-size: 1.16em; margin: 20px 0 5px; }
.balao .caixa .texto .conteudo_aba.porque ul.ajuda { margin-top: 10px; }
.balao .caixa .texto .conteudo_aba.porque ul.ajuda li { margin-bottom: 10px; padding-left: 20px; background: url(./imagens/icone_checklist.png) left center no-repeat; color: #000; font-size: 1.09em; }
.balao .caixa .texto .conteudo_aba.ativo { display: block; }
.balao .caixa .cabecalho { position: relative; width: 98%; height: 49px; padding: 5px; margin-bottom: 10px; background: #8a8a8a; }
.balao .caixa .cabecalho { width: 98%; display: block; zoom: 1; }
.balao .caixa .cabecalho .acoes { float: right; }
.balao .caixa .cabecalho .acoes li { float: left; margin-left: 1px; }
.balao .caixa .cabecalho .acoes li a { display: block; width: 16px; height: 16px; padding: 0; background: #2e2e2e; text-align: center; }
.balao .caixa .cabecalho .acoes li a:hover { background: #fff; color: #2e2e2e; }
.balao .caixa .cabecalho .avatar img { float: left; width: 46px; height: 46px; border: 1px #fff solid; }
.balao .caixa .cabecalho .avatar p { width:73%; float:left; margin-left:13px; margin-top:14px; }
.balao .caixa .cabecalho .avatar p strong { font-size: 1.33em; }
.balao .caixa .cabecalho .avatar p span { margin-left: 5px; }
.balao .caixa ul.base { float: left; width: 380px; margin-top: -20px; padding: 0 5px; text-align: left; }
.balao .caixa ul.base li { display: inline; margin-right: 10px; } 
.balao .caixa ul.base li a { font-size: 1.09em; color: #58a0dd; }

/*.balao {width:98%}*/
/*.balao .caixa {width:98%}*/

/* comentarios */
.balao .caixa .texto .conteudo_aba.comentarios p.quantos { float: left; color: #2e2e2e; margin-top: 20px; font-size: 1.09em; }
.balao .caixa .texto .conteudo_aba.comentarios button { padding-right: 5px; width: 171px; height: 40px; background: url(./imagens/botao_inserir_comentario.png) no-repeat; text-align: center; color: #fff; text-transform: none; }
.balao .caixa .texto .conteudo_aba.comentarios ul.lista_comentarios { margin: 10px 0; height: 180px; overflow-y: scroll; overflow-x: hidden; }
 html > body.balao .caixa .texto .conteudo_aba.comentarios ul { height: 270px; }
.balao .caixa .texto .conteudo_aba.comentarios ul.lista_comentarios li { padding: 10px; background: #cbcbcb; margin-bottom: 10px; }
.balao .caixa .texto .conteudo_aba.comentarios ul.lista_comentarios li a.avatar { float: left; }
.balao .caixa .texto .conteudo_aba.comentarios ul.lista_comentarios li a.avatar img { border: 1px #2e2e2e solid; }
.balao .caixa .texto .conteudo_aba.comentarios ul.lista_comentarios li .comentario { margin-left: 55px; font-size: 0.91em; }
.balao .caixa .texto .conteudo_aba.comentarios ul.lista_comentarios li .comentario p { margin-bottom: 5px; }
.balao .caixa .texto .conteudo_aba.comentarios ul.lista_comentarios li .comentario a { color: #2e2e2e; text-decoration: underline; font-size: 1.09em; }

/*--- BLOG ---*/
h3.titulo_blog { width: 225px; padding: 15px 0; font-size: 1.66em; font-weight: normal; letter-spacing: 1px; color: #FFFFFF; background: url(imagens/listrado_bg.gif) repeat; text-align: center; }
#blog { background: #373636; padding: 0px 0 10px 10px; }
#blog .coluna_post { float: left; width: 510px; }
#blog .coluna_post .pagetitle { color: #FFCC66; }
#blog .post { margin-bottom: 30px; }
  /* titulo */
  #coluna1 #blog .post h3, .post .interna #blog .post h1 { margin: 0px 0 0 0; font-size: 1em; }
  #coluna1 #blog .post h3 .titulo, .post .interna #blog .post h1 .titulo { display: block; margin-left: 50px; padding-top: 10px; padding-bottom: 20px; color: #FFCC66; font-size: 1.7em; }
  #coluna1 #blog .post h3 span.data, .post .interna #blog .post h1 span.data { float: left; padding: 8px 5px; margin-right: 10px; width: 27px; height: 29px; font-size: 0.9em; color: #151515; background: url(imagens/blog_calendario_bg.png) no-repeat; text-align: center; }
#blog .post .texto { clear: both; margin-top: 8px; }
#blog .post .texto img { border: 1px #fff solid; margin: 4px auto; }
#blog .post .texto p { margin-bottom: 30px; font: 9pt "Lucida Sans Unicode"; word-spacing: 0.2em; line-height: 1.5em; }
#blog .post .texto a { color: #FFFF00; }
#blog .post .acoes { margin-top: 20px; width: 510px; height: 29px; padding: 3px; background: url(imagens/listrado_bg.gif) repeat; }
#blog .post .acoes li { float: left; margin-top: 10px; }
#blog .post .acoes li.comentarios { margin: 0 0 0 5px; }
#blog .post .acoes li.comentarios a { float: left; padding: 10px 0 0 40px; height: 25px; background: url(imagens/icone_comentarios.png) left no-repeat;  }
#blog .post .acoes li.categorias { margin: 0 20px; padding-top: 10px; }
#blog .post .acoes li.editar a { color: #FFFF00; }

/* coluna apoio */
.coluna_apoio { margin-left: 535px; padding: 15px 5px; width: 150px; border: 1px #373636 solid; }
.coluna_apoio a.rss { display: block; height: 56px; margin-bottom: 10px; padding-left: 65px; background: url(imagens/rss_icone.gif) left top no-repeat; line-height: 56px; }
.coluna_apoio a.rss:hover { background-position: left -65px; }
.coluna_apoio dl dt { font-weight: bold; font-size: 1em; margin-bottom: 10px; }
.coluna_apoio dl dd ul { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px #b6b6b6 solid; }
.coluna_apoio dl dd ul li { padding-left: 6px; background: url(imagens/marcador_lista_square.gif) left 6px no-repeat; }
.coluna_apoio dl dd ul li a { font-size: 0.91em; }
.coluna_apoio dl dd.links ul { border: 0; margin-bottom: 0; padding-bottom: 0; }  

/* POST - leitura */
#blog.leitura .post .texto { margin-bottom: 15px; padding-bottom: 2px; }
#blog.leitura .post .editar { display: block; background: #161616; }
/* POST - comentarios */
#blog.leitura .comentarios { margin: 10px 0; padding-top: 20px; border-top: 1px #494848 solid; }
#blog.leitura .comentarios ul li { margin-bottom: 2px; padding: 10px 5px; background: #494848; border: 1px #161616 solid; font-family: "Lucida Sans Unicode", sans-serif; }
#blog.leitura .comentarios ul li:hover { margin-bottom: 2px; padding: 10px 5px; background: #5F5F5F; }
#blog.leitura .comentarios ul li p.autor { font-size: 1.2em; display: inline; }
#blog.leitura .comentarios ul li p.data { font-size: 0.9em; margin-bottom: 5px; }
#blog.leitura .comentarios ul li p.data a { color: #fff; }
#blog.leitura .comentarios ul li a { color: #FFFF00; }
#blog.leitura .comentarios .quantidade { margin-bottom: 10px; font-size: 1.1em; }
#blog.leitura .comentarios div.avatar { float: left; position: relative; margin: 0 10px 0 0; border: 1px #fff solid; background: #fff; }
#blog.leitura .comentarios div.avatar { width: 40px; height: 40px; }
#blog.leitura .comentarios p.aprovacao { margin: 10px; padding: 5px; color: #8FD7FF; text-align: center; background: #7F7F7F; }
#blog.leitura .comentarios ul li .comment-childs .avatar { float: left; margin: 0 10px 10px 0; }
#blog.leitura .comentarios ul li cite { font-size: 1.2em; display: inline; }

/* icone */
#blog.leitura .comentarios ul li .thdrpy { display: block; height: 20px; }
#blog.leitura .comentarios ul li .thdrpy a { float: right; display: block; width: 16px; height: 16px; background: url(imagens/reply.png) no-repeat; text-indent: -999em; overflow: hidden; }

  /* para abrir e fechar */
  /* plugin dos comentarios */
  #blog.leitura .comentarios ul li .thdrpy { position: relative; }
  #blog.leitura .comentarios ul li .thdrpy .fechar { display: none; }
  #blog.leitura .comentarios ul li .thdrpy .ativo .fechar { position: absolute; top: 0; right: 0; display: block; width: 16px; height: 16px; text-indent: -999em; overflow: hidden; }



/* POST - escreva seu comentario */
#blog.leitura form.comentario { margin-top: 15px; border: 1px #ccc dashed; background: #373636; padding: 10px; }
#blog.leitura form.comentario h5 { font-size: 1.2em; margin-bottom: 20px; }
#blog.leitura form.comentario li { margin: 0 0 10px; padding: 0; list-style: none; border: 0; background: none; }
#blog.leitura form.comentario li:hover { padding: 0; background: none; margin: 0 0 10px; }
#blog.leitura form.comentario label { float: left; width: 70px; margin-right: 5px; }
#blog.leitura form.comentario input { width: 200px; border: 1px #5F5F5F solid; background: url(imagens/input_bg.gif) repeat-x; }
#blog.leitura form.comentario input:focus { border: 1px #fff solid; }

#blog.leitura form.comentario .subscribe-to-comments { padding-top: 20px; }
#blog.leitura form.comentario .subscribe-to-comments input { background: none; border: 0; }
#blog.leitura form.comentario .subscribe-to-comments label { float: none; width: auto; margin: 0; }

#blog.leitura form.comentario a.cancelar { display: inline-block; margin: 20px 0 0 0; color: #fff; text-decoration: none; }
#blog.leitura form.comentario a.cancelar:hover { text-decoration: underline; }

#blog.leitura form.comentario textarea { width: 360px; margin-top: 0px; border: 1px #5F5F5F solid; background: url(imagens/input_bg.gif) #fff repeat-x; }
#blog.leitura form.comentario textarea:focus { border: 1px #fff solid; }
#blog.leitura form.comentario ol li span { font-size: 0.9em; }
#blog.leitura form.comentario ol li.mensagem label { margin-top: 8px; }
#blog.leitura form.comentario input.botao { width: 128px; height: 33px; margin: 10px 0 0 73px; *margin-left: 93px; background: url(imagens/botao_enviar.gif) no-repeat; text-align: center; color: #fff; text-transform: none; border: 0; font-size: 0.91em; }
#blog.leitura form.comentario .nome_logado { margin: 5px 0 10px; background: #161616; padding: 5px 3px; }
#blog.leitura form.comentario .nome_logado span { color: #FFF500; }
#blog.leitura form.comentario .dados_post { font-size: 0.9em; }





/*--- BUSCA ---*/
#conteudo.busca .global .post { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px #8A8A8A solid; }
#conteudo.busca .global h3 { font-size: 1.16em; margin-bottom: 20px; }
#conteudo.busca .global h4 { margin-bottom: 10px; padding-top: 10px; font-size: 1.09em; }
#conteudo.busca .global h4 a { font-size: 1.16em; color: #EECFA1; } 
#conteudo.busca .global .data { float: left; padding: 8px 5px; margin-right: 10px; width: 27px; height: 29px; font-size: 0.9em; color: #151515; background: url(imagens/blog_calendario_bg.png) no-repeat; text-align: center; }
#conteudo.busca .global .dados { clear: both; margin-top: 10px; padding: 5px; background: #3F3F3F; }

/*--- ENVIE SUA DICA DE CARONA ---*/
#conteudo.envie_dica #coluna1 a.botao_enviar { float: right; border: 0; padding-top: 12px; width: 171px; height: 30px; background: url(imagens/bota_enviar_dica.gif) no-repeat; text-align: left; color: #fff; text-transform: none; text-align: center; }
#conteudo.envie_dica #coluna1 ul.texto p { line-height: 1.66em; margin-bottom: 30px; }
#conteudo.envie_dica #coluna1 ul.texto h3 { margin-bottom: 15px; font-size: 1.5em; color: #FFCC66; }
#conteudo.envie_dica #coluna1 ul.dicas { clear: both; margin: 20px 0; }
* html #conteudo.envie_dica #coluna1 ul.dicas { margin: 0; }
#conteudo.envie_dica #coluna1 ul.dicas li { float: left; margin: 5px 0; padding: 10px; background: #cbcbcb; color: #2e2e2e; font-size: 0.9em; }
#conteudo.envie_dica #coluna1 ul.dicas li:hover { background: #b7b7b7; }
#conteudo.envie_dica #coluna1 ul.dicas li img { float: left; margin: 0 10px 10px 0; border: 1px #2e2e2e solid; }
#conteudo.envie_dica #coluna1 ul.dicas li a { color: #2e2e2e; font-size: 1.16em; }
#conteudo.envie_dica #coluna1 ul.dicas li .comentario { display: block; position: relative; }
#conteudo.envie_dica .comentarios { border-top: 0; }

/*--- FALE CONOSCO ---*/
#conteudo.contato #coluna1 h3 { color: #FFCC66; font-size: 1.5em; }
#conteudo #coluna1 #contato { margin-top: 30px; }
#conteudo #coluna1 #contato form { margin-bottom: 30px; width: 600px; }
* html #conteudo #coluna1 #contato form { width: 520px; }
#conteudo #coluna1 #contato p.obrigatorios { margin-bottom: 10px; font-style: italic; font-size: 0.83em; }
#conteudo #coluna1 #contato form fieldset { display: block; margin-bottom: 10px; } 
#conteudo #coluna1 #contato form fieldset label { float: none; display: inline-block; width: 80px; }
#conteudo #coluna1 #contato form fieldset input { width: 250px; }
#conteudo #coluna1 #contato form fieldset .obs { display: inline; margin-left: 5px; font-size: 0.83em; letter-spacing: 1px; }
#conteudo #coluna1 #contato form fieldset.texto_msg label { float: left; }
#conteudo #coluna1 #contato form fieldset.texto_msg textarea { width: 450px; }
html > body #conteudo #coluna1 #contato form fieldset.texto_msg textarea { margin-left: 5px; }
#conteudo #coluna1 #contato form fieldset.pergunta label { text-align: right; }
#conteudo #coluna1 #contato form fieldset.pergunta input { width: 30px; }
#conteudo #coluna1 #contato form .copia label { width: 114px; }
#conteudo #coluna1 #contato form .copia input { width: auto; }
#conteudo #coluna1 .global #coldform_success { margin: 20px 0 10px; }
#conteudo #coluna1 .global #contact_message { margin-bottom: 15px; }
#conteudo #coluna1 .global #contact_reset { margin-top: 20px; }
#conteudo #coluna1 .global #contact_reset a { color: #FFF500; }


#conteudo #coluna1 #contato form ol li label { width: 75px; margin-right: 10px; text-align: right; }
#conteudo #coluna1 #contato form ol li .obs { display: inline; margin-left: 5px; font-size: 0.83em; letter-spacing: 1px; }
#conteudo #coluna1 #contato form ol li input.nome { width: 325px; }
#conteudo #coluna1 #contato form ol li textarea { width: 315px; height: 90px; padding: 5px; }
#conteudo #coluna1 #contato form .botao { width: 133px; height: 33px; margin-left: 85px; background: url(imagens/botao_enviar.gif) no-repeat; text-align: center; color: #fff; text-transform: none; font-size: 0.9em; border: 0; }
* html #conteudo #coluna1 #contato form .botao { margin-left: 88px; }
#conteudo #coluna1 #contato .mensagem { margin: 10px 0; padding: 5px; color: #8FD7FF; text-align: center; }
/* extras */
#conteudo #coluna1 .extras { margin-left: 85px; padding: 0; background: transparent; }
#conteudo #coluna1 .extras dl { height: 85px; margin-bottom: 30px; padding-left: 145px; background: url(imagens/fale_conosco_extras.gif) no-repeat;  }
#conteudo #coluna1 .extras dl.contatos { background-position: left -121px; }
#conteudo #coluna1 .extras dl dt { margin-bottom: 10px; color: #FFCC66; font-size: 1.2em; font-weight: bold; }
#conteudo #coluna1 .extras dl dt a { color: #FFCC66; }
#conteudo #coluna1 .extras dl dd a { color: #FFFF00; }
#conteudo #coluna1 .extras dl dd ul { margin-top: 10px; }
#conteudo #coluna1 .extras dl dd ul li { margin-bottom: 5px; }


/*--- O QUE E CARONA INTERATIVA ---*/
#conteudo.carona #coluna1 h3 { margin-bottom: 20px; font-size: 1em; }
#conteudo.carona #coluna1 p { line-height: 1.66em; margin-bottom: 1em; }
#conteudo.carona #coluna1 ul.itens_projeto { margin-top: 10px; }
#conteudo.carona #coluna1 ul.itens_projeto li { margin-bottom: 30px; padding-left: 105px; background-position: left center; }
#conteudo.carona #coluna1 ul.itens_projeto li.proxima { background: url(imagens/carona_icones_proxima.gif) no-repeat; }
#conteudo.carona #coluna1 ul.itens_projeto li.objetivos { background: url(imagens/carona_icones_objetivos.gif) no-repeat; }
#conteudo.carona #coluna1 ul.itens_projeto li.produtos { background: url(imagens/carona_icones_produtos.gif) no-repeat; }
#conteudo.carona #coluna1 ul.itens_projeto li.resgate { background: url(imagens/carona_icones_resgate.gif) no-repeat; }
#conteudo.carona #coluna1 ul.itens_projeto li h4 { margin-bottom: 15px; font-size: 1.5em; color: #FFCC66; }
#conteudo.carona #coluna1 ul.itens_projeto li ul li{ margin-bottom: 10px; padding: 0; background: transparent; }
 

/*--- APOIO E PATROCINIO ---*/
#conteudo.apoio #coluna1 p { line-height: 1.66em; margin-bottom: 1em; }
#conteudo.apoio #coluna1 h3 { clear: both; margin: 30px 0 20px; font-size: 1.5em; color: #FFCC66; }
#conteudo.apoio #coluna1 .quadro { width: 600px; margin: 10px auto 20px; padding: 20px 10px; border: 3px #8B795E solid; background: url(imagens/apoio_quadro_bg.png) #2D2D2E repeat-x; }
#conteudo.apoio #coluna1 .quadro h4 { margin-bottom: 20px; text-align: center; font-size: 1.16em; }
#conteudo.apoio #coluna1 .quadro ol { list-style: decimal inside; }
#conteudo.apoio #coluna1 .quadro ol li, #conteudo.apoio #coluna1 .quadro ul li { padding: 10px 0; border-bottom: 1px #4F4F4F solid; }
#conteudo.apoio #coluna1 .quadro ol li:hover, #conteudo.apoio #coluna1 .quadro ul li:hover { background: #3B3B3F; }
#conteudo.apoio #coluna1 .quadro ol li.ultimo, #conteudo.apoio #coluna1 .quadro ul li.ultimo { border: 0; }
#conteudo.apoio #coluna1 .quadro h5 { font-size: 1.1em; margin: 20px 0 5px; }
#conteudo.apoio #coluna1 p a strong { color: #fff500; text-transform: uppercase; }

/*--- WALLPAPERS ---*/
#conteudo.wallpapers #coluna1 ul li.item { float: left; margin-bottom: 30px; } 
#conteudo.wallpapers #coluna1 ul li.item.esquerda { margin: 0 100px 30px 30px; display: inline; }
#conteudo.wallpapers #coluna1 ul li.item img { border: 3px #fff solid; }
#conteudo.wallpapers #coluna1 ul li.item h4 { font-size: 1em; margin: 10px 0; }

/* COLUNA 2 */
#coluna2 .box { margin-bottom: 15px; border-spacing: 5px; background: #6f6f6f; }
#coluna2 .box h4 { padding: 10px 11px 9px; font-size: 1.16em; background: url(imagens/coluna2_bg_titulos.png) repeat-x; zoom: 1; }
#coluna2 .box .caixa { padding: 10px; }
#coluna2 .box .caixa p { letter-spacing: 1px; }
/* patrocinio */ 
#coluna2 .box.patrocinio .caixa { background: #fff; height: 120px; padding: 5px; text-align: center; text-align: center; }
#coluna2 .box.patrocinio .caixa p { margin-top: 50px; color: #6f6f6f; } 
/* objetivo */
#coluna2 .box.objetivo .caixa a { display: block; margin-top: 20px; background: url(imagens/icone_mais.png) left no-repeat;  } 
/* perfil */
#coluna2 .box.perfil .caixa { padding: 5px; }
#coluna2 .box.perfil img { border: 1px #fff solid; margin-bottom: 5px; }
#coluna2 .box.perfil img { margin-bottom: 5px; }
/* orkut */
#coluna2 .box.orkut .caixa { padding: 5px; }
/* siga a expedicao - twitter */
#coluna2 .box.siga .caixa { padding: 5px; background: url(/imagens/twitter.gif) #fff center no-repeat; border: 1px #33CCFF solid; }  
#coluna2 .box.siga .caixa p { color: #373636; } 
#coluna2 .box.siga .caixa a.siga_expedicao { display: block; height: 40px; margin-bottom: 10px; padding-left: 45px; background: url(imagens/twitter_simbolo.png) left no-repeat; line-height: 40px; color: #373636; }
#coluna2 .box.siga .caixa a:hover { text-decoration: underline; } 
#coluna2 .box.siga h4 { background: url(imagens/coluna2_bg_titulo_vai.png) no-repeat; text-indent: -999em; overflow: hidden; }
#coluna2 .box.siga ul li { margin-bottom: 5px; }
#coluna2 .box.siga ul li#twitters { color: #6F6F6F; }
#coluna2 .box.siga ul li#twitters h2 { display: none; }
#coluna2 .box.siga ul li#twitters #twitter-list li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px #6F6F6F solid; }
#coluna2 .box.siga ul li#twitters #twitter-list li a { display: block; color: #000; }

/* apoio */
#coluna2 .box.apoio { padding-bottom: 5px; }
#coluna2 .box.apoio .caixa { margin: 5px 5px 0; background: #fff; }
#coluna2 .box.apoio .caixa p { margin: 20px 0; color: #6f6f6f; text-align: center; }

/*--- ARQUIVO ---*/
#conteudo.arquivo #coluna1 .post { margin: 20px 0; padding-bottom: 10px; border-bottom: 1px #8A8A8A solid; }
#conteudo.arquivo #coluna1 .post h3 { margin-bottom: 10px; padding-top: 10px; position: relative; } 
#conteudo.arquivo #coluna1 .post h3 a { font-size: 1.16em; color: #58A0DD; }
#conteudo.arquivo #coluna1 .post h3 a:hover { color: #58A0DD; text-decoration: none; }
#conteudo.arquivo #coluna1 .post .data { float: left; padding: 8px 5px; margin-right: 10px; width: 27px; height: 29px; font-size: 0.9em; color: #151515; background: url(imagens/blog_calendario_bg.png) no-repeat; text-align: center; }
#conteudo.arquivo #coluna1 .post .trecho { display: block; clear: both; } 
#conteudo.arquivo #coluna1 .post .dados { margin-top: 10px; padding: 5px; background: #3F3F3F; }

/* EXTRAS */
.extras { background: #000000; margin: 10px 0; padding: 25px 20px; }
.extras h4 { font-size: 1.33em; margin-bottom: 20px; }
.extras .flickr { float: left; width: 480px; border-right: 1px #CDBA96 solid; }
.extras .flickr ul li, .extras .flickr ul li div { display: inline; /* margin-bottom: 15px; background: url(imagens/icone_blogosfera.png) left 5px no-repeat; */ }
.extras .flickr ul li a { display: inline-block; margin: 0 25px 10px 0; border: 2px solid #fff; color: #f7f411; font-size: 1.16em; }
.extras .flickr ul li a:hover { border-color: #f7f411; }

.extras .dicas { margin-left: 500px; } 
.extras .dicas p { font-style: italic; }
.extras .dicas p.data { margin: 10px 0; font-style: normal; font-size: 11px; }
.extras .dicas a { color: #fff500; }
/* lista de dicas */
.extras .dicas ul li { margin-bottom: 10px; }

/*------ POPUP ------*/
.pelicula { position: absolute; top: 0; left: 0; z-index: 5; background: #000; width: 3000px; height: 3000px; overflow: hidden; filter: alpha(opacity=80);-moz-opacity: .80;opacity: .80; }
.popup { display: none; z-index: 999; position: absolute; width: 510px; height: 1140px; margin: -215px 0 0 250px; }
* html .popup { margin-left: 300px; }
.popup.ativo { display: block; }
.popup .fechar { background: #696969; padding: 3px 10px; font-size: 0.91em; }
.popup .ponto form { border: 2px #fff solid; margin-top: 3px; background: #424242; padding: 15px 10px 10px; }
.popup .ponto form fieldset dl dt { font-size: 1.33em; margin-bottom: 20px; }
.popup .ponto form fieldset dl dt strong { font-size: 2em; font-weight: normal; }
.popup .ponto form fieldset dl dd { margin-bottom: 15px; }
.popup .ponto form fieldset dl dd ol li label { width: 65px; margin-right: 10px; text-align: right; }
.popup .ponto form fieldset dl dd ol li input { width: 196px; }
.popup .ponto form fieldset dl dd ol li input.nome, .popup .ponto form fieldset dl dd ol li input.endereco { width: 380px; }
.popup .ponto form fieldset dl dd.passo2 p.centro a { background: #4e4e4e; border: 1px #fff solid; color: #fff; padding: 5px; }

* html .popup .ponto form fieldset dl dd.passo2 p.centro button { padding: 5px 0; }
.popup .ponto form fieldset dl dd ol li select { width: 40px; }
.popup .ponto form fieldset dl dd ol li span { font-size: 0.81em; }
.popup .ponto form fieldset dl dd p.instrucao { margin-bottom: 10px; padding-left: 40px; width: 420px; background: url(imagens/marcar_ponto_icone_ponto.png) left no-repeat; line-height: 40px; padding-height: 40px;  }
.popup .ponto form fieldset dl dd .mapa { border: 3px #58a0dd solid; width: 476px; height: 244px; overflow-y: hidden; }
.popup .ponto form fieldset label.caracteres { display: block; text-align: right; width: auto; }
.popup .ponto form fieldset label.caracteres input { width: 25px; border: 0; background: #424242; color: #58a0dd; font-size: 10px; text-align: center; }
.popup .ponto form fieldset dl dd textarea { margin-top: 5px; width: 480px; height: 100px; overflow: auto; }
.popup .ponto form fieldset dl dd.ajuda { margin-bottom: 30px; }
.popup .ponto form fieldset dl dd.ajuda ol li label { width: auto; float: none; vertical-align: center; }
.popup .ponto form fieldset dl dd.ajuda ol li input { width: auto; vertical-align: center; }  
p.avatar { font-size: 0.91em; margin-top: 30px; }
p.avatar a { color: #58a0dd; text-decoration: underline; }
/* popup inserir comentário - mapa */
.popup .inserir form { width: 420px; padding: 30px 20px 20px; }
.popup .inserir form fieldset h1 { margin-bottom: 30px; font-size: 1.33em; color: #fff; }
.popup .inserir form fieldset ol { margin-bottom: 20px; }
.popup .inserir form fieldset ol li.mensagem label { display: block; float: none; margin-bottom: 10px; }
.popup .inserir form fieldset ol li.mensagem .caracteres { font-size: 0.9em; }
.popup .inserir form fieldset ol li textarea { width: 420px; height: 95px; }
.popup .inserir form fieldset ol li label { width: 75px; margin: 5px 0; text-align: left; }
.popup .inserir form fieldset ol li span { font-size: 0.9em; } 
.popup .inserir form fieldset ol li label.check_mail { float: none; display: block; width: auto; margin-left: 75px; zoom: 1; }
.popup .inserir form fieldset ol li label.check_mail input { width: auto; vertical-align: middle; }
.popup .inserir form fieldset ol li input { width: 200px; }
.popup .inserir form fieldset ol li input.nome { width: 338px; }
.popup .inserir form fieldset button { width: 108px; height: 28px; line-height: 30px; background: url(imagens/botao_enviar_menor.gif) no-repeat; text-align: center; color: #fff; }
.popup .inserir form fieldset p.avatar { margin-top: 20px; }

/*------ ERRO 404 ------*/
.erro404 ul { list-style: disc inside; margin: 10px 0; }
.erro404 ul li { margin-bottom: 5px; }
.erro404 ul li a { color: #FFF500; }

/*------ RODAPE ------*/
#rodape { clear: both; margin: 20px 0; text-align: center; }
#rodape ul { margin-bottom: 10px; }
#rodape ul li { display: inline; border-right: 1px #fff solid; margin: 0 2px; padding: 0 5px 0 0; }
#rodape ul li.ultimo { border: 0; }

/*------ PAGINAS INTERNAS ------*/
.paginas #blog .coluna_post { width: auto; }



/*********************************************************************
 Inserção das mensagens de erro no formulário de id: "cadastrarPonto"
**********************************************************************/
form#cadastrarPonto label.error {
	margin: 0 0 5px 75px;
	text-align: left !important;
	width: 385px !important;
	float: left;
	color: red;	
	font-style: italic;	
}
form#cadastrarPonto input.error, textarea.error, select.error { border: 1px dotted red; background-color: #FFFFD5 }
form#cadastrarPonto p.error { display: none }
form#cadastrarPonto p.error span {
   color: red;
   font-size: 1.33em;
   font-weight: bold;
   padding-left: 18px;
   background: transparent url("imagens/unchecked.gif") no-repeat scroll left center;
}
#mapaSugestao { color: black }
#mapaSugestao .pelicula_mapa { 
	filter: alpha(opacity=40); 
	-moz-opacity: .40;
	opacity: .40;	 
	z-index: 50000;
	top: 0; 
	left: 0; 
	background: #000; 
	width: 3000px; 
	height: 3000px; 
	overflow: hidden; 
} 
#mapaPrincipal { overflow: hidden;  }
/* div.balao div.caixa { float:left; }
div.balao div.caixa .cabecalho { margin-bottom:0; }
div.balao div.conteudo_aba { float:left; }
*/





