Difference between revisions of "Team:GenetiX Tec CCM/Design"

Line 23: Line 23:
 
   }  
 
   }  
 
   </script>
 
   </script>
 +
 +
<style type="text/css"> /* Used in page */
 +
  body { background-color: #fff; }
 +
  ul{list-style: none; list-style-type: none;}
 +
  li{list-style: none; list-style-type: none;}
 +
  h1{display: none;}
 +
  h2{color:#23b593;}
 +
  h3{color:#23b588;}
 +
  #pall{
 +
        color: #202020;
 +
        font-size: 20px;
 +
        font-weight: normal;
 +
        margin-bottom: 10px;
 +
        text-align:justify;
 +
  }
 +
  #globalWrapper, #content{
 +
        background-color: transparent;
 +
        border: 0px;
 +
        margin:0px;
 +
        padding: 0px;
 +
        width:100%;
 +
      }
 +
  #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
  width: 100%;
 +
  overflow:hidden;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-bottom: 10px;
 +
  background-color: #fff;
 +
  font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  .menu {
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 10;
 +
    font-size: 28px;
 +
    float: top;
 +
    color: black;
 +
    margin-top: 20px;
 +
  }
 +
  #menuNavbar  {
 +
  background: #fff;
 +
  float:top;
 +
  width: 100%;
 +
  margin-left: auto;
 +
  margin-right: auto;
 +
  margin-top: 16px;
 +
  }
 +
  .navContainer li{
 +
    margin-top: 10px;
 +
  }
 +
  .navContainer li ul {
 +
          display: none;
 +
          padding-top:10px;
 +
          margin-left: -19px;
 +
  }
 +
  .navContainer li:hover ul {
 +
          /*display: inline-block; */
 +
          display: block;
 +
          position: absolute;
 +
          float:right;
 +
          margin-left:-40px;
 +
          margin-top:-10px;
 +
  }
 +
  .up{
 +
    background: #fff;
 +
  }
 +
  #topbar {
 +
    background: #fff;
 +
    padding: 10px 0 10px 0;
 +
    text-align: center;
 +
    height: 100px;
 +
    color: black;
 +
    overflow: hidden;
 +
    -webkit-transition: height 0.5s linear;
 +
    -moz-transition: height 0.5s linear;
 +
    transition: height 0.5s linear;
 +
  }
 +
  #topbar a {
 +
    color: #fff;
 +
    font-size:1.3em;
 +
    line-height: 1.25em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    font-weight: bold;
 +
  }
 +
  #tophiddenbar {
 +
    font-size:1.5em;
 +
    background: #fff;
 +
    font-weight: bold;
 +
    text-align: right;
 +
    text-shadow: 1px 1px 0 #444;
 +
  }
 +
  #tophiddenbar a {
 +
    color: black;
 +
    font-size: 0.5em;
 +
    text-decoration: none;
 +
    opacity: 0.5;
 +
    text-shadow: none;
 +
  }
 +
  #tophiddenbar a:hover { opacity: 1; }
 +
  .subnavbar{
 +
    width:90%;
 +
    height:100px;
 +
    margin-left: 0px;
 +
  }
 +
  #contentContainer {
 +
    margin-top: 100px;
 +
    padding-top:20px;
 +
    padding-right:20px;
 +
    padding-left: 20px;
 +
    margin-bottom: 20px;
 +
    width: 100%;
 +
    background-color: #fff;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
  }
 +
  #bannerContainer {
 +
    height:300px;
 +
    margin:auto;
 +
    text-align:center;
 +
    color: #24B694;
 +
    width: 90%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
  #TMember{
 +
    width: 80%;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
  #contentContainer h1, h2, h3, h4, h5, h6 {
 +
    color: #565656;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    margin-top:10px;
 +
    }
 +
 +
  #footer{
 +
    width: 100%;
 +
    background-color: #EEFFFF ;
 +
    font-family: "Impact", "Charcoal", sans-serif;
 +
    font-weight: 100;
 +
    font-size: 25px;
 +
    color: #594F4F;
 +
    float: bottom;
 +
  }
 +
  .address{
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 12px;
 +
    color:#594F4F;
 +
    margin-top: 20px;
 +
    margin-bottom: 10px;
 +
  }
 +
  .video {
 +
    margin-top: 40px;
 +
    margin-bottom: 60px;
 +
  }
 +
    .icons{
 +
    width: 50px;
 +
    margin-top: 20px;
 +
    margin-right: 10px;
 +
  }
 +
  .icons2{
 +
    width: 20px;
 +
 +
  }
 +
  .clear{
 +
    clear:both;
 +
    height: 10px;
 +
  }
 +
</style>
 +
 +
<style>
 +
 
 +
  .submenu {
 +
    font-weight: 50;
 +
    font-family: "Verdana", Geneva, sans-serif;
 +
    font-size: 20px;
 +
    color: black;
 +
    float: right;
 +
    margin-top: 10px;
 +
  }
 +
  .btn-default {
 +
    background-color: transparent;
 +
    border-color: transparent;
 +
    font-weight: bold;
 +
    font-size: 25px;
 +
    color: black;
 +
  }
 +
  .headerline {
 +
    height: 30px;
 +
    width: 100px;
 +
  }
 +
  .body {
 +
    margin-top: 25px;
 +
  }
 +
  .abstract{
 +
    font-family: "Trebuchet MS", Helvetica, sans-serif;
 +
    font-weight: 100;
 +
    font-size: 30px;
 +
    color: black;
 +
  }
 +
</style><!-- de iGem-->
 +
    <!-- Start of CSS-->
 +
<style type="text/css">
 +
  /*Change the styling of text for everything inside main container*/
 +
        #mainContainer p {
 +
            font-size: 13px;
 +
            color: #000000;
 +
        }
 +
    /*Style of the links - links are different inside the menu */
 +
        #contentContainer a {
 +
            font-weight: bold;
 +
            color: #23b593;
 +
        }
 +
      /* Styling links on hover- links are different inside the menu */
 +
        #contentContainer a:hover {
 +
            color: #59bf92;
 +
        }
 +
    /*Change the styling of tables */
 +
                #contentContainer table {
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                width: 90%
 +
                margin: auto;
 +
                margin-bottom: 15px;
 +
                margin-top: 15px;
 +
                margin-right: 10px;
 +
                margin-left: 10px;
 +
            }
 +
    /*Change the styling of table cells*/
 +
            #contentContainer  td {
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
    /*Change the styling of table headers */
 +
            #contentContainer th {
 +
                background-color: #E8E8E9;
 +
                padding: 10px;
 +
                border: 1px solid #565656;
 +
                border-collapse: collapse;
 +
                vertical-align: text-top;
 +
            }
 +
    /*MENU STYLING */
 +
    /*Styling for the links in the menu */
 +
    /*  #menuContainer a {
 +
            color: #565656;
 +
            text-decoration:none;
 +
            font-weight: bold;
 +
        }
 +
    /* Sets the style for lists inside menuContainer  */
 +
        #menuContainer ul {
 +
            list-style: none;
 +
            margin-left:0px;
 +
        }
 +
    /*Styles the list items to become menu buttons */
 +
        #menuContainer ul li {
 +
            text-align: center;
 +
            display: block;
 +
            width: 100%;
 +
            height:30px;
 +
        }
 +
    /*For the menu buttons, changes the color when hovering*/
 +
        #menuContainer li:hover {
 +
            color:  black;
 +
            background-color: #24B694;
 +
        }
 +
    /*Submenus are not displayed as default*/
 +
        #menuContainer li ul {
 +
            display: none;
 +
            padding-top:-30px;
 +
            margin-left: -19px;
 +
        }
 +
    /*Submenus are displayed when hovering the menu button */
 +
        #menuContainer li:hover ul {
 +
            /*display: inline-block; */
 +
            display: block;
 +
            position: absolute;
 +
            float:right;
 +
            margin-left: 134px;
 +
            margin-top:-82px;
 +
        }
 +
    /*Style the submenu buttons*/
 +
      #menuContainer ul li {
 +
        text-align: center;
 +
        display: block;
 +
        width: 100%;
 +
        height:30px;
 +
        padding-left:30px;
 +
      }
 +
      ul {
 +
          list-style-type: none;
 +
          margin: 0;
 +
      }
 +
      li {
 +
          float: left;
 +
        list-style-type: none;
 +
        padding-left: 20px;
 +
      }
 +
      a {
 +
          display: block;
 +
      }
 +
      .menu-main{
 +
        width:90%;
 +
        height:30px;
 +
        align:center;
 +
        padding-right: 50px;
 +
      }
 +
        /*CLASSES */
 +
        /*Clear class for all the pages, adds spacing too*/
 +
        /* highlight box for special messages */
 +
            .highlightBox {
 +
                    width:500px;
 +
                    margin:auto;
 +
                    background-color: #E8E8E9;
 +
            margin-bottom: 15px;
 +
            margin-top: 15px;
 +
            padding: 15px;
 +
            padding-top: 5px;
 +
            }
 +
</style><!-- de iGem-->
 +
 +
<div id="mainContainer" class="container-fluid"> <!-- Es un div de todo la página-->
 +
  <div class="menu" class="row">
 +
      <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
 +
        <div class="up" id="tophiddenbar">
 +
              <li ><a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width:90px;" alt="iGemlogo" > </a></li>
 +
              <li ><a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 90px; padding-top:10px;" alt="TeamLogo"> </a></li>
 +
            </div>
 +
        <div class="navContainer" id="topbar">
 +
          <div id="tophiddenbar">
 +
            <div>
 +
              <ul>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description" onclick=show()> <li>PROJECT
 +
                <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description"><li>Description</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Design"><li>Design</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Results"><li>Results</li></a> 
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Experiments"><li>Experiments &amp; Protocols</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/References"><li>References</li></a> 
 +
                </ul>
 +
              </li> </a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Team" onclick=show()><li>TEAM
 +
                <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Attribution"><li>Attribution</li></a>
 +
                </ul>
 +
              </li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices" onclick=show()><li>HUMAN PRACTICES
 +
                  <ul class="subnavbar">
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Collaborations"><li>Meet up</li></a>
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices"><li>Todos por Xochimilco</li></a> 
 +
                  <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices"><li>Education</li></a>
 +
                  </ul>
 +
              </li></a>
 +
              <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Safety"><li>SAFETY</li></a>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </div>
 +
    </nav>
 +
  </div> <!-- Es el menú de arriba--> <!-- no tocar-->
 +
 +
  <body>
 +
    <div class="row" id="contentContainer">
 +
      <div id="bannerContainer" class="row" style="height:300px;margin-left: auto; margin-right: auto; width:90%;">
 +
        <img src="https://static.igem.org/mediawiki/2015/e/e6/Denitrif.jpg">
 +
      </div>
 +
      <div class="row" id="TMember">
 +
        <h3>So what is denitrification?</h3>
 +
        <p id="pall">
 +
          The denitrification process starts with several metalloproteinase catalyzing the transformation of nitrites to nitrates; these nitrates are then transformed to nitric oxide; which in turn are converted into nitrous oxide; and finally into molecular nitrogen.<br>Within the nitrogen cycle, there are two processes complementary to each other: nitrification and denitrification. Both are conducted by different kinds of bacteria. The first one, nitrification, is an aerobic process, which transforms ammonia (NH4) to nitrates (NO3). On the other hand, denitrification, is an anaerobic process, which “continues” the process of nitrification, and which can be summarized with the following reactions’ schematic:
 +
        </p>
 +
      </div>
 +
      <div class="row" id="TMember" style="width:1000px" ><img src=" https://static.igem.org/mediawiki/2015/0/0a/Denitrif2.jpg"></div>
 +
      <div class="row" id="TMember">
 +
        <p id="pall">
 +
          Due to the nature of nitrates and nitrites as potential eutrophication factors, the nitrification-denitrification process is often exploited by governments to reduce the amount of NO3 and NO2 present in water where wastewater is disposed, transforming them into N2. As denitrification is a process entirely carried out by bacteria. We see an opportunity to create a biological system which is capable of carrying out this process for the same purpose, but only within regulated conditions or parameters that we are capable of controlling and establishing beforehand.<br> In the figure 1 the denitrification process is explained. Denitrification encases many reductions of nitrogen and oxygen bonds, for example the NO2, NO3 and NO. This is a multistage process and so the diagram explains it broadly. The first cluster to take action in the chain is the Nar cluster, in here the NarH, NarG and NarL reductases take Nitrate (NO3) and transform it into NO2, leaving Oxygen behind. After this the next stage is taken  by the Nir cluster. In this cluster the NirQ protein starts to encode for Nitrites in the environment, and so the Nitrites are further reduced to Nitric Oxide (NO).<br>The next process starts when the bacteria  bonds the nitrogen dissolved into the Nitric Oxide by the means of the Nor Cluster to form Nitrous Oxide (N2O) , effectively lowering levels of Nitrogen in the water. The last part of the process involves reducing further  the newly formed Nitrous Oxide into its basic components, Molecular Nitrogen and Oxygen. This final part of the process is achieved by the Nos cluster; after it is decomposed into both the Nitrogen and Oxygen the Nitrogen is released as gaseous element and the Oxygen is dissolved in the water. As a result the oxygen levels rise, reducing the anoxia.
 +
        </p>
 +
      </div>
 +
 +
      <div id="bannerContainer" class="row" style=" eight:200px; margin-left: auto; margin-right: auto; width:90%;">
 +
        <img src="https://static.igem.org/mediawiki/2014hs/2/2f/Results.jpg">
 +
      </div>
 +
      <div class="row" id="TMember">
 +
        <h3>Previous Work</h3>
 +
        <p id="pall">
 +
          Last year our team participated in the high school division with a project that started the development of a biosensor using an oxygen (BBa_K258005) and iron (BBa_I765000) promoter, this activates a reporter. We took the GFP (BBa_E1010) and mRFP (BBa_J04650) as indicators. The system was created in order to develop a precise and economical way to measure low levels of oxygen dissolved in water. Iron promoter was used to exemplify as a method to quantify heavy metals as Hg or Pb. Creating the biosensor helps to report the actual conditions of the water in Xochimilco. Ultimately this information would reach the citizens, council and governmental institutions. For further information about our last project <a href="https://2014hs.igem.org/Team:GenetiX_Tec_CCM#">click here</a>
 +
        </p>
 +
      </div>
 +
 +
     
 +
  </body>
 +
</div>
 +
<div id="footer">
 +
    <div class="row" style="background-color: #EEFFFF ;">
 +
      <div class="col-md-1">
 +
        <div>
 +
          <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 100px; margin-top: 50px;">
 +
        </div>
 +
      </div>
 +
      <div class="col-md-3">
 +
        <div style="margin-top: 20px;">OUR SCHOOL<a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool.jpg" style="width: 190px; margin-top: 20px;"></a>
 +
        </div>
 +
        <div class="address"><a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X&    ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a>
 +
        <address style="color:#594F4F">
 +
          <strong>Location</strong><br>Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>14380 Ciudad de México, D.F., Mexico.<br>
 +
        </address>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-4" style="margin-top: 20px;">
 +
        <div>SOCIAL<a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a>
 +
            <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js. src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
 +
        </div>
 +
      </div>
 +
      <div class="col-md-4" style="margin-top: 20px;">
 +
          <div>FIND US <br>
 +
            <span href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </span>
 +
            <span href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </span>
 +
            <span href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </span>
 +
            <span href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </span>
 +
            <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">"Phone: Kai: +521(55)40597475"
 +
            </div>
 +
          <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">genetixccm@gmail.com
 +
          </div>
 +
        </div>
 +
      </div> 
 +
    </div>  <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar-->
 +
</div>
 +
</html>
  
 
<style type="text/css"> /* Used in page */
 
<style type="text/css"> /* Used in page */

Revision as of 01:00, 19 September 2015

iGem Tec CCM/Project Description

So what is denitrification?

The denitrification process starts with several metalloproteinase catalyzing the transformation of nitrites to nitrates; these nitrates are then transformed to nitric oxide; which in turn are converted into nitrous oxide; and finally into molecular nitrogen.
Within the nitrogen cycle, there are two processes complementary to each other: nitrification and denitrification. Both are conducted by different kinds of bacteria. The first one, nitrification, is an aerobic process, which transforms ammonia (NH4) to nitrates (NO3). On the other hand, denitrification, is an anaerobic process, which “continues” the process of nitrification, and which can be summarized with the following reactions’ schematic:

Due to the nature of nitrates and nitrites as potential eutrophication factors, the nitrification-denitrification process is often exploited by governments to reduce the amount of NO3 and NO2 present in water where wastewater is disposed, transforming them into N2. As denitrification is a process entirely carried out by bacteria. We see an opportunity to create a biological system which is capable of carrying out this process for the same purpose, but only within regulated conditions or parameters that we are capable of controlling and establishing beforehand.
In the figure 1 the denitrification process is explained. Denitrification encases many reductions of nitrogen and oxygen bonds, for example the NO2, NO3 and NO. This is a multistage process and so the diagram explains it broadly. The first cluster to take action in the chain is the Nar cluster, in here the NarH, NarG and NarL reductases take Nitrate (NO3) and transform it into NO2, leaving Oxygen behind. After this the next stage is taken by the Nir cluster. In this cluster the NirQ protein starts to encode for Nitrites in the environment, and so the Nitrites are further reduced to Nitric Oxide (NO).
The next process starts when the bacteria bonds the nitrogen dissolved into the Nitric Oxide by the means of the Nor Cluster to form Nitrous Oxide (N2O) , effectively lowering levels of Nitrogen in the water. The last part of the process involves reducing further the newly formed Nitrous Oxide into its basic components, Molecular Nitrogen and Oxygen. This final part of the process is achieved by the Nos cluster; after it is decomposed into both the Nitrogen and Oxygen the Nitrogen is released as gaseous element and the Oxygen is dissolved in the water. As a result the oxygen levels rise, reducing the anoxia.

Previous Work

Last year our team participated in the high school division with a project that started the development of a biosensor using an oxygen (BBa_K258005) and iron (BBa_I765000) promoter, this activates a reporter. We took the GFP (BBa_E1010) and mRFP (BBa_J04650) as indicators. The system was created in order to develop a precise and economical way to measure low levels of oxygen dissolved in water. Iron promoter was used to exemplify as a method to quantify heavy metals as Hg or Pb. Creating the biosensor helps to report the actual conditions of the water in Xochimilco. Ultimately this information would reach the citizens, council and governmental institutions. For further information about our last project click here

<style type="text/css"> /* Used in page */ 

 body { background-color: #fff; }
 ul{list-style: none; list-style-type: none;}
 li{list-style: none; list-style-type: none;}
 h1{display: none;}
 h2{color:#23b593;}
 h3{color:#23b588;}
 #pall{
       color: #202020; 
       font-size: 20px; 
       font-weight: normal;
       margin-bottom: 10px; 
       text-align:left;
 }
 #globalWrapper, #content{
       background-color: transparent;
       border: 0px;
       margin:0px;
       padding: 0px;
       width:100%;
     }
 #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */
  width: 100%;
  overflow:hidden;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  background-color: #fff; 
  font-family: "Trebuchet MS", Helvetica, sans-serif;
 }
 .menu {
   font-family: "Verdana", Geneva, sans-serif;
   font-weight: 10;
   font-size: 28px;
   float: top;
   color: black;
   margin-top: 20px; 
 }
 #menuNavbar  { 
  background: #fff;
  float:top;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 16px;
 }
 .navContainer li{ 
   margin-top: 10px;
 }
 .navContainer li ul {
         display: none;
         padding-top:10px;
         margin-left: -19px;
 }
 .navContainer li:hover ul {
         /*display: inline-block; */
         display: block; 
         position: absolute; 
         float:right;
         margin-left:-40px;
         margin-top:-10px;
 }
 .up{
   background: #fff;
 }
 #topbar {
   background: #fff;
   padding: 10px 0 10px 0;
   text-align: center;
   height: 100px;
   color: black;
   overflow: hidden;
   -webkit-transition: height 0.5s linear;
   -moz-transition: height 0.5s linear;
   transition: height 0.5s linear;
 }
 #topbar a {
   color: #fff;
   font-size:1.3em;
   line-height: 1.25em;
   text-decoration: none;
   opacity: 0.5;
   font-weight: bold;
 }
 #tophiddenbar {
   font-size:1.5em;
   background: #fff;
   font-weight: bold;
   text-align: right;
   text-shadow: 1px 1px 0 #444;
 }
 #tophiddenbar a {
   color: black;
   font-size: 0.5em;
   text-decoration: none;
   opacity: 0.5;
   text-shadow: none;
 }
 #tophiddenbar a:hover { opacity: 1; }
 .subnavbar{
   width:90%;
   height:100px;
   margin-left: 0px;
 }
 #contentContainer {
   margin-top: 100px;
   padding-top:20px;
   padding-right:20px;
   padding-left: 20px;
   margin-bottom: 20px;
   width: 100%;
   background-color: #fff; 
   font-family: "Trebuchet MS", Helvetica, sans-serif;
  }
  #bannerContainer {
   height:300px;
   margin:auto;
   text-align:center;
   color: #24B694;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
  }
  #TMember{
   width: 80%;
   margin-left: auto;
   margin-right: auto;
  }
  #contentContainer h1, h2, h3, h4, h5, h6 { 
   color: #565656;
   border-bottom: none;
   font-weight: bold;
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   margin-top:10px;
   }

 #footer{
   width: 100%;
   background-color: #EEFFFF ;
   font-family: "Impact", "Charcoal", sans-serif;
   font-weight: 100;
   font-size: 25px;
   color: #594F4F;
   float: bottom;
 }
 .address{
   font-family: "Verdana", Geneva, sans-serif;
   font-weight: 100;
   font-size: 12px;
   color:#594F4F;
   margin-top: 20px;
   margin-bottom: 10px;
 }
  .video {
   margin-top: 40px;
   margin-bottom: 60px;
 }
   .icons{
   width: 50px;
   margin-top: 20px;
   margin-right: 10px;
 }
 .icons2{
   width: 20px;

 }
 .clear{
   clear:both;
   height: 10px;
 }

</style>

<style> 

 .submenu {
   font-weight: 50;
   font-family: "Verdana", Geneva, sans-serif;
   font-size: 20px;
   color: black;
   float: right;
   margin-top: 10px;
 }
 .btn-default {
   background-color: transparent;
   border-color: transparent;
   font-weight: bold;
   font-size: 25px;
   color: black;
 }
 .headerline {
   height: 30px;
   width: 100px;
 }
 .body {
   margin-top: 25px;
 }
 .abstract{
   font-family: "Trebuchet MS", Helvetica, sans-serif;
   font-weight: 100;
   font-size: 30px;
   color: black;
 }

</style> <style type="text/css"> 

 /*Change the styling of text for everything inside main container*/
       #mainContainer p { 
           font-size: 13px;
           color: #000000;
       }
   /*Style of the links - links are different inside the menu */
       #contentContainer a { 
           font-weight: bold;
           color: #23b593;
       }
     /* Styling links on hover- links are different inside the menu */
       #contentContainer a:hover { 
           color: #59bf92;
       }
   /*Change the styling of tables */
               #contentContainer table {
               border: 1px solid #565656;
               border-collapse: collapse;
               width: 90%
               margin: auto;
               margin-bottom: 15px;
               margin-top: 15px;
               margin-right: 10px;
               margin-left: 10px;
           }
   /*Change the styling of table cells*/
           #contentContainer  td {
               padding: 10px;
               border: 1px solid #565656;
               border-collapse: collapse;
               vertical-align: text-top;
           }
   /*Change the styling of table headers */
           #contentContainer th {
               background-color: #E8E8E9;
               padding: 10px;
               border: 1px solid #565656;
               border-collapse: collapse;
               vertical-align: text-top;
           }
   /*MENU STYLING */
   /*Styling for the links in the menu */
    /*   #menuContainer a {
           color: #565656;
           text-decoration:none;
           font-weight: bold;
       }
   /* Sets the style for lists inside menuContainer  */
       #menuContainer ul { 
           list-style: none;
           margin-left:0px;
       }
   /*Styles the list items to become menu buttons */
       #menuContainer ul li { 
           text-align: center;
           display: block;
           width: 100%;
           height:30px;
       }
   /*For the menu buttons, changes the color when hovering*/
       #menuContainer li:hover {
           color:  black;
           background-color: #24B694;
       }
   /*Submenus are not displayed as default*/
       #menuContainer li ul {
           display: none;
           padding-top:-30px;
           margin-left: -19px;
       }
   /*Submenus are displayed when hovering the menu button */
       #menuContainer li:hover ul {
           /*display: inline-block; */
           display: block; 
           position: absolute; 
           float:right;
           margin-left: 134px;
           margin-top:-82px;
       }
   /*Style the submenu buttons*/
      #menuContainer ul li { 
       text-align: center;
       display: block;
       width: 100%;
       height:30px;
       padding-left:30px;
     }
      ul {
         list-style-type: none;
         margin: 0;
     }
      li {
         float: left;
       list-style-type: none;
       padding-left: 20px;
     }
      a {
         display: block;
     }
     .menu-main{
       width:90%;
       height:30px;
       align:center;
       padding-right: 50px;
     }
       /*CLASSES */
       /*Clear class for all the pages, adds spacing too*/
       /* highlight box for special messages */
           .highlightBox {
                   width:500px; 
                   margin:auto; 
                   background-color: #E8E8E9; 
           margin-bottom: 15px;
           margin-top: 15px;
           padding: 15px;
           padding-top: 5px;
            }

</style> 

     <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar">
  • <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="TeamLogo.png" style="width:90px;" alt="iGemlogo" > </a>
  • <a href="https://2015.igem.org"> <img src="IGemLogo.png" style="width: 90px; padding-top:10px;" alt="TeamLogo"> </a>
    •     </nav>

     <body>

           <img src="Denitrif.jpg">

    So what is denitrification?

    The denitrification process starts with several metalloproteinase catalyzing the transformation of nitrites to nitrates; these nitrates are then transformed to nitric oxide; which in turn are converted into nitrous oxide; and finally into molecular nitrogen.
    Within the nitrogen cycle, there are two processes complementary to each other: nitrification and denitrification. Both are conducted by different kinds of bacteria. The first one, nitrification, is an aerobic process, which transforms ammonia (NH4) to nitrates (NO3). On the other hand, denitrification, is an anaerobic process, which “continues” the process of nitrification, and which can be summarized with the following reactions’ schematic:

    <img src=" Denitrif2.jpg">

    Due to the nature of nitrates and nitrites as potential eutrophication factors, the nitrification-denitrification process is often exploited by governments to reduce the amount of NO3 and NO2 present in water where wastewater is disposed, transforming them into N2. As denitrification is a process entirely carried out by bacteria. We see an opportunity to create a biological system which is capable of carrying out this process for the same purpose, but only within regulated conditions or parameters that we are capable of controlling and establishing beforehand.
    In the figure 1 the denitrification process is explained. Denitrification encases many reductions of nitrogen and oxygen bonds, for example the NO2, NO3 and NO. This is a multistage process and so the diagram explains it broadly. The first cluster to take action in the chain is the Nar cluster, in here the NarH, NarG and NarL reductases take Nitrate (NO3) and transform it into NO2, leaving Oxygen behind. After this the next stage is taken by the Nir cluster. In this cluster the NirQ protein starts to encode for Nitrites in the environment, and so the Nitrites are further reduced to Nitric Oxide (NO).
    The next process starts when the bacteria bonds the nitrogen dissolved into the Nitric Oxide by the means of the Nor Cluster to form Nitrous Oxide (N2O) , effectively lowering levels of Nitrogen in the water. The last part of the process involves reducing further the newly formed Nitrous Oxide into its basic components, Molecular Nitrogen and Oxygen. This final part of the process is achieved by the Nos cluster; after it is decomposed into both the Nitrogen and Oxygen the Nitrogen is released as gaseous element and the Oxygen is dissolved in the water. As a result the oxygen levels rise, reducing the anoxia. 

           <img src="Results.jpg">

    Previous Work

    Last year our team participated in the high school division with a project that started the development of a biosensor using an oxygen (BBa_K258005) and iron (BBa_I765000) promoter, this activates a reporter. We took the GFP (BBa_E1010) and mRFP (BBa_J04650) as indicators. The system was created in order to develop a precise and economical way to measure low levels of oxygen dissolved in water. Iron promoter was used to exemplify as a method to quantify heavy metals as Hg or Pb. Creating the biosensor helps to report the actual conditions of the water in Xochimilco. Ultimately this information would reach the citizens, council and governmental institutions. For further information about our last project <a href="https://2014hs.igem.org/Team:GenetiX_Tec_CCM#">click here</a> 

           <img src="http://placehold.it/1200x300">

    What is the problem in Xochimilco?

    Xochimilco is an important zone in México City´s economy. Around 396,852 people live here. People are in improper conditions of settlement. Approximately 14% of the houses are a single room or with ground floor. The zone also has a lack of a drainage system which gives an average amount of more than 30,000 faeces downloads per day are discharged directly into the canals. This brings an enormous increase of the pollution of water. The added nutrients on contaminated water causes water lily to atrophy the channels. Lily roots and attacks the endemic trees of the place: the ahuejote, used to create and settle chinampas. Covered lily channels prevent the path to the chinampas, which are abandoned as agricultural production premises; they urbanize and create more wastewater discharges. Those factors contribute to a reduction in the production of crops and animals of the small 

     </body>

    </html>