Team:Valencia

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html><link rel="stylesheet" href="https://2011.igem.org/wiki/index.php?title=User:Arnau/valencia.css&action=raw&ctype=text/css" type="text/css">
 

Revision as of 10:39, 21 September 2011


<body>

<style type="text/css">

img { display: block; margin: auto; }

.center {

width:965px; height:auto; margin-left:7px;

       margin-right:32.5px;
       margin-top:20px; 

margin-bottom:30px; }

.col_left{ width:650px;

       height:auto;

float:left; background-color:transparent;

}

.col_left_top{ width:610px; background-color:#0087ba; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#fff; padding:20px; }

.col_left_center{ width:610px;

       text-align:justify;
       height: auto;	

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:black; padding:20px; }

.col_left_bottom{ width:525px;

       text-align:center;
       height: auto;	

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; padding:20px; }

.col_right{ width:290px;

       margin-left:10px;

float:left; background-color:transparent; height:auto; }

.col_right_top{ width:250px;

       background-color:#0087ba;

height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; color:#fff; padding:20px; }

.col_right_center{ width:200px;

       height: auto;	

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#666; padding:20px; }

.col_right_bottom{ width:335px;

       text-align:center;
       height: auto;	

font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#fff; padding:20px; }



html, body { margin: 0; padding: 0; }

body { background:darkblue url(Valencia_Aguamitadinferior1500x800.jpg) repeat-x top fixed;

}

  1. globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
  2. content{
               background:transparent url("Valencia_Transpa30a.png") center fixed repeat-y;
               padding: 0px;

margin:0 auto;

               border: none;   
           

           }

</style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("ul#topnav li").hover(function() { $(this).css({ 'background' : 'transparent url(Valencia_navbar_active.gif) repeat-x'}); $(this).find("span").show(); } , function() { //on hover out... $(this).css({ 'background' : 'none'}); $(this).find("span").hide(); });

}); </script>

<style type="text/css">

  1. headerlinks{
      margin-left: -12px;

}

  1. nav, #nav ul {

padding: 0; list-style: none; }

.abstractext{ float:right; width="400px" }

  1. nav a {

display: block;

       width: 149px;
       height: 40px;	
       font-family:Verdana, Arial, Helvetica, sans-serif;

}

  1. nav li {

float: left; width: 149px; margin-right: 41px; }

  1. nav li ul {

position: absolute; width: 130px; left: -999em;

}

  1. nav li:hover ul {

left: auto;

      text-decoration: none;
      color: white !important;

}

  1. nav li:hover ul, #nav li.sfhover ul {

left: auto;

      text-decoration: none;
     color: white !important;

}

sfHover = function() { var sfEls = document.getElementById("nav").getElementsByTagName("LI"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover=function() { this.className+=" sfhover"; } sfEls[i].onmouseout=function() { this.className=this.className.replace(new RegExp(" sfhover\\b"), ""); } } } if (window.attachEvent) window.attachEvent("onload", sfHover);

.bannerimage {

}

a.bannerlinks {

  color: white !important;
  text-decoration: none;
  }


a.bannertoplinks {
  color: white !important;
  text-decoration: none; 

}

a.bannerlinks:hover, a.bannertoplinks:hover {

  background-color:#00B7FA;
  color: white;
  }

.bannerlinks { background-color:#70DBFF ; border-style: none; border-color: white; border-width: 1px; color: white; padding: 3px 20px 3px 20px;

       margin-left: -19px;

}

.bannertoplinks { background-color:#5579FF ; border-style: none; border-color: white; border-width: 1px; color: white;

       margin-bottom: -2px;

padding: 3px 20px 3px 20px;

	}

.bannertoplinkslast{

      background-color: #827B60;

border-style: solid ; border-color: white; border-width: 1px; color: white;

       margin-bottom: -2px;

padding: 3px 20px 3px 20px; }


body { font: 10px normal Verdana, Arial, Helvetica, sans-serif;

padding: 0; } h1 { font: 3em normal Verdana, 'Times New Roman', Times, serif; color: #333; margin: 0; padding: 5px 0; } h3 { font: 17px normal Verdana, 'Times New Roman', Times, serif; color: #0000; margin: 0; padding: 5px 0; margin: 10px;

       text-align:justify;
       margin-top: 8px;
       margin-bottom: 20px;    
       margin-left: 20px; 
       margin-right: 20px; 

} h1 small{ font: 0.2em normal Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 1.5em; display: block; color: #fff; } .container {width: 970px; margin: 0 auto;}

.curved {

       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       behavior:url(border-radius.htc);

}



ul#topnav { margin: 0; padding: 0; float: left; width: 970px; list-style: none; position: relative; font-size: 18.8px; background: url(topnav_stretch.gif) repeat-x; } ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #555; } ul#topnav li a { padding: 10px 15px; display: block; color: darkblue; text-decoration: none; } li span { float: left; padding: 15px 0; position: absolute; left: 0; top:40px; display: none; width: 965px; background: lightblue; color: white; -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; } ul#topnav li:hover span { display: block; } ul#topnav li span a { display: inline; } ul#topnav li span a:hover {text-decoration: underline;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() {

$("ul#topnav li").hover(function() { //Hover over event on list item $(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'}); //Add background color + image on hovered list item $(this).find("span").show(); //Show the subnav } , function() { //on hover out... $(this).css({ 'background' : 'none'}); //Ditch the background $(this).find("span").hide(); //Hide the subnav });

}); </script>




Water Colicin Cleaner: disinfected water by E. coli

Water Colicin Cleaner is a biological alternative for disinfecting contaminated water using synthetic biology. We kill targeted pathogens by means of antimicrobial peptides in Escherichia coli. As a proof of concept we have chosen to aim for enterobacteria, focusing on E. coli contaminated water, as a proxy of fecal water. The cleaning of E. coli will be possible thanks to the colicin protein. The activity of these proteins will be controlled by a biological pH-stat, using light-driven cyanobacteria to control pH of the media.

We will deliver a DIY kit as a prototype platform for killing pathogens responsible of diseases such as cholera, diarrhea and typhoid fever, ending with more than 2 million deaths in the last year according to the 2011 WHO Guidelines for Drinking-Water Quality.

W.C. Cleaner is an effective, low-cost device, that will help people that struggle to find pathogen-free drinking water avoid important diseases.

<img src="Valencia_logotranspa.gif">
Who we are

<img src="Valencia_Upvtranspa.gif"/ width="150"/>

<img src="Valencia_Ucvtranspa.gif" width="200" />

<img src="Valencia_Uvtrasnpa.gif" width="150" />





</body>

</html>