body{ margin: 0; padding: 0; background: url(../img/bg_body.gif) repeat-x 0 120px; font: 12px Tahoma; color: #272727; }
h1, h2, h3, h4, h5, h6, ul#nav{ margin: 0; padding: 0; }
h1 span, h2.head, h2 span, h3 span, h4 span, h5 span, h6 span{ display: none; }

a{ text-decoration: none; color: #272727; }
a:hover{ text-decoration: underline; }

#header, #container{ width: 775px; }
/* estrutura geral */
#wrapper{ /*background: url(../img/bg_html.gif) repeat-x bottom left;*/ }
#container{ padding: 10px 0; margin-left: 5px; background: url(../img/bg_interna.gif) repeat-y 200px; }
#container.home{ background: url(../img/bg_blog.gif) repeat-y center; }
#sidebar{ float: left; }
#content{ float: right; width: 585px; }


/* header */
#header{ height: 152px; background: url(../img/tripoli.jpg) no-repeat bottom left; position: relative;}
   h1{ position: absolute; bottom: 0px; left: 137px; width: 352px; height: 126px; background: url(../img/ricardo_tripoli_4565.gif) no-repeat top left; z-index: 99; z-index: 1; }
   h1 a{ display: block; width: 352px; height: 126px;}
      h1 span{ display: none; }
   .boxApoio{ position: absolute; top: 0px; right: 15px; }

ul#nav{ position: absolute; bottom: 3px; right: 10px; font-size: 1px; z-index: 99; }
   ul#nav li{ display: inline; }
   ul#nav li a{ display: block; float: left; height: 15px; padding: 0 6px; }
   ul#nav li a span{ display: none; }
      ul#nav li a#home{ background: url(../img/nav_home.gif) no-repeat top center; width: 26px; }
      ul#nav li a:hover{ background-position: bottom; }
      ul#nav li a#historico{ background: url(../img/nav_historico.gif) no-repeat top center; width: 48px; }
      ul#nav li a#videos{ background: url(../img/nav_videos.gif) no-repeat top center; width: 33px; }
      ul#nav li a#agenda{ background: url(../img/nav_agenda.gif) no-repeat top center; width: 37px; }
      ul#nav li a#palestras{ background: url(../img/nav_palestras.gif) no-repeat top center; width: 50px; }
      ul#nav li a#imprensa{ background: url(../img/nav_imprensa.gif) no-repeat center top; width: 47px; }
      ul#nav li a#faleTripoli{ background: url(../img/nav_faleTripoli.gif) no-repeat center top; width: 93px; }
/* header fim */

/* historia politica */
#historiaPolitica{ width: 190px; background-color: #004D7D; position: relative; margin-top: 20px; padding: 10px 0; }
#historiaPolitica a{ color: #FFFFFF; font-size: 10px; font-weight: bold; }
   #historiaPolitica h3{ position: absolute; top: -13px; left: -4px; background: url(../img/tit_historiaPoliticaRicardo.gif) no-repeat top left; width: 190px; height: 20px; }
   #historiaPolitica p.first{ border-top: none; }
   #historiaPolitica p{ margin: 0px 10px; border-top: 1px dotted #6694B1; padding: 7px 15px 7px 15px; }
      #historiaPolitica h3 span{ display: none; }
   #historiaPolitica img{ padding-bottom: 15px; }
   
/* box generico */
#divPostit{ margin-left: 10px; height: 165px;}
.destaqueVideo{ position: absolute; top: 7px; left: 490px; width: 112px; height: 81px; }

.box{ margin-top: 20px; background-color: #F1EDE3; width: 170px; position: relative; padding: 15px 10px 10px 10px; font-size: 0.9em; }
   .box h5{ position: absolute; top: -10px; left: -5px; }
   .box p{ margin: 0; }
   .box img.destaque{ float: left; padding: 5px 10px 5px 0; }
         
      .box.navegueInteresse a{ color: #6C6C6C; font-weight: bold; }

      .box.agenda { font-size: 11px; text-align: center;}   
         .box.agenda img{ margin: 0 auto; }
         .box.agenda p{ text-align: left; margin: 5px 10px 0 0px; }
         .box.agenda strong{ color: #7FA21D; }
   
      .box.btn{ background-color: transparent; margin-top: 4px; padding: 0; width: 190px; text-align: right; }
         .box.btn .dois{ width: 190px;  }
   
.revistaVive{ padding: 5px 10px 5px 10px; }
.revistaVive img{ margin: 0 auto; display: block; }
         
.participacao{ width: 190px; padding-top: 2px; }
.participacao ul{ margin: 0; padding: 0; list-style: none; }

/* blog */
#blog{ position: relative; margin-top: 10px; padding-top: 10px; width: 370px; float: left; }
   #blog h4{position: absolute; left: -5px; top: 0; width: 82px; height: 19px; background: url(../img/tit_blog.gif) no-repeat top left; }
   #blog span{ display: none; }
   /* post */
   .post{ margin: 0 25px 15px 25px; border-bottom: 1px dotted #A4A4A4; padding-bottom: 10px; clear: both; }
   #interna .post{ padding: 1px 15px 15px 15px; margin: 0; }
      .post img.ilustrativo{ padding: 0 20px 10px 0; }
      .post p{ margin: 0 0 5px 0; color: #000; }
         .post h2.date{ text-align: right; color: #989898; padding-bottom: 5px; font: bold 0.9em Tahoma; }
         .post h3.tit{padding-bottom: 10px; color: #5D8C0B; font-size: 14px; font-weight: bold; }
         .post h3.tit a{color: #5D8C0B; font-weight: bold; }
   .btListaCompleta{ text-align:right; width:345px;}   
      .btListaCompleta a{ color: #EF8731; }   
   .signature{ clear: both; color: #878787; margin-top: 10px; padding-left: 10px; font-size: 10px; }
   #blog .signature{ padding-left: 0; }

   /* data titulo post */
   .datePost{ color: #848484; font-size: 10px; text-align: right; padding: 0 10px 10px 10px; }

   #divTag{ margin-top: -0px; font-weight: bold;  }
   #divTag a{ color: #878787;  }
   span#titTag{ padding-top: 10px; margin-top: 10px; padding-left: 10px; border-top: 1px solid #5D8C0B;  display: block; }

#content .box{ float: right; clear: right; }

#interna{ position: relative; margin-top: 10px; margin-bottom: -10px; padding-top: 10px; width: 560px; float: left; }

#interna .txt{ padding: 1px 25px 15px 25px; }
#interna h4{ color: #5D8C0B; font-size:14px; font-weight: bold; padding: 0 25px; }
#interna h4.agenda{ padding-bottom: 25px; }
#interna h5{ color: #004D7D; font-size:14px; font-weight: bold; padding-top: 20px; clear: both; }
#interna h5.mes{ padding-left: 35px; padding-top: 0;  text-transform: capitalize;  }
#lblHeading1, #lblHeading2, #lblHeading3, #lblHeading4{ padding-left: 25px; }
#interna ul{ margin-left: 20px; padding: 0; list-style-type: square; }

/*#interna img.ilustrativo{ padding: 0 0 10px 20px; }*/
#interna .post{ border-bottom: none; }
#divText{ padding: 0 10px; }
#interna .post h3.tit{ padding: 0 10px 10px 10px; }
#interna .post h2.date{ padding-right: 10px; }
.historiaCompleta dt{ color: #004D7D; font-size: 12px; font-weight: bold; padding-top: 10px; }
.historiaCompleta dd{ margin-left: 15px; padding-bottom: 10px; }

/*.historiaCompleta dd strong, .historiaCompleta dd em{ margin-left: -5px; }*/
.historiaCompleta dd dl dt{ color: #272727; font-size: 11px; font-weight: bold; padding-top: 15px; margin-left: 10px; }
.historiaCompleta dd dl dd{ margin-top: 10px; padding-bottom: 0; }
.back{ display: block; float: right; padding: 2px 2px 2px 11px; color: #fff; text-transform: lowercase; background: #5D8C0B url(../img/bullet_back.gif) no-repeat 4px center; margin: 10px 0; }

/* botão voltar ao topo */
.post .back{ margin-top: -10px; margin-right: 10px; }
* html .post .back{ margin-right: 5px; }


/* footer */
#footer{ clear: both; background-color: #1D84D5; height: 20px;}
   #footer .align{ width: 770px;  }
      #footer .align ul{ margin: 0 auto; padding: 0; list-style: none; width: 260px; }
         #footer ul li{ display: inline; }
            #footer ul li a{ display: block; float: left; height: 20px; padding: 0 10px; }
               #footer ul li a span{ display: none;  }
            #footer ul li a#participe{ width: 46px; background: url(../img/nav_foot_participe.gif) no-repeat center; }
            #footer ul li a#cadastrese{ width: 61px; background: url(../img/nav_foot_cadastrese.gif) no-repeat center; }
            #footer ul li a#falecomtripoli{ width: 93px; background: url(../img/nav_foot_falecomtripoli.gif) no-repeat center;}
            
            
/*image replacement*/
h5.rss{ background: url(../img/tit_box_rss.gif) no-repeat top left; width: 124px; height: 24px; }
h5.conheca{ background: url(../img/tit_conheca.gif) no-repeat top left; width: 117px; height: 20px; }
h5.palestras{ background: url(../img/tit_palestras.gif) no-repeat top left; width: 62px; height: 20px; }
h5.agenda{ background: url(../img/tit_agenda.gif) no-repeat top left; width: 49px; height: 20px; }
h5.participe{ background: url(../img/tit_box_participe.gif) no-repeat top left; width: 54px; height: 21px; }
h5.cadastrese{ background: url(../img/tit_box_cadastrese.gif) no-repeat top left; width: 67px; height: 21px; }
h5.revistaVive{ background: url(../img/tit_box_revistaVive.gif) no-repeat top left; width: 68px; height: 21px; }
h5.navegue{ background: url(../img/tit_box_navegue.gif) no-repeat top left; width: 195px; height: 20px; }
h5.orkut{ background: url(../img/tit_box_orkut.gif) no-repeat top left; width: 39px; height: 20px; }
h5.matCampanha{ background: url(../img/tit_box_matCampanha.gif) no-repeat top left; width: 119px; height: 20px; }

table.form{ width: 470px; margin: 0; font-size: 1em; }
* html table.form { font-size: 1em; }
   table.form td{ vertical-align: top; padding: 5px; }
   table.form td.inputs{ width: 300px; }
      table.form td input, table.form td textarea, table.form td select{ font: 1em Tahoma; color: Gray; }
      table.form td label{ display: block; text-align: right; }
      table.form td select{ width: 102%; border: 1px solid gray; }
      table.form td input{ width: 100%; border: 1px solid gray; }
      table.form td textarea{ width: 100%; height: 150px; border: 1px solid gray; }
         table.form td input.btnEnviar{ width: 46px; height: 18px; border: none; background: url(../img/btn_enviar.gif); }
         table.form td input.btnLimpar{ width: 48px; height: 18px; border: none; background: url(../img/btn_limpar.gif);}   
         table.form td .dddTelefone{ width: 40px; float: left; }
         table.form td .Telefone{ width: 250px; float: right; margin-right: -2px; }
         * html table.form td .Telefone{ margin-right: -4px; }
         
         #frmOptin{ border: none; width: 20px; float: left; }

.box.clustrMapsLink{ padding-top: 10px; }
#clustrMapsLink{ display: block; text-align: center; }

ul.wallpapers{ list-style: none!important; }
ul.wallpapers li{ display: block; float: left; padding: 8px; padding-top: 0; }

.errHilite{ background-color: #E4E4E4; }


@media print {
  @import url(../"print.css");
}