img.png {behavior: url(/js/pngHack.htc);}

body{ margin:0; padding: 0; font: 0.7em Trebuchet MS; }

/* formatacao */
h1{ margin: 0; width: 129px;  position: absolute; top: 36px; left: 44px; height: 115px; }

h3{ margin: 0; padding: 0 0 0 30px; height: 25px; margin-bottom: 10px; width: 320px; background: url(/img/bg_h3.gif) no-repeat center left; }
h4{ font-size: 1.2em; clear: both; padding-top: 20px; text-transform: uppercase; }

cite{ font-size: 1.1em; }

ol{ padding: 0 0 0 20px; margin: 0 0 0 10px; }
ul{ padding: 0 0 0 10px; list-style-image: url(/img/bullet.gif); margin: 0 0 0 10px;}

thead th{ text-align: left; }
td, th{ padding: 3px 5px; vertical-align: top; border-bottom: 1px solid #FFFFFF; }

a{ color: #000;  }

form{ margin: 0; padding: 0; }
fieldset{ padding: 0; margin: 0; border: none; }
/* formatacao fim */

/* estrutura */
#wrapper{ width: 750px; }

#header{ background: url(/img/bg_header.jpg) no-repeat center top; position: relative; border-bottom: 1px solid #828998;
   min-height: 200px; height: auto !important; height: 200px; }

ul#nav{ margin: 0; position: absolute; bottom: -1px; left: 30px; margin: 0 auto; }
   ul#nav li{ display: block; float: left; margin: 0 1px; border-bottom: 1px solid #828998;}
      ul#nav li a{ display: block; float: left; overflow: hidden; padding: 0 3px; text-transform: uppercase; font-weight: bold; text-decoration: none; cursor: pointer;  }
      ul#nav li a span{ display: block; float: left; padding: 2px 10px 1px 10px; font-size: 1.1em;}
         
      ul#nav li#navInstitucional{ background: url(/img/nav/nav_institucional_right.gif) no-repeat top left; }
         ul#nav li#navInstitucional a span{ background: url(/img/nav/nav_institucional.gif) repeat-x top left; }
         ul#nav li#navInstitucional a{ background: url(/img/nav/nav_institucional_left.gif) no-repeat top right; }
      
      ul#nav li#navAtividades{ background: url(/img/nav/nav_atividades_right.gif) no-repeat top left; }
         ul#nav li#navAtividades a span{ background: url(/img/nav/nav_atividades.gif) repeat-x top left; }
         ul#nav li#navAtividades a{ background: url(/img/nav/nav_atividades_left.gif) no-repeat top right; }
      
      ul#nav li#navComoAjudar{ background: url(/img/nav/nav_comoAjudar_right.gif) no-repeat top left; }
         ul#nav li#navComoAjudar a span{ background: url(/img/nav/nav_comoAjudar.gif) repeat-x top left; }
         ul#nav li#navComoAjudar a{ background: url(/img/nav/nav_comoAjudar_left.gif) no-repeat top right; }
   
      ul#nav li#navProdutosServicos{ background: url(/img/nav/nav_produtosServicos_right.gif) no-repeat top left; }
         ul#nav li#navProdutosServicos a span{ background: url(/img/nav/nav_produtosServicos.gif) repeat-x top left; }
         ul#nav li#navProdutosServicos a{ background: url(/img/nav/nav_produtosServicos_left.gif) no-repeat top right; }
   
      ul#nav li#navQuixotices{ background: url(/img/nav/nav_quixotices_right.gif) no-repeat top left; }
         ul#nav li#navQuixotices a span{ background: url(/img/nav/nav_quixotices.gif) repeat-x top left; }
         ul#nav li#navQuixotices a{ background: url(/img/nav/nav_quixotices_left.gif) no-repeat top right; }

      ul#nav li#navFaleConosco{ background: url(/img/nav/nav_faleconosco_right.gif) no-repeat top left; }
         ul#nav li#navFaleConosco a span{ background: url(/img/nav/nav_faleconosco.gif) repeat-x top left; }
         ul#nav li#navFaleConosco a{ background: url(/img/nav/nav_faleconosco_left.gif) no-repeat top right; }

/* areas internas */
.bgNav{ position: absolute; top: 0; left: 0; z-index: 1; height: 2.2em; }
ul#navExtra{ margin: 0; padding: 0; position: absolute; top: 0; right: 0; text-align: right; height: 19px; z-index: 99; text-align: right;}
   ul#navExtra li{ display: inline; }
   ul#navExtra li a{ display: block; float: left; padding: 4px 8px; height: 9px; color: #000; font-weight: bold; text-transform: uppercase; }

#container{ margin-top: 20px; position: relative; float: left; width: 750px; }

ul#navInterna{ float: left; margin: 0; padding: 20px 0 0 20px; min-width: 153px; width: auto !important; width: 153px; margin-bottom: 30px; }
   ul#navInterna li{ list-style: none; display: inline; }
      ul#navInterna li a{ padding: 0 0 0 20px; overflow: hidden; display: block; text-transform: uppercase; text-decoration: none; 
         min-height: 19px; height: auto!important; height: 19px; background-position: 0 0; background-repeat: no-repeat; }
      ul#navInterna li.bottom span{ display: block; margin-left: -20px; height: 15px;}
         
#content{ float: right; width: 390px; padding-right: 95px; margin-top: 20px; padding-bottom: 10px; }
#comoAjudarResp{ float: left; width: 153px; padding-right: 20px; margin-top: 20px; padding-bottom: 10px; }

   #content p{ margin-top: 0; }

dl#parceiros{ clear: both; display: block; width: 700px; margin-left: 30px; text-align: center; }
   dl#parceiros dt{ display: block; border-bottom: 1px solid #818181; height: 13px; overflow: hidden; text-align: left; text-transform: uppercase; padding-bottom: 5px; }
   dl#parceiros dd{ display: inline; margin-left: 0; }
      dl#parceiros dd span{ display: none; }
      dl#parceiros dd img{ vertical-align: middle; padding: 10px 20px; }
   
/*dl#parceiros{ clear: both; display: block; width: 700px; margin-left: 30px; text-align: center; }
   dl#parceiros dt{ display: block; border-bottom: 1px solid #818181; background: url(/img/bg_parceiros.gif) no-repeat top left; height: 0; padding-top: 13px; overflow: hidden; }
   dl#parceiros dd{ display: inline; margin-left: 0; }
      dl#parceiros dd span{ display: none; }
      dl#parceiros dd img{ vertical-align: middle; padding: 10px 20px; }*/
      /* dl#parceiros dd img.first{ margin-left: 0; }
         dl#parceiros dd img.last{ margin-right: 0; }*/

#footer{ clear: both; background-color: #EBEDEC; width: 750px; padding: 3px 0; text-transform: uppercase; font-size: 0.9em; float: left; }
   #footer p.copyright{ float: left; margin: 0; padding: 0; padding-left: 30px;}

   #footer ul{ margin: 0; padding: 0; float: right; list-style: none; padding-right: 30px; }
      #footer ul li{ display: inline; }
         #footer ul li a{ display: block; float: left; padding: 0 10px; background: url(/img/bg_footer.gif) no-repeat center left; }
         #footer ul li.firstchild a{ background: none; }

/* extras */
/* botoes */
a.button{ font-size: 0.9em; text-transform: uppercase; text-decoration: none; float: left; display: block; height:22px; cursor: pointer; }
a.button span{ display: block; padding: 3px 10px; float: left; text-align: center; height:22px; }
.botoes .button span { width: 105px; }
* html .botoes .button {margin-left: 10px; }
   
   /* institucional */
   a.institucionalTam2{ background: url(/img/botoes/btn_institucionalTam2_left.gif) no-repeat top left; }
   a.institucionalTam2 span{ background: url(/img/botoes/btn_institucionalTam2_right.gif) no-repeat top right; }
   
   /* atividades */
   a.atividadesTam2{ background: url(/img/botoes/btn_atividadesTam2_left.gif) no-repeat top left; }
   a.atividadesTam2 span{ background: url(/img/botoes/btn_atividadesTam2_right.gif) no-repeat top right; }
   a.atividadesTam2l{ background: url(/img/botoes/btn_atividadesTam2_2l_left.gif) no-repeat top left; height: 35px; }
   a.atividadesTam2l span{ background: url(/img/botoes/btn_atividadesTam2_2l_right.gif) no-repeat top right; height: 35px; }
   
   /* como ajudar */
   a.comoAjudarTam2{ background: url(/img/botoes/btn_comoAjudarTam2_left.gif) no-repeat top left; }
   a.comoAjudarTam2 span{ background: url(/img/botoes/btn_comoAjudarTam2_right.gif) no-repeat top right; }
   
   /* produtos */
   a.produtosTam2{ background: url(/img/botoes/btn_produtos_Tam2_left.gif) no-repeat top left; }
   a.produtosTam2 span{ background: url(/img/botoes/btn_produtos_Tam2_right.gif) no-repeat top right; }
   a.produtosTam2l{ background: url(/img/botoes/btn_produtosTam2_2l_left.gif) no-repeat top left; height: 35px; }
   a.produtosTam2l span{ background: url(/img/botoes/btn_produtosTam2_2l_right.gif) no-repeat top right; height: 35px; }
   
#skipContent{ display: none; }

   #agenciaSprayArte{ position: relative; clear: left; width: 145px; height: 0; padding-top: 143px; overflow: hidden; background: url(/img/bg_sprayArte.jpg) no-repeat top right; padding-left: 28px; }
   #agenciaSprayArte a{ position: absolute; top: 100px; left: 28px; display: block; width: 145px; height: 0; overflow: hidden; padding-top: 17px; background: url(/img/btn_conhecaAgencia.gif) no-repeat top center;}
   
   #banner_1{ position: relative; display: none; clear: left; width: 145px; height: 0; padding-top: 143px; overflow: hidden; background: url(/img/banner_1.jpg) no-repeat top right; padding-left: 28px; }
   #banner_1 a{ position: absolute; top: 107px; left: 38px; display: block; width: 120px; height: 0; overflow: hidden; padding-top: 17px;}
   
   #banner_2{ position: relative; display: none; clear: left; width: 145px; height: 0; padding-top: 143px; overflow: hidden; background: url(/img/banner_2.jpg) no-repeat top right; padding-left: 28px; }
   #banner_2 a{ position: absolute; top: 107px; left: 38px; display: block; width: 120px; height: 0; overflow: hidden; padding-top: 17px;}
   
   #banner_3{ position: relative; display: none; clear: left; width: 145px; height: 0; padding-top: 143px; overflow: hidden; background: url(/img/banner_3.jpg) no-repeat top right; padding-left: 28px; }
   #banner_3 a{ position: absolute; top: 107px; left: 38px; display: block; width: 120px; height: 0; overflow: hidden; padding-top: 17px;}
   
      
/* box botoes homes internas */
.botoes{ margin: 10px -10px 0 -10px; padding: 10px; clear: left; float: left; width: 100%; }
.botCor{ background-color: #F5F5F5; }
   .botoes img{ float: left;  } 
   * html .botoes img {padding-left: 20px; }
   .botoes p{ float: right; margin: 0; padding: 0; width: 250px; }
   * html .botoes p { width: 230px }
      
div.boxAnchor{ padding: 20px 20px 0 20px; overflow: hidden; }
   div.boxAnchor p{ color: #000; }
   .boxAnchor ul{ padding: 0; background: url(/img/bg_box_bot.gif) no-repeat bottom; margin: 0 -20px 0 -20px; padding-bottom: 20px; }
   .boxAnchor li{ list-style: none none; padding-left: 20px;}
   .boxAnchor a{ }
   .boxAnchor a.button{ font-weight: normal; }

.getSoftware{ float: right; padding-top: 15px; }

a#back{ display: block; width: 60px; }

.boxFull{ float: right; width: 226px; padding: 15px 50px 0px 20px; margin-top: 20px; background: url(/img/bg_box_quixote.gif) no-repeat top left; margin-bottom: 10px; }
   .boxFull em{ display: block; text-align: right; }
   .boxFull span.bot{ display: block; height: 3px; overflow: hidden; margin: 0 -50px 0 -20px; background: url(/img/bg_box_bot_quixote.gif) no-repeat top left; }

.boxFull_{ float: right; width: 226px ; height:300px; padding: 15px 50px 0px 20px; margin-top: 15px; background: url(/img/bg_box_quixote.gif) no-repeat top left; margin-bottom: 10px; }

.depoimento{ position: absolute; top: 44px; left: 191px; z-index: 5; }
   
.depoimento1{ position: absolute; top: 10px; left: 397px; z-index: 5; display:none; } /* ....  */
.depoimento2{ position: absolute; top: 86px; left: 410px; z-index: 5; display:none; } /* ....  */
.depoimento3{ position: absolute; top: 40px; left: 200px; z-index: 5; display:none; } /* ....  */
.depoimento4{ position: absolute; top: 20px; left: 509px; z-index: 5; display:none; } /* ....  */
.depoimento5{ position: absolute; top: 85px; left: 205px; z-index: 15; display:none; } /* ....  */
.depoimento6{ position: absolute; top: 15px; left: 252px; z-index: 5; display:none; } /* ....  */
   
/* area de formulários */
input, textarea{ background: url(../img/bg_form.gif) repeat-x scroll top left;}
input, textarea, select { border: 1px solid #76AA98; font: 1em Trebuchet MS; }
.btn{ border: none; background: none; }
.errHilite{ background-color: #D9D9D9; }


/* ÁREAS ORFĂS */
/* imprensa */
body.imprensa #header{ background: url(/img/bg_imprensa.jpg) no-repeat center; }
body.imprensa #agenciaSprayArte{ margin-top: 20px; }

body.imprensa #content{ width: 430px; }

.imprensa h4{ padding-top: 0; }
img.decorativo{ float: right; padding: 0 0 10px 10px; }

.notice{ padding: 10px 0; clear: both; }
.notice .btn{ padding-bottom: 10px; }

/* fale conosco */
body.faleConosco #header{ background: url(/img/bg_faleConosco.jpg) no-repeat center; }
body.faleConosco #content{ float: left; width: 360px; padding-left: 45px; padding-right: 0; }

body.faleConosco .boxFull{ width: 204px; background: url(/img/box_contato.gif) no-repeat top left; padding-top: 70px; padding-bottom: 50px; }
   body.faleConosco .boxFull span.bot{ background: url(/img/bg_box_bot_quixote.gif) no-repeat top left; }

body.faleConosco fieldset{ position: relative; width: 285px; }
   body.faleConosco fieldset table{ margin-left: 20px; }
      body.faleConosco input.btnSubmit{ float: right; border: none; }
   
body.faleConosco div.boxAnchor{ background: url(/img/bg_faleConosco_box.gif) no-repeat top left; }
   body.faleConosco .boxAnchor ul{ padding: 0; background: url(/img/bg_box_bot.gif) no-repeat bottom left; margin: 0 -2px 0 -20px; padding-bottom: 20px; }
   body.faleConosco div.boxAnchor span.bot{ display: block; height: 10px; background: url(../img/bg_box_bot.gif) no-repeat bottom left; margin: 0 -1px 0 -20px; }
   
   
/* links */
body.links #header{ background: url(/img/bg_links.jpg) no-repeat center; }
   body.links #content{ float: left; width: 610px; padding-left: 45px; padding-right: 0; }
   body.links strong{ text-transform: uppercase; }

/* termos legais */
body.extras #header{ background: url(/img/bg_extra.jpg) no-repeat center; }
   body.extras #content{ float: left; width: 610px; padding-left: 45px; padding-right: 0; }
   body.extras strong{ text-transform: uppercase; }
   
/* pagina de erro */
#erro{ padding: 180px 80px; }
#erro h1{ top: 50px; left: 80px;}

fieldset td , fieldset th{ padding: 3px 0; }

.titulo{ text-transform: uppercase; font-weight: bold; font-size: 11px; font-family: 'Trebuchet MS'; }