* {
  margin: 0; 
  padding: 0;
} 

body {
  margin: 0pt auto;
  padding: 0pt;
  font: 0.7em "Lucida Grande","Vera Sans","Lucida Sans",Helvetica,Arial,sans-serif;;
  font: 0.7em Arial, sans-serif;
  line-height: 1.5em;
  background: #4d4c4c;
  color: #ffffff;
}

a, a:active, a:visited {
  color: #6666ff;
}

.content {
  margin: 0pt auto;
  padding: 0pt;
  width: 940px;
  background-color: #f9f8f8;
}

.header {
  width: 940px;
  height: 180px;
  background: #f9f8f8;
  color: #808080;
  margin: 0;
  padding: 0;
}

.logocontainer {
  height: 180px;
  width: 280px;
  margin: 0;
  padding: 0;
  float: left;
  background: transparent url(/images/headerleft.gif) repeat-x scroll 0% 0%;
  display: block;
}

.logo {
  width: 240px;
  height: 97px;
  margin: 50px 0px 0px 20px;
  padding: 0px;
  background: transparent url(/images/logo.gif) no-repeat scroll 0% 0%;
  display: block;
  text-indent: -3000em;
}
.girl {
  width: 170px;
  height: 180px;
  margin: 0px;
  padding: 0px;
  float: left;
  background: transparent url(/images/headergirl.gif) no-repeat scroll 0% -26px;
  display: block;
}
.menucontainer {
  width: 460px;
  height: 180px;
  margin: 0px;
  padding: 0px;
  float: left;
  background: transparent url(/images/headerright.gif) repeat-x scroll 0%  -26px;
}
  .bar {
    height: 66px;
    width: 450px;
    font-size: 14px;
    font-family: trebuchet ms;
    margin: 96px 0 0 80px;
    padding: 0;
  }
  .bar li a:visited {
    color: #FFFFFF;
  }

  .bar li a:visited {
    color: #999999;
  }

    .bar ul {
      list-style:none;
    }
    .bar li {
      float: left;
      height: 66px;
      width: 90px;
    }
    .bar li a {
      color: #999999;
      background: transparent url(/images/menu.gif) no-repeat center -66px;
      text-decoration: none;
      height: 66px;
      display: block;
      line-height: 42px;
      text-align: center;
    }
    .bar li.inactive a:hover {
      background: transparent url(/images/menu.gif) no-repeat center -132px;
      color: #ffffff;
    }
    .bar li.active a, .bar li.active a:visited, .bar li.active a:active {
      background: transparent url(/images/menu.gif) no-repeat center 0px;
      color: #ffffff;
    }


.headerend {
  height: 180px;
  width: 30px;
  margin: 0px;
  padding: 0px;
  float: right;
  background: transparent url(/images/headerend.gif) no-repeat scroll 0%  -26px;
  display: block;
}

.main {
  height: auto;
  background: #f9f8f8;
  color: #666666;
  margin: 0;
  padding: 0;
  width:940px;
}
  .leftcolumn {
    position: relative;
    display: block;
    float: left;
    width: 543px;
    padding-left: 40px;
  }
    .lefttoptablediv {
      position: relative;
      display: block;
      margin: 0px;
    }
      .lefttoptable {
        margin: 0px;
        width: 100%;
      }
        .lefttoptable .inicio {
          height: 80px;
          background: transparent url(/images/inicio.png) no-repeat scroll 0% 0%;
        }
        .lefttoptable .osadspro {
          height: 80px;
          background: transparent url(/images/osadspro.png) no-repeat scroll 0% 0%;
        }
        .lefttoptable .servicios {
          height: 80px;
          background: transparent url(/images/servicios.png) no-repeat scroll 0% 0%;
        }
        .lefttoptable .portfolio {
          height: 80px;
          background: transparent url(/images/portfolio.png) no-repeat scroll 0% 0%;
        }
        .lefttoptable .contacto {
          height: 80px;
          background: transparent url(/images/contacto.png) no-repeat scroll 0% 0%;
        }
        .lefttoptable .mid{
          background: transparent;
        }
        .lefttoptable .mid .text {
          font-size:13px;
          line-height:19px;
          text-align:justify;
          margin: 0px;
          padding: 0px 30px 10px 25px;
          display: block;
        }
        .lefttoptable .logos{
          height: 50px;
          background: transparent url(/images/lefttoptablelogos.gif) no-repeat scroll 0% 0%;
        }
        .lefttoptable .osadsprologo{
          height: 50px;
          background: transparent url(/images/lefttoptablelogos.gif) no-repeat scroll 0% 0%;
        }
        .lefttoptable .bot{
          height: 6px;
          background: transparent url(/images/lefttoptablebot.gif) no-repeat scroll 0% 0%;
        }
    .leftmidtablediv {
      position: relative;
      display: block;
      height: 30px;
      margin: 0px;
    }
    .leftbottablediv {
      position: relative;
      display: block;
      height: 0px;
      margin: 0px;
    }
  
  .rightcolumn {
    clear: right;
    display: block;
    float: right;
    width: 323px;
    padding-right: 17px;
  }
    .righttoptablediv {
      position: relative;
      display: block;
      margin: 0px;
    }
      .righttoptable {
        margin: 0px;
      }
        .righttoptable .left{
          width: 6px;
          background: transparent url(/images/righttoptableleft.gif) no-repeat scroll 0% 0%;
        }
        .righttoptable .mid{
          background: transparent url(/images/righttoptablemid.gif) repeat-x scroll 0% 0%;
          vertical-align: top;
        }
          .topright {
            margin-top: 10px;
          }
          .titleright {
            font-size:12px;
            margin:0px 10px 5px 10px;
          }
            .titleright img{
              vertical-align: -1px;
            }          
          .textright{
            margin-left:10px;
            margin-right:10px;
          }
          .buttonright {
            display:block;
            height: 28px;
            width: 101px;
            display: block;
            margin:3px 0px 3px 0px;
            background: transparent url(/images/boton.gif) no-repeat scroll 0% 0%;
          }

            .buttonright a, .buttonright a:active, .buttonright a:visited {
              display:block;
              text-decoration: none;
              color:#F0F0F0;
              font-weight:bold;
              height:28px;
              padding-top:7px;
              text-align:center;
              vertical-align:middle;
              width:101px;
            }
          .separatorright{
            width: 297px;
            height: 12px;
            background: transparent url(/images/separatorright.gif) no-repeat scroll 0% 0%;
          }
        .righttoptable .right{
          width: 6px;
          background: transparent url(/images/righttoptableright.gif) no-repeat scroll 0% 0%;
        }

.footer {
  height: 30px;
  width: 940px;
  margin: 0;
  padding: 0;
  background: transparent url(/images/footer.gif) repeat-x scroll 0% 0%;
  display: block;
  clear: both;
  text-align: center;
  line-height: 2.8em;
}
  .footer a {
    text-decoration: none;
  }  
  .footer .topline a { 
    color: #ffffff; 
  }
  .footer .botline, .footer .botline a { 
    color: #cbc9c9; 
    font-size: 0.9em;
  }


#gallery {width:285px;height:150px;padding:10px 0 0 0;background-color:#FFFFFF;border:1px solid #CCCCCC;}
#imagearea {height:140px;width:290px;margin:0 auto;}
#image {
  height:140px;
  width:200px;
  margin:0 auto;
}
#image img {position:absolute;}
#thumbwrapper {display:none;}