* { 
  margin: 0; padding: 0; border: none;
  font: 10px 'Trebuchet MS', Georgia, Helvetica, Arial, sans-serif;
  }

  body {
  background: #fff url('../images/layout/bg_zindex0.jpg') fixed 0 0;
  }

  h2 {
  padding-bottom: 8px; font: bold 15px 'Trebuchet MS', Georgia, serif !important; color: #555;
  }

  acronym { 
  cursor: help; border-bottom: 1px dashed #555; background-color: #ff9;
  }

  a {
  text-decoration: none;
  color:#363636;
  }

  a:hover {
  color: #000000 !important;
  }

  ul,li {
  list-style: none;
  }

  .ir span { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

  .ir a { display: block; width: 100%; height: 100%; }

    .ir a span { cursor: pointer; }

  .brokefloat { clear: both; }

  div#wrap {
  position: relative; top: 79px; margin: 0 auto;
  width: 666px; min-height: 486px; height: auto;
  background: transparent url('../images/layout/bg_zindex1.png') no-repeat !important;
  }

    h1.logotipo { position: relative; padding: 18px; }

    .homepage h1.logotipo { top: -54px; left: 8px; width: 227px; height: 119px; }

      .homepage h1.logotipo span {
      background: url('../images/layout/logotipo_cidadelas.png') no-repeat !important;
      }

        h1.logotipo a { font-size: 14px; font-weight: bold; color: #fff; }

    ul.mn { position: absolute; top: 81px; left: 8px; width: 134px; }

      ul.mn li {
      position: relative; margin-top: 3px; padding-bottom: 7px; 
      background: url('../images/layout/mn_0_divisor.png') no-repeat 4px bottom;
      }

        ul.mn li.quemsomos span {
        width: 110px; background-image: url('../images/layout/mn_1_quemsomos.png');
        }

        ul.mn li.portfolio span {
        width: 82px; background-image: url('../images/layout/mn_2_portfolio.png');
        }

          ul.mn li ul { margin-bottom: 8px; }

          ul.mn li li {
          position: relative; margin-top: 3px; padding-bottom: 0px;
          background: none;
          }

          ul.mn li li a {
          line-height: 95%;
          }

            ul.mn li.portfolio li span { width: 130px; height: 15px; }

            ul.mn li li.p-revistas span {
            background-image: url('../images/portfolio/smn_1_revistas.png');
            }

            ul.mn li li.p-informativos span {/*tecnologia*/
            background-image: url('../images/portfolio/smn_2_informativos.png');
            }

            ul.mn li li.p-livros span {
            background-image: url('../images/portfolio/smn_3_livros.png');
            }

            ul.mn li li.p-mapas span {
            background-image: url('../images/portfolio/smn_4_mapas.png');
            }

            ul.mn li li.p-banners span {
            background-image: url('../images/portfolio/smn_5_banners.png');
            }

        ul.mn li.clientes span {
        width: 80px; background-image: url('../images/layout/mn_3_clientes.png');
        }

        ul.mn li.faleconosco span {
        width: 114px; background-image: url('../images/layout/mn_4_faleconosco.png');
        }

        ul.mn a { height: 22px; padding-left: 16px; }

          ul.mn a span {
          background-repeat: no-repeat; background-position: 14px 0;
          }

            ul.mn li.quemsomos a:hover span {
            background-position: -114px 0;
            }

            ul.mn li.portfolio a:hover span {
            background-position: -86px 0;
            }

              ul.mn li.portfolio li a { position:relative; left: 8px; height: 12px; }

              ul.mn li.portfolio li a:hover span {
              background-position: 9px 0; border-left: 5px solid #f60; 
              }

            ul.mn li.clientes a:hover span {
            background-position: -84px 0;
            }

            ul.mn li.faleconosco a:hover span {
            background-position: -118px 0;
            }

      ul.mn li.faleconosco { background: none !important; }

    div#content {
    position: absolute; top: 70px; left: 233px; width: 367px; z-index: 999;
    }

      div#content h1, div#content h2 { position: relative; width: 100%; height: 20px; }

        div#content h1.home_n1 span {
        padding-bottom: 8px; 
        background: url('../images/home/h1_qualidade_producoes_graficas.png') no-repeat;
        }
  
        div#content h2.home_n2 span {
        top: 5px; background: url('../images/home/h2_alguns_trabalhos.png') no-repeat;
        }

        div#content h1.quemsomos_n1 span {
        padding-bottom: 8px; margin-top: -6px;
        background: url('../images/quem-somos/h1_quem-somos.png') no-repeat;
        }

        div#content h1.portfolio_n1 span {
        padding-bottom: 8px; margin-top: -6px;
        background: url('../images/portfolio/h1_portfolio.png') no-repeat;
        }

          div#content h1.portfolio-revistas_n1 span {
          padding-bottom: 8px; margin-top: -6px;
          background: url('../images/portfolio-revistas/h1_portfolio-revistas.png') no-repeat;
          }
          
          div#content h1.portfolio-informativos_n1 span {/*tecnologia*/
          padding-bottom: 8px; margin-top: -6px;
          background: url('../images/portfolio-informativos/h1_portfolio-informativos.png') no-repeat;
          }

          div#content h1.portfolio-livros_n1 span {
          padding-bottom: 8px; margin-top: -6px;
          background: url('../images/portfolio-livros/h1_portfolio-livros.png') no-repeat;
          }

          div#content h1.portfolio-mapas_n1 span {
          padding-bottom: 8px; margin-top: -6px;
          background: url('../images/portfolio-mapas/h1_portfolio-mapas.png') no-repeat;
          }

          div#content h1.portfolio-banners_n1 span {/*outros*/
          padding-bottom: 8px; margin-top: -6px;
          background: url('../images/portfolio-banners/h1_portfolio-banners.png') no-repeat;
          }

            ul.paginacao{
              float: left; clear: both; margin-top: -10px; padding-left: 16px; width: 340px;
            }

              ul.paginacao li { float: left; padding-right: 16px;}

              ul.paginacao li.go-index { float: right; padding-right: 0; } 

              ul.paginacao li a {
                padding-left: 3px; padding-right: 3px;
                font-weight: bold !important; color: #c60;
              }

              ul.paginacao li a:hover {
                border-bottom: 2px solid #c60; color: #c60 !important;
              }

            p.portfolio-legenda { padding-left: 12px; position: relative; top: -20px; }

        div#content h1.clientes_n1 span {
        padding-bottom: 8px; margin-top: -6px;
        background: url('../images/clientes/h1_clientes.png') no-repeat;
        }

        div#content h1.faleconosco_n1 span {
        padding-bottom: 8px; margin-top: -6px;
        background: url('../images/fale-conosco/h1_fale-conosco.png') no-repeat;
        }

      div#content p {
      margin: 9px 5px 14px 4px;
      font-size: 11px !important; line-height: 145%;
      }

      div#content p strong { font-weight: bold; color: #333; }

      div#content p em { font-style: italic; font-size: 11px !important; }

      ul.portfolio-index { width: 384px; margin-left: 3px; } 

      ul.portfolio-index li { float: left; margin-top: 5px; padding-top: 94px; width: 122px; }

        ul.portfolio-index li.hp_revistas {
        background: url('../images/portfolio/destaque_01_revistas.jpg') no-repeat;
        }

          ul.portfolio-index li.hp_revistas a { margin-left: 27%; }

        ul.portfolio-index li.hp_informativos {/*tecnologia*/
        margin-left: 12px; margin-right: 0px;
        background: url('../images/portfolio/destaque_02_informativos.jpg') no-repeat;
        }

          ul.portfolio-index li.hp_informativos a { margin-left: 13%; }/*tecnologia*/

        ul.portfolio-index li.hp_livros {
        background: url('../images/portfolio/destaque_03_livros.jpg') no-repeat;
        }

          ul.portfolio-index li.hp_livros a { margin-left: 22%; }

        ul.portfolio-index li.hp_mapas {
        margin-top: 23px; margin-left: 40px;
        background: url('../images/portfolio/destaque_04_mapas.jpg') no-repeat;
        }

          ul.portfolio-index li.hp_mapas a { margin-left: 27%; }

        ul.portfolio-index li.hp_banners {/*outros*/
        margin-top: 23px;
        background: url('../images/portfolio/destaque_05_banners.jpg') no-repeat;
        }

          ul.portfolio-index li.hp_banners a { margin-left: 20%; }/*outros*/

        ul.logotipos_clientes {
        position: relative; top: -60px; left: -3px; overflow: hidden;
        width: 371px; height: 196px;
        }

        ul.logotipos_clientes li.ir { font-size: 12px; }

        ul.logotipos_clientes li.show {
        position: absolute; top: 0; left: 0; width: 371px; height: 196px;
        background: url('../images/clientes/logotipos_clientes.png') no-repeat;
        }

          div.vcard span, div.vcard em { font: 13px Georgia, Helvetica, serif; color: #777; } 

          div.vcard em {
          display: block; float: left; margin-left: -3px; margin-right: 33px;
          font-weight: bold; font-size: 12px; color: #aaa; 
          }
 
          div.vcard form {float:left;}

          div.vcard i {font-style: italic;}

          div.vcard div.adr { margin-left: 22px; padding-top: 12px; }
          
      div.adr{
        border-left: 1px dashed gray;
        width: 53%;
        float:right;
      }
            
          div.adr p { padding-top: 5px;text-align:right}

          div.adr span {float:right; text-align:right;}

          div.adr em {float:right; text-align:right;}

          span.street-address, span.postal-code,{ display: block; }
          
      div.vcard{
        width: 45%;
        float:left;
      }
          div.vcard p span { display: block; }

          div.vcard p a { font: 11px Georgia, Helvetica, serif; }

          div.vcard p a:hover { color: #555 !important; text-decoration: underline; }

          div.vcard p span a.url { visibility: hidden; clear: both; }

    p.miniaturas_portfolio img { margin-top: -10px; margin-left: -4px; }

    .contexto__ { visibility: hidden; }

    a.leiamais, a.topic {
    display: block; padding-left: 17px; margin-top: 3px;
    background: url('../images/layout/mark_link_leia_mais.png') no-repeat 0 2px;
    font-size: 11px !important; font-weight: bold !important; color: #c60;
    }

    a.leiamais:hover, a.topic:hover {
    color: #c60 !important; text-decoration: underline;
    }

    p#copy_e_contato_info { position: absolute; bottom: -8px; left: 6px; }