Team:Zamorano

From 2014.igem.org

(Difference between revisions)
 
(62 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
   
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script>
 +
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
-
<html>
 
<style type="text/css">
<style type="text/css">
-
nav{
+
body {
-
text-align:center;
+
  margin: 0;
-
}
+
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
-
nav ul ul {
+
  font-size: 10px;
-
display: none;
+
  line-height: 15px;
 +
  color: #333333;
 +
  background-color: #00466C;
}
}
-
nav ul li:hover > ul {
+
p{text-align:justify;font:12px/18px Verdana, Geneva, sans-serif;}
-
display: block;
+
#pagina{width:960px;height:auto;margin:0 auto;}
-
}
+
#pagina #tabs{margin-bottom:20px;margin-top:0px;/*width:850px;*/font:12px/18px Verdana, Geneva, sans-serif;color:#000;}
-
nav ul {
+
.img-rounded {
-
background: #efefef;  
+
  -webkit-border-radius: 6px;
-
background: linear-gradient(top, #efefef 0%, #bbbbbb 100%);
+
    -moz-border-radius: 6px;
-
background: -moz-linear-gradient(top, #efefef 0%, #bbbbbb 100%);  
+
          border-radius: 6px;
-
background: -webkit-linear-gradient(top, #efefef 0%,#bbbbbb 100%);  
+
-
box-shadow: 0px 0px 9px rgba(0,0,0,0.15);
+
-
padding: 0 20px;
+
-
border-radius: 10px;
+
-
list-style: none;
+
-
position: relative;
+
-
display: inline-table;
+
}
}
-
nav ul:after {
+
 
-
content: ""; clear: both; display: block;
+
#tabs ul {
 +
margin: 0;
 +
margin: 5px 0 0;
 +
padding: 0;
 +
list-style: none;
 +
text-indent: 0;
 +
border-bottom:1px;
 +
margin-top:-26px;
}
}
-
nav ul li {
+
 
 +
#tabs li {list-style: none;margin:0;/*border-right:1px solid #4f6073;*/}
 +
#tabs li,#tabs li a {
 +
font-size: 13px;
 +
line-height: 1;
 +
display: block;
float: left;
float: left;
-
}
+
padding: 8px 8px 9px;
-
nav ul li:hover {
+
margin: 0;
-
background: #4b545f;
+
float: left;
-
background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
+
/*color: #fff;*/
-
background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
+
color:#09F;
-
background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
+
}
}
-
nav ul li:hover a {
+
#tabs ul li a {text-decoration: none;padding:0px 8px;/*font-weight: bold;*/color:#09F/*#17222c;*/ }
-
color: #fff;
+
#tabs ul li a:hover {color:#009;text-shadow:0px 0px #6b7c95; }
-
}
+
#tabs ul li.active {
-
+
padding-top: 7px;
-
nav ul li a {
+
background-color: #fff;
-
display: block; padding: 25px 40px;
+
border-style: solid;
-
color: #757575; text-decoration: none;
+
border-width: 1px 1px 0 1px;
-
}
+
border-color: #d7d7d7;
-
nav ul ul {
+
-webkit-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
-
background: #5f6975; border-radius: 0px; padding: 0;
+
-moz-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
-
position: absolute; top: 100%;
+
box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
 +
-webkit-border-top-left-radius: 3px;
 +
-webkit-border-top-right-radius: 3px;
 +
border-top-left-radius: 3px;
 +
border-top-right-radius: 3px;
 +
font-weight: bold;
 +
}
 +
#tabs ul li.active a {color: #17222c;}
 +
#tabs div {padding:10px;min-height: 60px/*;width:850px*/;clear:both;}
 +
* html #tabs li {display: inline; /* ie6 double float margin bug */}
 +
 
 +
#tabs li, #tabs li a, #tabs ul li a, #tabs ul li.active, #tabs ul li.active a{padding:3px 5px;}
 +
#tab-description {
 +
        width:940px
 +
overflow: hidden;
 +
padding: 10px 5px 10px 5px;
 +
font-size: 16px;
 +
line-height: 24px;
 +
margin: -20px 0px 0px 0px;
 +
background: #eee;
 +
border-top: 1px solid #fcfcfc;
 +
text-shadow: 0 1px 1px #fff;
 +
-webkit-box-shadow: inset 0 0px 42px 0px rgba( 100, 100, 100, 0.1 );
 +
-moz-box-shadow: inset 0 0px 42px 0px rgba( 100, 100, 100, 0.1 );
 +
box-shadow: inset 0 0px 42px 0px rgba( 100, 100, 100, 0.1 );
 +
 
}
}
-
nav ul ul li {
+
#tab-description  h1{margin:0px;padding:0px;font-size:25px;color:#373737;border-bottom:hidden;}
-
float: none;  
+
#contenidosecundario{width:940px;height:auto;margin:10px auto; float:left}
-
border-top: 1px solid #6b727c;
+
#sidebarleft,#contenidotabs2{float:left}
-
border-bottom: 1px solid #575f6a;
+
#tabs2{float:left;}
-
position: relative;
+
#contenidotabs2{width:700px;padding:0 14px;font:normal 12px/16px Verdana, Geneva, sans-serif;color:#000; text-align:justify;}
-
}
+
.glossymenu{
-
nav ul ul li a {
+
margin:0px 5px;
-
padding: 15px 40px;
+
padding: 0;
-
color: #fff;
+
width: 215px; /*width of menu*/
-
}
+
float:left;
-
nav ul ul li a:hover {
+
-
background: #4b545f;
+
-
}
+
-
nav ul ul ul {
+
-
position: absolute; left: 100%; top:0;
+
}
}
-
</style>
+
.glossymenu a.menuitem{
-
</head>
+
background:#ffff/*#b4c050*/;
 +
font:bold 11px Verdana, Helvetica, sans-serif;
 +
color: white;
 +
display: block;
 +
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
 +
width: auto;
 +
padding: 4px 0;
 +
padding-left: 10px;
 +
text-decoration: none;
 +
}
 +
a.menuitem{margin:1px 0px;}
-
<body>
+
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
-
<nav>
+
-
<ul>
+
-
<li><a href="#">Home</a></li>
+
-
<li><a href="#">Team</a>
+
-
<ul>
+
-
<li><a href="#">Alejandro</a></li>
+
-
<li><a href="#">Isabel</a></li>
+
-
<li><a href="#">Karla Rios</a>
+
-
<ul>
+
-
<li><a href="#">Perfil</a></li>
+
-
<li><a href="#">Historial</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Project</a>
+
-
<ul>
+
-
<li><a href="#">Tema investigación I</a></li>
+
-
<li><a href="#">Tema investigación II</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="#">Parts</a></li>
+
-
        <li><a href="#">Modeling</a></li>
+
-
        <li><a href="#">Notebook</a></li>
+
-
        <li><a href="#">Safely</a></li>
+
-
        <li><a href="#">Attributions</a></li>
+
-
</ul>
+
-
</nav>
+
-
<!--main content -->
+
-
<table width="70%" align="center">
+
-
<!--welcome box -->
 
-
<tr>
 
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
 
-
<h1 >WELCOME TO iGEM 2014! </h1>
 
-
<p>Your team has been approved and you are ready to start the iGEM season!
 
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
 
-
<br>
 
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Zamorano&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
 
-
</td>
 
-
</tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
 +
color: white;
 +
}
 +
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
 +
position: absolute;
 +
top: 5px;
 +
right: 5px;
 +
border: none;
 +
}
 +
 +
.glossymenu a.menuitem:hover{
 +
 +
}
 +
 +
.glossymenu div.submenu{ /*DIV that contains each sub menu*/
 +
 +
}
 +
 +
.glossymenu div.submenu ul{ /*UL of each sub menu*/
 +
list-style-type: none;
 +
margin: 0;
 +
padding: 0;
 +
 +
}
 +
 +
.glossymenu div.submenu ul li{
 +
 +
}
 +
 +
.glossymenu div.submenu ul li a{
 +
display: block;
 +
font: normal 11px Verdana, Helvetica, sans-serif;
 +
color:#fff;
 +
text-decoration: none;
 +
padding: 10px;
 +
background:#34484E/*#94a221*/;
 +
margin:1px 0px;
 +
 +
}
 +
 +
.glossymenu div.submenu ul li a:hover{
 +
background: #e2ebef/*#59630a*/;
 +
color:#000;
 +
margin:1px 0px;
 +
}
 +
.tabla
 +
{
 +
width:100%;
 +
}
 +
 +
.tabla .modo1 th {
 +
 +
background-position: left top;
 +
font-size: 12px;
 +
font-weight:bold;
 +
text-align: left;
 +
background-color: #e2ebef;
 +
background-repeat: repeat-x;
 +
color: #34484E;
 +
 +
border-right-width: 1px;
 +
border-bottom-width: 1px;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-right-color: #A4C4D0;
 +
border-bottom-color: #A4C4D0;
 +
padding:1px 1px 0px 10px;
 +
}
 +
.tabla .modo2 td {
 +
border-right-width: 0px;
 +
border-bottom-width: 1px;
 +
border-right-style: solid;
 +
border-bottom-style: solid;
 +
border-right-color: #EBE9BC;
 +
border-bottom-color: #EBE9BC;
 +
 +
}
 +
.igem-bar {
 +
position: relative;
 +
float: right;
 +
}
 +
.igem-bar img {
 +
height: 38px;
 +
}
 +
.igem-bar2 {
 +
position: relative;
 +
float: left;
 +
}
 +
 +
.igem-bar2 img {
 +
height: 38px;
 +
}
 +
 +
#siteSub {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
display:none;
 +
}
 +
 +
.firstHeading {
 +
display:none;
 +
}
 +
 +
#search-controls {
 +
margin-top:0px;
 +
}
 +
 +
#footer-box {
 +
display:none;
 +
 +
}
 +
#catlinks{display:none;}
 +
#top-section {
 +
height: 0px;
 +
border-top: 1
 +
border-left: none;
 +
border-right: none;
 +
color:#ffff;
 +
}
 +
#top-section a{color:#ffff; text-decoration:none}
 +
.carousel {
 +
  position: relative;
 +
  margin-bottom: 20px;
 +
  line-height: 1;
 +
}
 +
 +
.carousel-inner {
 +
  position: relative;
 +
  width: 100%;
 +
  overflow: hidden;
 +
}
 +
 +
.carousel-inner > .item {
 +
  position: relative;
 +
  display: none;
 +
  -webkit-transition: 0.6s ease-in-out left;
 +
    -moz-transition: 0.6s ease-in-out left;
 +
      -o-transition: 0.6s ease-in-out left;
 +
          transition: 0.6s ease-in-out left;
 +
}
 +
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img {
 +
  display: block;
 +
  line-height: 1;
 +
}
 +
 +
.carousel-inner > .active,
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  display: block;
 +
}
 +
 +
.carousel-inner > .active {
 +
  left: 0;
 +
}
 +
 +
.carousel-inner > .next,
 +
.carousel-inner > .prev {
 +
  position: absolute;
 +
  top: 0;
 +
  width: 100%;
 +
}
 +
 +
.carousel-inner > .next {
 +
  left: 100%;
 +
}
 +
 +
.carousel-inner > .prev {
 +
  left: -100%;
 +
}
 +
 +
.carousel-inner > .next.left,
 +
.carousel-inner > .prev.right {
 +
  left: 0;
 +
}
 +
 +
.carousel-inner > .active.left {
 +
  left: -100%;
 +
}
 +
 +
.carousel-inner > .active.right {
 +
  left: 100%;
 +
}
 +
 +
.carousel-control {
 +
  position: absolute;
 +
  top: 85%;
 +
  left: 15px;
 +
  width: 40px;
 +
  height: 40px;
 +
  margin-top: -20px;
 +
  font-size: 60px;
 +
  font-weight: 100;
 +
  line-height: 30px;
 +
  color: #ffffff;
 +
  text-align: center;
 +
  background: #222222;
 +
  border: 3px solid #ffffff;
 +
  -webkit-border-radius: 23px;
 +
    -moz-border-radius: 23px;
 +
          border-radius: 23px;
 +
  opacity: 0.5;
 +
  filter: alpha(opacity=50);
 +
}
 +
 +
.carousel-control.right {
 +
  right: 15px;
 +
  left: auto;
 +
}
 +
 +
.carousel-control:hover,
 +
.carousel-control:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  opacity: 0.9;
 +
  filter: alpha(opacity=90);
 +
}
 +
 +
.carousel-indicators {
 +
  position: absolute;
 +
  top: 15px;
 +
  right: 15px;
 +
  z-index: 5;
 +
  margin: 0;
 +
  list-style: none;
 +
}
 +
 +
.carousel-indicators li {
 +
  display: block;
 +
  float: left;
 +
  width: 10px;
 +
  height: 10px;
 +
  margin-left: 5px;
 +
  text-indent: -999px;
 +
  background-color: #ccc;
 +
  background-color: rgba(255, 255, 255, 0.25);
 +
  border-radius: 5px;
 +
}
 +
 +
.carousel-indicators .active {
 +
  background-color: #fff;
 +
}
 +
 +
.carousel-caption {
 +
  position: absolute;
 +
  right: 0;
 +
 +
  bottom: 0;
 +
  left: 0;
 +
  padding: 15px;
 +
  background: #333333;
 +
  background: rgba(0, 0, 0, 0.75);
 +
}
 +
 +
.carousel-caption h4,
 +
.carousel-caption p {
 +
  line-height: 20px;
 +
  color: #ffffff;
 +
}
 +
 +
.carousel-caption h4 {
 +
  margin: 0 0 5px;
 +
}
 +
 +
.carousel-caption p {
 +
  margin-bottom: 0;
 +
}
 +
 +
a:hover,
 +
a:active {
 +
  outline: 0;
 +
}
 +
  a,
 +
  a:visited {
 +
    text-decoration: none;
 +
  }
   
   
 +
.container,
 +
.navbar-static-top .container,
 +
.navbar-fixed-top .container,
 +
.navbar-fixed-bottom .container {
 +
  width: 940px;
 +
}
 +
i {
 +
  line-height: 20px;
 +
}
 +
.dropup,
 +
.dropdown {
 +
  position: relative;
 +
}
 +
.dropdown-toggle {
 +
  *margin-bottom: -3px;
 +
}
 +
.dropdown-toggle:active,
 +
.open .dropdown-toggle {
 +
  outline: 0;
 +
}
-
</td>
+
.caret {
 +
  display: inline-block;
 +
  width: 0;
 +
  height: 0;
 +
  vertical-align: top;
 +
  border-top: 4px solid #000000;
 +
  border-right: 4px solid transparent;
 +
  border-left: 4px solid transparent;
 +
  content: "";
 +
text-decoration: none;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.dropdown .caret {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
  margin-top: 8px;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
  margin-left: 2px;
 +
}
 +
.dropdown-menu {
 +
  position: absolute;
 +
  top: 100%;
 +
  left: 0;
 +
  z-index: 1000;
 +
  display: none;
 +
  float: left;
 +
  min-width: 160px;
 +
  padding: 5px 0;
 +
  margin: 2px 0 0;
 +
  list-style: none;
 +
  background-color: #ffffff;
 +
  border: 1px solid #ccc;
 +
  border: 1px solid rgba(0, 0, 0, 0.2);
 +
  *border-right-width: 2px;
 +
  *border-bottom-width: 2px;
 +
  -webkit-border-radius: 6px;
 +
    -moz-border-radius: 6px;
 +
          border-radius: 6px;
 +
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 +
  -webkit-background-clip: padding-box;
 +
    -moz-background-clip: padding;
 +
          background-clip: padding-box;
 +
text-decoration: none;
 +
}
-
<!--requirements section -->
+
.dropdown-menu.pull-right {
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
  right: 0;
-
<tr>
+
  left: auto;
-
<td width="45%"  valign="top">
+
}
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
.dropdown-menu .divider {
 +
  *width: 100%;
 +
  height: 1px;
 +
  margin: 9px 1px;
 +
  *margin: -5px 0 5px;
 +
  overflow: hidden;
 +
  background-color: #e5e5e5;
 +
  border-bottom: 1px solid #ffffff;
 +
}
-
<!-- Links to other team pages -->
+
.dropdown-menu > li > a {
-
<ul>
+
  display: block;
-
<li><a href="https://2014.igem.org/Team:Zamorano">Home</a> </li>
+
  padding: 3px 20px;
-
<li><a href="https://2014.igem.org/Team:Zamorano/Team">Team</a> </li>
+
  clear: both;
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Zamorano">Official Team Profile</a> </li>
+
  font-weight: normal;
-
<li><a href="https://2014.igem.org/Team:Zamorano/Project">Project</a> </li>
+
  line-height: 20px;
-
<li><a href="https://2014.igem.org/Team:Zamorano/Parts">Parts</a> </li>
+
  color: #333333;
-
<li><a href="https://2014.igem.org/Team:Zamorano/Modeling">Modeling</a> </li>
+
  white-space: nowrap;
-
<li><a href="https://2014.igem.org/Team:Zamorano/Notebook">Notebook</a> </li>
+
}
-
<li><a href="https://2014.igem.org/Team:Zamorano/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:Zamorano/Attributions">Attributions</a> </li>
+
-
</ul>
+
.dropdown-menu > li > a:hover,
 +
.dropdown-menu > li > a:focus,
 +
.dropdown-submenu:hover > a,
 +
.dropdown-submenu:focus > a {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  background-color: #0081c2;
 +
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
 +
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
 +
  background-repeat: repeat-x;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
 +
}
-
</td>
+
.dropdown-menu > .active > a,
 +
.dropdown-menu > .active > a:hover,
 +
.dropdown-menu > .active > a:focus {
 +
  color: #ffffff;
 +
  text-decoration: none;
 +
  background-color: #0081c2;
 +
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
 +
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
 +
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
 +
  background-repeat: repeat-x;
 +
  outline: 0;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
 +
}
-
<td > </td>
+
.dropdown-menu > .disabled > a,
-
<td width="45%">
+
.dropdown-menu > .disabled > a:hover,
 +
.dropdown-menu > .disabled > a:focus {
 +
  color: #999999;
 +
}
-
<p>There are a few wiki requirements teams must follow:</p>
+
.dropdown-menu > .disabled > a:hover,
-
<ul>
+
.dropdown-menu > .disabled > a:focus {
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload">  2014.igem.org server</a>. </li>
+
  text-decoration: none;
-
<li>All pages must be created under the team’s name space.</li>
+
  cursor: default;
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
  background-color: transparent;
-
<li>Do not use flash in wiki code. </li>
+
  background-image: none;
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-
</ul>
+
}
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
.open {
-
</tr>
+
  *z-index: 1000;
 +
}
 +
.open > .dropdown-menu {
 +
  display: block;
 +
  text-decoration:none;
 +
}
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
.pull-right > .dropdown-menu {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
  right: 0;
 +
  left: auto;
 +
}
 +
.dropup .caret,
 +
.navbar-fixed-bottom .dropdown .caret {
 +
  border-top: 0;
 +
  border-bottom: 4px solid #000000;
 +
  content: "";
 +
}
-
<!--tips  -->
+
.dropup .dropdown-menu,
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
.navbar-fixed-bottom .dropdown .dropdown-menu {
 +
  top: auto;
 +
  bottom: 100%;
 +
  margin-bottom: 1px;
 +
}
-
<tr>
+
.dropdown-submenu {
-
<td width="45%" valign="top">
+
  position: relative;
-
<p>We are currently working on providing teams with some easy to use design templates.
+
}
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
-
<ul>
+
.dropdown-submenu > .dropdown-menu {
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
  top: 0;
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
  left: 100%;
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
  margin-top: -6px;
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
  margin-left: -1px;
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
  -webkit-border-radius: 0 6px 6px 6px;
-
</ul>
+
    -moz-border-radius: 0 6px 6px 6px;
 +
          border-radius: 0 6px 6px 6px;
 +
text-decoration:none;
 +
}
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
.dropdown-submenu:hover > .dropdown-menu {
-
</td>
+
  display: block;
 +
}
 +
 
 +
.dropup .dropdown-submenu > .dropdown-menu {
 +
  top: auto;
 +
  bottom: 0;
 +
  margin-top: 0;
 +
  margin-bottom: -2px;
 +
  -webkit-border-radius: 5px 5px 5px 0;
 +
    -moz-border-radius: 5px 5px 5px 0;
 +
          border-radius: 5px 5px 5px 0;
 +
text-decoration:none;
 +
}
 +
 
 +
.dropdown-submenu > a:after {
 +
  display: block;
 +
  float: right;
 +
  width: 0;
 +
  height: 0;
 +
  margin-top: 5px;
 +
  margin-right: -10px;
 +
  border-color: transparent;
 +
  border-left-color: #cccccc;
 +
  border-style: solid;
 +
  border-width: 5px 0 5px 5px;
 +
  content: " ";
 +
}
 +
 
 +
.dropdown-submenu:hover > a:after {
 +
  border-left-color: #ffffff;
 +
}
 +
 
 +
.dropdown-submenu.pull-left {
 +
  float: none;
 +
}
 +
 
 +
.nav {
 +
  margin-bottom: 20px;
 +
  margin-left: 0;
 +
  list-style: none;
 +
text-decoration:none;
 +
}
 +
 
 +
.nav > li > a {
 +
  display: block;
 +
 
 +
}
 +
 
 +
.nav > li > a:hover,
 +
.nav > li > a:focus {
 +
  text-decoration: none;
 +
  background-color: #eeeeee;
 +
}
 +
 
 +
.nav > li > a > img {
 +
  max-width: none;
 +
}
 +
 
 +
.nav > .pull-right {
 +
  float: right;
 +
}
 +
 
 +
.nav-header {
 +
  display: block;
 +
  padding: 3px 15px;
 +
  font-size: 11px;
 +
  font-weight: bold;
 +
  line-height: 20px;
 +
  color: #999999;
 +
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
 +
  text-transform: uppercase;
 +
}
 +
 
 +
.nav li + .nav-header {
 +
  margin-top: 9px;
 +
}
 +
 
 +
.nav .dropdown-toggle .caret {
 +
  margin-top: 6px;
 +
  border-top-color: #0088cc;
 +
  border-bottom-color: #0088cc;
 +
}
 +
 
 +
.nav .dropdown-toggle:hover .caret,
 +
.nav .dropdown-toggle:focus .caret {
 +
  border-top-color: #005580;
 +
  border-bottom-color: #005580;
 +
}
 +
 
 +
/* move down carets for tabs */
 +
 
 +
.nav-tabs .dropdown-toggle .caret {
 +
  margin-top: 8px;
 +
}
 +
 
 +
.nav .active .dropdown-toggle .caret {
 +
  border-top-color: #fff;
 +
  border-bottom-color: #fff;
 +
}
 +
 
 +
.nav-tabs .active .dropdown-toggle .caret {
 +
  border-top-color: #555555;
 +
  border-bottom-color: #555555;
 +
}
 +
 
 +
.nav > .dropdown.active > a:hover,
 +
.nav > .dropdown.active > a:focus {
 +
  cursor: pointer;
 +
}
 +
 
 +
.nav-tabs .open .dropdown-toggle,
 +
.nav-pills .open .dropdown-toggle,
 +
.nav > li.dropdown.open.active > a:hover,
 +
.nav > li.dropdown.open.active > a:focus {
 +
  color: #ffffff;
 +
  background-color: #999999;
 +
  border-color: #999999;
 +
}
 +
.nav li.dropdown.open .caret,
 +
.nav li.dropdown.open.active .caret,
 +
.nav li.dropdown.open a:hover .caret,
 +
.nav li.dropdown.open a:focus .caret {
 +
  border-top-color: #ffffff;
 +
  border-bottom-color: #ffffff;
 +
  opacity: 1;
 +
  filter: alpha(opacity=100);
 +
}
 +
 
 +
.nav > .disabled > a {
 +
  color: #999999;
 +
}
 +
 
 +
.nav > .disabled > a:hover,
 +
.nav > .disabled > a:focus {
 +
  text-decoration: none;
 +
  cursor: default;
 +
  background-color: transparent;
 +
}
 +
 
 +
.navbar {
 +
  *position: relative;
 +
  alignment-adjust:central;
 +
  *z-index: 2;
 +
  margin-bottom: 20px;
 +
  overflow: visible;
 +
}
 +
 
 +
.navbar-inner {
 +
  min-height: 40px;
 +
  padding-right: 20px;
 +
  padding-left: 20px;
 +
  background-color: #fafafa;
 +
  background-image: -moz-linear-gradient(top, #ffffff, #f2f2f2);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
 +
  background-image: -webkit-linear-gradient(top, #ffffff, #f2f2f2);
 +
  background-image: -o-linear-gradient(top, #ffffff, #f2f2f2);
 +
  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
 +
  background-repeat: repeat-x;
 +
  border: 1px solid #d4d4d4;
 +
  -webkit-border-radius: 4px;
 +
    -moz-border-radius: 4px;
 +
          border-radius: 4px;
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
 +
  *zoom: 1;
 +
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
 +
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
 +
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
 +
 
 +
}
 +
 
 +
.navbar-inner:before,
 +
.navbar-inner:after {
 +
  display: table;
 +
  line-height: 0;
 +
  content: "";
 +
}
 +
 
 +
.navbar-inner:after {
 +
  clear: both;
 +
}
 +
 
 +
.navbar .container {
 +
  width: auto;
 +
}
 +
 
 +
.nav-collapse.collapse {
 +
  height: auto;
 +
  overflow: visible;
 +
}
 +
 
 +
.navbar .brand {
 +
  display: block;
 +
  float: left;
 +
  padding: 10px 20px 10px;
 +
  margin-left: -20px;
 +
  font-size: 20px;
 +
  font-weight: 200;
 +
  color: #777777;
 +
  text-shadow: 0 1px 0 #ffffff;
 +
}
 +
 
 +
.navbar .brand:hover,
 +
.navbar .brand:focus {
 +
  text-decoration: none;
 +
}
 +
 
 +
.navbar-text {
 +
  margin-bottom: 0;
 +
  line-height: 40px;
 +
  color: #777777;
 +
}
 +
 
 +
.navbar-link {
 +
  color: #777777;
 +
}
 +
 
 +
.navbar-link:hover,
 +
.navbar-link:focus {
 +
  color: #333333;
 +
}
 +
 
 +
.navbar .divider-vertical {
 +
  height: 40px;
 +
  margin: 0 9px;
 +
  border-right: 1px solid #ffffff;
 +
  border-left: 1px solid #f2f2f2;
 +
}
 +
 
 +
.navbar .btn,
 +
.navbar .btn-group {
 +
  margin-top: 5px;
 +
}
 +
 
 +
 
 +
.navbar-static-top .navbar-inner {
 +
  -webkit-border-radius: 0;
 +
    -moz-border-radius: 0;
 +
          border-radius: 0;
 +
}
 +
 
 +
 
 +
.navbar .nav {
 +
display: block; 
 +
margin: 0 auto;
 +
position: relative;
 +
width:511px;
 +
}
 +
 
 +
 
 +
.navbar .nav.pull-right {
 +
  float: right;
 +
  margin-right: 0;
 +
}
 +
 
 +
.navbar .nav > li {
 +
  float: left;
 +
}
 +
 
 +
.navbar .nav > li > a {
 +
  float: none;
 +
  padding: 10px 15px 10px;
 +
  color: #777777;
 +
  text-decoration: none;
 +
  text-shadow: 0 1px 0 #ffffff;
 +
}
 +
 
 +
.navbar .nav .dropdown-toggle .caret {
 +
  margin-top: 8px;
 +
}
 +
 
 +
.navbar .nav > li > a:focus,
 +
.navbar .nav > li > a:hover {
 +
  color: #00466C;
 +
  text-decoration: none;
 +
  background-color: #e5e5e5;
 +
}
 +
 
 +
.navbar .nav > .active > a,
 +
.navbar .nav > .active > a:hover,
 +
.navbar .nav > .active > a:focus {
 +
  color: #555555;
 +
  text-decoration: none;
 +
  background-color: #e5e5e5;
 +
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
 +
    -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
 +
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
 +
}
 +
 
 +
.navbar .btn-navbar {
 +
  display: none;
 +
  float: right;
 +
  padding: 7px 10px;
 +
  margin-right: 5px;
 +
  margin-left: 5px;
 +
  color: #ffffff;
 +
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 +
  background-color: #ededed;
 +
  *background-color: #e5e5e5;
 +
  background-image: -moz-linear-gradient(top, #f2f2f2, #e5e5e5);
 +
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5));
 +
  background-image: -webkit-linear-gradient(top, #f2f2f2, #e5e5e5);
 +
  background-image: -o-linear-gradient(top, #f2f2f2, #e5e5e5);
 +
  background-image: linear-gradient(to bottom, #f2f2f2, #e5e5e5);
 +
  background-repeat: repeat-x;
 +
  border-color: #e5e5e5 #e5e5e5 #bfbfbf;
 +
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe5e5e5', GradientType=0);
 +
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
 +
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
 +
}
 +
 
 +
.navbar .btn-navbar:hover,
 +
.navbar .btn-navbar:focus,
 +
.navbar .btn-navbar:active,
 +
.navbar .btn-navbar.active,
 +
.navbar .btn-navbar.disabled,
 +
.navbar .btn-navbar[disabled] {
 +
  color: #ffffff;
 +
  background-color: #e5e5e5;
 +
  *background-color: #d9d9d9;
 +
}
 +
 
 +
.navbar .btn-navbar:active,
 +
.navbar .btn-navbar.active {
 +
  background-color: #cccccc \9;
 +
}
 +
 
 +
.navbar .btn-navbar .icon-bar {
 +
  display: block;
 +
  width: 18px;
 +
  height: 2px;
 +
  background-color: #f5f5f5;
 +
  -webkit-border-radius: 1px;
 +
    -moz-border-radius: 1px;
 +
          border-radius: 1px;
 +
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +
          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
 +
}
 +
 
 +
 
 +
.navbar .nav > li > .dropdown-menu:before {
 +
  position: absolute;
 +
  top: -7px;
 +
  left: 9px;
 +
  display: inline-block;
 +
  border-right: 7px solid transparent;
 +
  border-bottom: 7px solid #ccc;
 +
  border-left: 7px solid transparent;
 +
  border-bottom-color: rgba(0, 0, 0, 0.2);
 +
text-align:center;
 +
  content: '';
 +
}
 +
 
 +
.navbar .nav > li > .dropdown-menu:after {
 +
  position: absolute;
 +
  top: -6px;
 +
  left: 10px;
 +
  display: inline-block;
 +
  border-right: 6px solid transparent;
 +
  border-bottom: 6px solid #ffffff;
 +
  border-left: 6px solid transparent;
 +
  content: '';
 +
}
 +
.navbar .nav li.dropdown > a:hover .caret,
 +
.navbar .nav li.dropdown > a:focus .caret {
 +
  border-top-color: #333333;
 +
  border-bottom-color: #333333;
 +
}
 +
 
 +
.navbar .nav li.dropdown.open > .dropdown-toggle,
 +
.navbar .nav li.dropdown.active > .dropdown-toggle,
 +
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
 +
  color: #555555;
 +
  background-color: #e5e5e5;
 +
}
 +
 
 +
.navbar .nav li.dropdown > .dropdown-toggle .caret {
 +
  border-top-color: #777777;
 +
  border-bottom-color: #777777;
 +
}
 +
 
 +
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
 +
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
 +
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
 +
  border-top-color: #555555;
 +
  border-bottom-color: #555555;
 +
}
 +
 
 +
.navbar .pull-right > li > .dropdown-menu,
 +
.navbar .nav > li > .dropdown-menu.pull-right {
 +
  right: 0;
 +
  left: auto;
 +
}
 +
 
 +
.navbar .pull-right > li > .dropdown-menu:before,
 +
.navbar .nav > li > .dropdown-menu.pull-right:before {
 +
  right: 12px;
 +
  left: auto;
 +
}
 +
 
 +
.navbar .pull-right > li > .dropdown-menu:after,
 +
.navbar .nav > li > .dropdown-menu.pull-right:after {
 +
  right: 13px;
 +
  left: auto;
 +
}
 +
 
 +
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
 +
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
 +
  right: 100%;
 +
  left: auto;
 +
  margin-right: -1px;
 +
  margin-left: 0;
 +
  -webkit-border-radius: 6px 0 6px 6px;
 +
    -moz-border-radius: 6px 0 6px 6px;
 +
          border-radius: 6px 0 6px 6px;
 +
}
 +
#graficaMetodology{
 +
 +
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2014/8/81/Zamorano_Graf_3Flechas.png);
 +
background-repeat:no-repeat;
 +
width:933px;
 +
height:395px;
 +
float:left;
 +
margin-left:20px;
 +
}
 +
 
 +
#txt01gM01 {
 +
float:left;
 +
width:250px;
 +
height:310px;
 +
margin-top:80px;
 +
margin-left:10px;
 +
}
 +
#txt01gM02 {
 +
float:right;
 +
width:280px;
 +
height:100px;
 +
margin-top:5px;
 +
margin-right:140px;
 +
}
 +
#txt01gM03 {
 +
float:left;
 +
width:250px;
 +
height:250px;
 +
margin-top:50px;
 +
margin-right:0px;
 +
margin-left:395px;
 +
}
 +
#txt01gM01 p,#txt01gM02 p,#txt01gM03 p,#txt01gM04 p{
 +
font-size:10.3px;
 +
line-height:1.5;}
 +
#grafica1{
 +
 +
display:block;
 +
background-image:url(https://static.igem.org/mediawiki/2014/a/af/Zamorano_Graf_2Flechas.png);
 +
width:933px;
 +
height:395px;
 +
margin-left:20px;
 +
background-repeat:no-repeat;
 +
}
 +
 
 +
#txt01g01 {
 +
float:left;
 +
width:242px;
 +
height:310px;
 +
margin-top:20px;
 +
margin-left:12px;
 +
}
 +
#txt01g02 {
 +
float:right;
 +
width:280px;
 +
height:100px;
 +
margin-top:5px;
 +
margin-right:30px;
 +
}
 +
#txt01g03 {
 +
float:left;
 +
width:280px;
 +
height:200px;
 +
margin-top:10px;
 +
margin-right:0px;
 +
margin-left:365px;
 +
}
 +
#txt01g01 p,#txt01g02 p,#txt01g03 p,#txt01g04 p{
 +
text-align:justify;
 +
font-size:10.4px;
 +
line-height:1.5;
 +
}
 +
 
 +
 +
</style>
 +
<script type="text/javascript">
 +
 
 +
$(document).ready(function(){
 +
$('#tabs2 div').hide(); // Hide all divs
 +
$('#tabs2 div:first').show(); // Show the first div
 +
$('#submenu ul li:first').addClass('active'); // Set the class of the first link to active
 +
$('#submenu ul li a').click(function(){ //When any link is clicked
 +
$('#submenu ul li').removeClass('active'); // Remove active class from all links
 +
$(this).parent().addClass('active'); //Set clicked link class to active
 +
var currentTab = $(this).attr('href'); // Set variable currentTab to value of href attribute of clicked link
 +
$('#tabs2 div').hide(); // Hide all divs
 +
$(currentTab).show(); // Show div with id equal to variable currentTab
 +
return false;
 +
});
 +
});
 +
</script>
 +
<script type="text/javascript">
 +
    $(document).ready(function () {
 +
            $('.carousel').carousel()
 +
                    interval: 1000
 +
 
 +
        });
 +
 
 +
      $(document).ready(function () {
 +
            $('.dropdown-toggle').dropdown();
 +
        });
 +
 
 +
$('#myTab a').click(function (e) {
 +
  e.preventDefault();
 +
  $(this).tab('show');
 +
});
 +
 
 +
   
 +
 
 +
</script>
 +
  <script>
 +
 
 +
 
 +
// Javascript originally by Patrick Griffiths and Dan Webb.
 +
// http://htmldog.com/articles/suckerfish/dropdowns/
 +
sfHover = function() {
 +
  var sfEls = document.getElementById("navbar").getElementsByTagName("li");
 +
  for (var i=0; i<sfEls.length; i++) {
 +
      sfEls[i].onmouseover=function() {
 +
        this.className+=" hover";
 +
      }
 +
      sfEls[i].onmouseout=function() {
 +
        this.className=this.className.replace(new RegExp(" hover\\b"), "");
 +
      }
 +
  }
 +
}
 +
if (window.attachEvent) window.attachEvent("onload", sfHover);
 +
</script>
 +
 
 +
 
 +
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
 +
<script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script>
 +
 
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 5000
 +
        });
 +
    });
 +
</script>
 +
 
 +
</head>
 +
 
 +
<body>
 +
<div id="myCarousel" class="carousel slide">
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 +
    <li data-target="#myCarousel" data-slide-to="1"></li>
 +
    <li data-target="#myCarousel" data-slide-to="2"></li>
 +
    <li data-target="#myCarousel" data-slide-to="3"></li>
 +
  </ol>
 +
  <!-- Carousel items -->
 +
  <div class="carousel-inner">
 +
<div class="active item"><img src="https://static.igem.org/mediawiki/2014/a/a9/Zamorano_Collage_Portada_WIKI.jpg" style="width:965px;height:200px;"></div>
 +
    <div class="item"><img src="https://static.igem.org/mediawiki/2014/9/96/Zamorano_Portada01.png"style="width:965px;height:200px;"></div>
 +
<div class="item"><img src="https://static.igem.org/mediawiki/2014/3/36/Zamorano_BANNER-HEADER-3.jpg"style="width:965px;height:200px;"></div>
 +
    <div class="item"><img src="https://static.igem.org/mediawiki/2014/c/c4/Zamorano_BANNER-HEADER-1.jpg"style="width:965px;height:200px;"></div>
 +
 
 +
   
 +
  </div>
 +
  <!-- Carousel nav -->
 +
  <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
  <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
 +
</div>
 +
<div class="navbar">
 +
 
 +
<div class="navbar-inner">
 +
<div class="igem-bar2"><a href="http://www.zamorano.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2014/1/10/Zamorano_Logo.png"></a></div>
 +
    <ul class="nav">
 +
 
 +
      <li class="active"><a href="https://2014.igem.org/Team:Zamorano">Home</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/GeneralFAQ">FAQs</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Team">Team</a></li>
 +
   
 +
  <li class="dropdown">
 +
      <a href="https://2014.igem.org/Team:Zamorano/Project" class="dropdown-toggle" data-toggle="dropdown">
 +
        Projects
 +
      <b class="caret"></b>
 +
      </a>
 +
<ul class="dropdown-menu">
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Overview">Overview</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Perception">Public Perception</a></li>     
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Education">Education Component</a></li>
 +
      <li><a href="https://2014.igem.org/Team:Zamorano/Riskevaluation">Risk Assessment</a></li>
 +
    </ul>
 +
</li>
 +
   
 +
    <li><a href="https://2014.igem.org/Team:Zamorano/Gallery">Gallery</a></li>
 +
    <li><a href="https://2014.igem.org/Team:Zamorano/Sponsors">Attributions</a></li>
 +
    </ul>
 +
<div class="igem-bar"><a href="https://2014.igem.org"><img src="https://static.igem.org/mediawiki/2013/a/ad/IGem-logo.png"></a></div>
 +
  </div>
 +
 
 +
</div>
 +
<div id="pagina" style="width:800px;">
 +
-
<td> </td>
+
<div id="tab-description" style="display:none;"><p> <h1>Know your enemy; Improving public awareness of biosciences</h1><p />
-
<td width="45%">  
+
</div><div style="float:right; display:block;position: relative;margin-top:15px;"><a href="https://www.facebook.com/IGEMZAMORANO2014?ref=bookmarks" target="_blank" style="text-decoration:underline;"><img  src="https://static.igem.org/mediawiki/2014/5/5d/Fb_icono.jpg"/></a></div>
 +
<p> <h1>Know your enemy; Improving public awareness of biosciences</h1><p /><br/>
 +
<p style="text-align:center; magin-left:30px; margin-right:30px;"><img src="https://static.igem.org/mediawiki/2014/7/79/Zamorano_Foto_Grupo-01.png" style="align:center;"/>
 +
</p><br/><br/>
 +
<p>Currently, biotechnology in Latin America faces constraints that limit its social acceptance, mainly due to a lack or distortion of available information to decision makers and the general public. Our team was interested in evaluating and determining the perception that undergraduate students have about biotechnology and GMO’s through a survey, and the Honduran regulatory process for approving products derived from genetic engineering. After analyzing the results, we coordinated and conducted education and information activities with children and youth through basic biotechnology practices. Based upon the results, we were inspired to develop an educational model to improve awareness and criteria in Latin America about Synthetic Biology and modified living organisms. Finally, in order to demonstrate that Synthetic Biology can be safely practiced, we conducted a risk analysis of the <i>E. zamofordi</i> organism, created to detect copper residues in water sources, using the Cartagena Protocol and the Environmental Risk Assessment of genetically modified organisms’ guidelines (ERA). There are many approaches to conduct an Environmental Risk Assessment (ERA). One is the "Guidance of Environmental Risk Assessment", developed by the Secretariat of the Cartagena Protocol on Biosafety, as part of the Convention of Biological Diversity. The other approach is an ERA guide developed by a group of 14 Latin American regulators and biotechnologists. Our team has adopted the approach presented in the Latin American ERA guide, as the Honduran legislation regarding GMOs has been developed along the lines of other countries in Latin America such as Brazil, Argentina, Mexico and Colombia, which already have experience in the deployment of GMOs. With this science-based approach we proved that our project,<b>"Know your enemy"</b>, complies with established biosafety norms, if handled according the relevant regulations. As an alternate product, we propose this tool as a simpler alternative to elaborate consistent risk assessments for Synthetic Biology practices and to comply with national and international biosafety regulations.
 +
</p>
 +
<br/><br/>
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
 
-
<ul>
+
</div>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
<p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2014/e/e2/Zamorano_Diagrama_intro_wiki.jpg"/></p>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
</body>
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
</html>
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Latest revision as of 02:45, 18 October 2014

Know your enemy; Improving public awareness of biosciences




Currently, biotechnology in Latin America faces constraints that limit its social acceptance, mainly due to a lack or distortion of available information to decision makers and the general public. Our team was interested in evaluating and determining the perception that undergraduate students have about biotechnology and GMO’s through a survey, and the Honduran regulatory process for approving products derived from genetic engineering. After analyzing the results, we coordinated and conducted education and information activities with children and youth through basic biotechnology practices. Based upon the results, we were inspired to develop an educational model to improve awareness and criteria in Latin America about Synthetic Biology and modified living organisms. Finally, in order to demonstrate that Synthetic Biology can be safely practiced, we conducted a risk analysis of the E. zamofordi organism, created to detect copper residues in water sources, using the Cartagena Protocol and the Environmental Risk Assessment of genetically modified organisms’ guidelines (ERA). There are many approaches to conduct an Environmental Risk Assessment (ERA). One is the "Guidance of Environmental Risk Assessment", developed by the Secretariat of the Cartagena Protocol on Biosafety, as part of the Convention of Biological Diversity. The other approach is an ERA guide developed by a group of 14 Latin American regulators and biotechnologists. Our team has adopted the approach presented in the Latin American ERA guide, as the Honduran legislation regarding GMOs has been developed along the lines of other countries in Latin America such as Brazil, Argentina, Mexico and Colombia, which already have experience in the deployment of GMOs. With this science-based approach we proved that our project,"Know your enemy", complies with established biosafety norms, if handled according the relevant regulations. As an alternate product, we propose this tool as a simpler alternative to elaborate consistent risk assessments for Synthetic Biology practices and to comply with national and international biosafety regulations.



Retrieved from "http://2014.igem.org/Team:Zamorano"