/* GERAL */

  body {
    text-align: center;
    font-family: tahoma;
    font-size: 11px;
    color: #6F6F6F;
    background-color: #FFFFFF;
    margin: 5px;
  }


  /* PAGINA */

  #page {
    background-color: #FFFFFF;
    width: 750px;
    height: 320px;
    margin: auto;
  }


  /* HEADER */

  #header {
    background-color: #FFFFFF;
    width: 750px;
    height: 70px;
    text-align: left;
  }


  /* LOGO */

  #logo {
    background-color: #FFFFFF;
    width: 750px;
    height: 70px;
  }


  /* BARRA DE MENU */

  #menubar {
    font-family: tahoma;
    font-size: 11px;
    color: #E8EDF6;
    float: left;
    padding: 0px;
    background-color: #248998;
    text-decoration: none;
    text-align: left;
    width: 750px;
    height: 25px;
  }


  /* MENU PRINCIPAL */

  #mainmenu {
    float: left;
    height: 25px;
  }

  #mainmenu ul {
    list-style-type: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #mainmenu ul li {
    display: inline;
    padding: 0px;
    margin-right: 10px;
  }

  #mainmenu ul li a {
    text-decoration: none;
    color: #E8EDF6;
  }

  #mainmenu ul li a:hover {
    text-decoration: underline;
  }


  /* MENU DE ACESSO */

  #accessmenu {
    float: right;
    height: 25px;
  }

  #accessmenu ul {
    list-style-type: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #accessmenu ul li {
    display: inline;
    padding: 0px;
    margin-left: 10px;
  }

  #accessmenu ul li a {
    text-decoration: none;
    color: #E8EDF6;
  }

  #accessmenu ul li a:hover {
    text-decoration: underline;
  }


  /* LATERAL */

  #siteside {
    width: 200px;
    margin: 0px;
    padding: 0px;
    float: right;
    display: inline;
    background-color: #FFFFFF;
  }  


  /* SUBMENU */

  #submenu {
    margin-top: 41px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 15px;
    padding: 0px;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    display: inline;
    background-color: #FFFFFF;
  }

  #submenu ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 150px;
    border-top: 1px solid #D6E2ED;
  }

  #submenu li {
    text-decoration: none;
    padding: 8px;
    border-bottom: 1px solid #D6E2ED;
    color: #248998;
    font-weight: bold;
  }

  #submenu li a {
    color: #7C96CB;
    text-decoration: none;
    color: #248998;
    font-weight: normal;
  }

  #submenu li a:hover {
    text-decoration: underline;
  }	


  /* APOIO */

  #sponsors {
    width: 150px;
    float: right;
    display: inline;
    background-color: #FFFFFF;
    margin-top: 55px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 15px;
    border-top: 1px solid #D6E2ED;
    border-bottom: 1px solid #D6E2ED;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #sponsors p {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
    color: #248998;
    font-weight: bold;
    text-indent: 10px;
    text-align: left;
  }


  /* CONTEUDO */

  #content {
    background-color: #FFFFFF;
    width: 550px;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    color: #6F6F6F;
    line-height: 18px;
    text-align: justify;
    padding-top: 0px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }

  #content h1 {
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 5px;
    font-family: tahoma;
    font-size: 16px;
    font-weight: bold;
    color: #248998;
    border-bottom: 1px solid #D6E2ED;
    padding-bottom: 8px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #content h2 {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #248998;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 5px;
  }

  #content p {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 5px;
  }

  #content a {
    font-family: tahoma;
    font-size: 11px;
    color: #6F6F6F;
    text-decoration: none;
    font-weight: bold;
  }

  #content a:hover {
    text-decoration: underline;
  }

  #content table {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 5px;
    width: 535px;
    float: left;
    border-collapse: collapse;
    border: 1px solid #E8EDF6;
    text-align: center;
  }

  #content th {
    font-family: tahoma;
    font-size: 11px;
    font-weight: bold;
    color: #E8EDF6;
    float: left;
    padding: 0px;
    background-color: #248998;
    text-decoration: none;
    text-align: center;
    height: 16px;
  }

  #content th a {
    text-decoration: none;
    font-weight: normal;
  }

  #content th a:hover {
    text-decoration: underline;
  }

  #content th.calldate {
    width: 113px;
  }

  #content th.type {
    width: 50px;
  }

  #content th.source {
    width: 80px;
  }

  #content th.destination {
    width: 80px;
  }

  #content th.duration {
    width: 45px;
  }

  #content th.carrier {
    width: 80px;
  }

  #content th.disposition {
    width: 85px;
  }

  #content tr {
    float: left;
    background-color: #FFFFFF;
    text-decoration: none;
    text-align: center;
  }

  #content tr.dif {
    float: left;
    background-color: #E0E5ED;
    text-decoration: none;
    text-align: center;
  }

  #content td {
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    float: left;
    padding: 0px;
    text-decoration: none;
    text-align: center;
/*    border: 1px solid #E8EDF6;*/
    height: 16px;
  }

  #content td.calldate {
    width: 113px;
  }

  #content td.type {
    width: 50px;
  }

  #content td.source {
    width: 80px;
  }

  #content td.destination {
    width: 80px;
  }

  #content td.duration {
    width: 45px;
  }

  #content td.carrier {
    width: 80px;
  }

  #content td.disposition {
    width: 85px;
  }


  /* PESQUISA RELATORIO */

  #reportsearch {
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 10px;
    margin-right: 0px;
    float: left;
  }

  #reportsearch input.button {
    background-color: #248998;
    font-family: tahoma;
    font-size: 11px;
    color: #E8EDF6;
    text-decoration: none;
    text-align: center;
    border: 1px solid #248998;
    border-style: none;
    float: left;
    width: 65px;
    height: 16px;
    padding-bottom: 4px;
    padding-top: 0px;
    margin: 0px;
    margin-left: 5px;
    cursor: pointer;
  }

  #reportsearch input.text {
    background-color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    text-decoration: none;
    text-align: left;
    border: 1px solid #248998;
    float: left;
    width: 150px;
    height: 16px;
    padding-left: 2px;
    padding-top: 0px;
    margin: 0px;    
  }


  /* NAVEGA RELATORIO */


  #reportnavigation {
    float: right;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 5px;
  }

  #reportnavigation input.button {
    float: left;
    background-color: #248998;
    font-family: tahoma;
    font-size: 11px;
    color: #E8EDF6;
    text-decoration: none;
    text-align: center;
    border: 1px solid #248998;
    border-style: none;
    width: 25px;
    height: 16px;
    padding-bottom: 4px;
    padding-top: 0px;
    margin: 0px;
    margin-left: 1px;
    cursor: pointer;
  }


  /* FOOTER */

  #footer {
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    float: left;
    padding: 0px;
    background-color: #FFFFFF;
    text-decoration: none;
    text-align: left;
    width: 750px;
    height: 25px;
    border-top: 1px solid #248998;
    margin-top: 15px;
  }


  /* MENU FOOTER */

  #menufooter {
    float: left;
    height: 25px;
  }

  #menufooter ul {
    list-style-type: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 15px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }

  #menufooter ul li {
    display: inline;
    padding: 0px;
    margin-right: 10px;
  }

  #menufooter ul li a {
    text-decoration: none;
    color: #248998;
  }

  #menufooter ul li a:hover {
    text-decoration: underline;
  }


  /* DIREITOS FOOTER */

  #rights {
    float: right;
    padding-right: 15px;
    padding-top: 5px;
  }


  /* LOGIN */

  #login {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    text-decoration: none;
    position: relative;
    left: 175px;
    top: 50px;
  }

  #login fieldset{
    padding: 20px;
    border: 1px solid #E8EDF6;
    width: 200px;
    margin: 0px;
  }

  #login legend {
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    margin: 0px;
  }

  #login span {
    margin-left: 25px;
  }

  #login input.button {
    background-color: #248998;
    font-family: tahoma;
    font-size: 11px;
    color: #E8EDF6;
    text-decoration: none;
    text-align: center;
    border: 1px solid #248998;
    border-style: none;
    float: left;
    width: 60px;
    height: 16px;
    padding-bottom: 4px;
    padding-top: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-left: 25px;
    cursor: pointer;
  }

  #login input.text {
    background-color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    text-decoration: none;
    text-align: left;
    border: 1px solid #248998;
    float: left;
    width: 150px;
    height: 16px;
    padding-left: 2px;
    padding-top: 0px;
    margin: 0px;
    margin-left: 25px;
  }


  /* CONTACT */

  #contact {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: left;
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    text-decoration: none;
    position: relative;
    left: 0px;
    top: 25px;
    width: 250px;
  }

  #contact span {
    margin-left: 10px;
  }

  #contact input.button {
    background-color: #248998;
    font-family: tahoma;
    font-size: 11px;
    color: #E8EDF6;
    text-decoration: none;
    text-align: center;
    border: 1px solid #248998;
    border-style: none;
    float: bottom;
    width: 60px;
    height: 16px;
    padding-bottom: 4px;
    padding-top: 0px;
    margin: 0px;
    margin-top: 5px;
    margin-left: 10px;
    cursor: pointer;
  }

  #contact input.text {
    background-color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    text-decoration: none;
    text-align: left;
    border: 1px solid #248998;
    float: left;
    width: 250px;
    height: 16px;
    padding-left: 2px;
    padding-top: 0px;
    margin: 0px;
    margin-left: 10px;
  }

  #contact textarea {
    background-color: #FFFFFF;
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    text-decoration: none;
    text-align: left;
    border: 1px solid #248998;
    float: left;
    width: 250px;
    height: 100px;
    padding-left: 2px;
    padding-top: 0px;
    margin: 0px;
    margin-left: 10px;
  }


  /* ADDRESSES */

  #addresses {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    float: right;
    font-family: tahoma;
    font-size: 11px;
    color: #248998;
    text-decoration: none;
    text-align: center;
    position: relative;
    left: 0px;
    top: 25px;
    width: 285px;
  }