/*  CSS Code file: itnix_style.css */
        /*  Description: look and feel for the 'gobusgo' website  */
        /*  Version: 1.0 */
        /*  All source code & concepts (c) copyright 2008, 2010 by ItNix, LLC. */
        /*  All rights reserved worldwide. */
        /*  Changed by: Ivan Carrazco */
        /* Update 25 Jan 2010: in order to achieve a true container layout, border-top/border-bottom has been included for all div's.
         *                     This change allows the containers to create a natural flow among div elements without any extra space on
         *                     on the top part of the containers.  More like a hack.  New Rule: div { border-top/bottom: 1px solid transprent }
         * Observation 25 Jan 2010: apparently, margin-top: Hpx; will mess up any layout.  Avoid margin-top especially if you plan
         *                           to use it on the first container ( which will be shown on the top).  It is a better idea to use it on
         *                           a cotainer in the middle or on the bottom of the layout.
         */

html {

   scrollbar-face-color: #213C73;
   scrollbar-arrow-color: #FFFFFF;
   scrollbar-base-color: #213C73;
   scrollbar-track-color: #D5DFFF;
   scrollbar-highlight-color: #213C73;
   scrollbar-darkshadow-color: #213C73;
/*
   scrollbar-3dlight-color: #213C73;
*/
}

  body {
    margin: 0px;
    padding: 0px;
    background-color: #427BA8;
    font-family: Verdana, Helvetica, Arial;
    font-size: 10pt;
    color: #022440;
    text-align: center;
  }

  div {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    margin: 0px;
    padding: 0px;
    margin-top: -1px;
    position: relative;
    text-align: left;
  }


  #page {
    width: 100%;
    min-width: 775px;
    background-color: #28497F;
    margin: 0px auto 0px auto;
    border-bottom: 1px solid #427BA8;
  }

  #header {
    height: 120px; /* the back_image.height = 244px + 1px border-bottom; */
    background: #202C44 url( '../../images/toptile.jpg' ) scroll repeat-x;
  }

    #header img.leftH {
      float: left;
    }

    #header img.rightH {
      float: right;
    }

      #headYellow {
        border-top: 1px solid #FEC156;
        border-bottom: 1px solid #FEC156;
        position: absolute;
        width: 300px;
        height: 20px;
        top: 0px;
        left: 0px;
        background: #FEC156 url( '../../images/mnuspce.jpg' ) scroll repeat-y;
      }

      #ada {
        position: absolute;
        bottom: 0px;
        right: 0px;
        width: 230px;
        height: 25px;
        margin-top: 10px;
        margin-bottom: 10px;
      }
      #ada p {
        padding: 0px;
      }

        #ada img {
          float: right;
          display: inline;
          width: 25px;
          height: 25px;
          margin: 0px 6px 0px 0px;
        }

        #splash {
          position: relative;
          width: 426px;
          height: 242px;
          background: transparent url( '../../images/splash.jpg' ) scroll no-repeat;
          margin: 10px auto 10px auto;
          padding: 0px;
          border: none;
        }

        #splash object, embed {
          margin:0px;
          padding: 0px;
          border: none;
          width: 426px;
          height: 242px;
        }


  #contentWrapper {
    width: 100%;
    background: #D7DADE url( "../../images/wrapTile.jpg" ) scroll repeat-y;
    padding-bottom: 35px;
  }

    #nav {
      width: 193px;
      float: left;
    }
    #nav p {
      font-weight: bold;
      color: #CBAA39;
      text-align: center;
    }

    #nav .address {
      width: 98%;
      font-size: 0.90em;
      color: #CBAA39;
      text-align: center;
      padding: 10px 0px 10px 0px;
      border-top: 2px solid #CBAA39;
      border-bottom: 2px solid #CBAA39;
      margin: 6px auto 0px auto;
    }
    #nav p.lang {
      text-align: left;
    }
    #nav p.lang img {
      display: inline;
      width: 29px;
      height: 19px;
    }

    #content {
      position: relative;
      min-height: 500px;
      margin-left: 193px;
     /* IE has a problem pushing 'everything from the left with padding, so margin is used instead */
      padding-bottom: 10px;
    }
    #content div.contactInfo {
      position: relative;
      width: 450px;
      color: #417BA6;
      padding: 0px;
      margin: 20px auto 20px auto;
    }
    #content div.contactInfo p {
      font-weight: bold;
      margin-left: 120px;
    }
    #content div.contactInfo a, #content div.contatctInfo a:link, #content div.contactInfo a:visited {
      font-weight: bold;
      color: #417BA6;
    }
    #content div.contactInfo img {
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 120px;
      height: 100px;
    }


  #footer {
    border: none;
    border-top: 1px solid #427BA8;
    border-bottom: 1px solid #427BA8;
    clear: both;
    position: relative;
    width: 100%;
    background-color: #427BA8;
  }
    #footer img {
      width: 126px;
      height: 20px;
      display: block;
      float: right;
      margin: 0px 5px 0px 0px;
    }
/** End of main layout */


/** General rules for content */
      div.doctors {
        width: 100%;
        position: relative;
        margin: 20px 0px 20px 0px;
        text-align: center;
      }
      div.doctors span {
        width: 150px;
        height: 225px;
        margin: 0px 0px 20px 0px;
        padding: 0px;
      }
      div.doctors span img {
        display: inline;
        width: 150px;
        height: 225px;
      }

      div.drInfo {
        position: relative;
        width: 98%;
        margin: 10px auto 10px auto;
        min-height: 232px;
        padding: 0px;
      }
      div.drInfo hr {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0px auto 0px auto;
        padding: 0px;
      }
      div.drInfo img {
        position: absolute;
        width: 150px;
        height: 225px;
        top: 8px;
        left: 0px;
      }
      div.drInfo p {
        margin-left: 150px;
      }

/** rules about link inside the content */
      #content a, #content a:link, #content a:visited {
        text-decoration: underline;
        color: #022440;
        font-weight: bold;
        font-size: 0.9em;
        margin-left: 2px;
      }

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

      div.imgCenter {
        margin: 10px auto 10px auto;
      }

      p {
        padding: 8px;
        margin: 0px;
      }

      h1, h2, h3, h4, h5 {
        margin: 10px 0px 10px 0px;
        padding: 0px 0px 0px 6px;
        font-size: 1.02em;
      }

      hr {
        text-align: center;
        width: 95%;
        margin: 20px auto 20px auto;
      }

      img  {
        display: block;
        border: none;
        padding: 0px;
        margin: 0px;
      }


      .copyright {
         margin: 0px 0px 0px 8px;
         text-align: center;
         color: #FFFFFF;
         font-size: 0.8em;
      }

      sup {
        font-size: 0.65em;
      }

      .space {
        clear: both;
        display: block;
      }

      .inline {
        display: inline;
        padding: 0px;
        margin: 0px;
      }

      .name {
        font-weight: bold;
      }


  /** Rules for contacts and headers **/
  div.contacts p span.name, p.contact span.name {
    font-weight: bold;
    color: #213C73;
  }

  div.contacts p a:link {
    font-weight: bold;
    font-size: 0.8em;
  }

  .bigger {
    font-weight: bold;
    font-size: 1.08em;
  }


  .centerText {
    text-align: center;
  }