/*  CSS Code file: itnix_style.css */
        /*  Description: look and feel for the 'Tropicana' 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-arrow-color: #F7EED1;
   scrollbar-track-color: #F7EED1;
   scrollbar-highlight-color: #F7EED1;
   scrollbar-shadow-color: #6E7D22;

   scrollbar-face-color: #6E7D22;
   scrollbar-base-color: #6E7D22;
   scrollbar-darkshadow-color: #6E7D22;
   scrollbar-3dlight-color: #6E7D22;
}

  body {
    margin: 0px;
    padding: 0px;
    background: #6E7D22 url( '../../images/marco/respaldo2.jpg' ) scroll repeat-x;
    font-family: Georgia, Verdana, Helvetica, Arial;
    font-size: 11pt;
    color: #885D0F;
    text-align: center;
  }

  a {
    color: #6E7D22;
  }

  div {
    margin: 0px;
    padding: 0px;
    margin-top: -1px;
    position: relative;
    text-align: left;
    background-color: transparent;
  }


  div#page {
    width: 943px;
    min-width: 760px;
    min-height: 200px;
    margin: 13px auto 0px auto;
    background: #F7EED1 ;
  }

  div#header {
    height: 319px;
    border-top: 1px solid transparent;
    background-color: #F7EED1;
  }

    div#header div.hlt {
      border-top: 1px solid #F7EED1;
      background: #FFFFFF;
      width: 272px;
      float: left;
    }

    div#splash {
      padding: 0px;
      border: none;
      float: left;
      width: 671px;
      height: 319px;
      position: relative;
      background: transparent url( '../../flash/imagen1.jpg' ) scroll no-repeat ;
    }
      div#splash object, div#splash embed {
        width: 671px;
        height: 319px;
        display: block;
        margin: 0px;
        padding: 0px;
        border: none;
      }

    div#wrap {
    }

    div#content {
      border-left: 1px solid #6E7D22;
      position: relative;
      min-height: 300px;
      padding: 10px 0px 20px 0px;
      font-family: Georgia, Verdana, Helvetica, Arial;
    }


  div#footer {
    width: 943px;
    margin: 0px auto 0px auto;
    /**filter: alpha(opacity=50);
    opacity: .50;*/
    text-align: center;
  }
    div#footer a.pbc {
      float: right;
    }
    div#footer a.pbc img {
      height: 35px;
      width: 129px;
    }

/** End of main layout */

/**
  Css rules for content
*/


  div.rightContent {
    float: right;
    width: 320px;
    margin-right: 10px;
    padding: 10px 8px 10px 8px;
    border: 2px solid #D5B165;
    min-height: 300px;
    /** NOTE: total width = 350px ==> 330px + 8px + 8px + 4px */
  }

  div.leftContent {
    margin: 0px;
    padding: 10px 8px 10px 8px;
    float: left;
    width: 780px;
    /** changed from 573 to 780 */
    min-height: 300px;
    /** NOTE total width = 593px ==> 575px + 8px + 8px + 2px; */
  }



/** NOTE: 3(302)px + 3(10)px + 3(2)px = 943px **/
  div.col1 {
    width: 302px;
    padding: 5px;
    float: left;
  }

  div.col2 {
    width: 302px;
    padding: 5px;
    float: left;
  }

  div.col3 {
    width: 302px;
    padding: 5px;
    float: left;
  }




  div.sponsors {
    width: 200px;
    height: 35px;
    margin-right: 36px;
    margin-left: 10px;
    border-top: 1px solid transparent;
    float: left;
  }
    div.sponsors a {
      display: block;
      float: left;
      height: 35px;
    }

    div.sponsors a img {
      display: inline;
    }


    div.sponsors a.epab img {
      width: 95px;
      height: 35px;
    }
    div.sponsors a.nahb img {
      width: 64px;
      height: 35px;
    }
    div.sponsors a.tx img {
      width: 41px;
      height: 35px;
    }


  div.others {
    width: 84px;
    height: 35px;
    margin-right: 36px;
    border-top: 1px solid transparent;
    float: left;
  }

    div.others a {
      display: block;
      float: left;
      height: 35px;
    }

    div.sponsors a img {
      display: inline;
    }


    div.sponsors a.amitor img {
      width: 29px;
      height: 35px;
    }
    div.sponsors a.fb img {
      width: 29px;
      height: 35px;
    }
    div.sponsors a.email img {
      width: 26px;
      height: 35px;
    }


/** rules about link inside the content */
div#ada {
  float: right;
  width: 70px;
  height: 35px;
}
  div#ada a {
    color: #FFFFCC;
    text-decoration: none;
    margin: 0px;
    padding: 0px;
    border: none;

  }
  div#ada a.l1 {
    font-size: 11pt;
  }
  div#ada a.l2 {
    font-size: 14pt;
  }
  div#ada a.l3 {
    font-size: 17pt;
  }


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

  h1, h2, h3, h4, h5 {
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 6px;
  }

  img  {
    display: block;
    border: none;
    padding: 0px;
    margin: 0px;
  }
  img.logo {
    margin-top: -13px;
    margin-bottom: 2px;
  }

  .copyright {
     margin: 0px;
     text-align: center;
     color: #999999;
     font-size: 0.8em;
     border-left: 1px solid #6E7D22;
  }
  .brk {
    clear: both;
    display: block;
  }

/** animation wrapper */
#animation{
  position:relative;
  width:671px;
  height:319px;
  margin:1px auto;
  padding:0px;
}