Team:Zamorano/GeneralFAQ

<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>

<style type="text/css">
body {
  margin: 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  line-height: 15px;
  color: #333333;
  background-color: #00466C;
}

p{text-align:justify;font:12px/18px Verdana, Geneva, sans-serif;}
#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;}
.img-rounded {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

#tabs ul {
	margin: 0;
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
	text-indent: 0;
	border-bottom:1px;
	margin-top:-26px;
	}

#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;
	padding: 8px 8px 9px;
	margin: 0;
	float: left;
	/*color: #fff;*/
	color:#09F;
	}
#tabs ul li a {text-decoration: none;padding:0px 8px;/*font-weight: bold;*/color:#09F/*#17222c;*/ }
#tabs ul li a:hover {color:#009;text-shadow:0px 0px #6b7c95; }
#tabs ul li.active {
	padding-top: 7px;
	background-color: #fff;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	border-color: #d7d7d7;
	-webkit-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
	-moz-box-shadow: 0 0 8px 0px rgba( 100, 100, 100, 0.12 );
	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 );

}
#tab-description  h1{margin:0px;padding:0px;font-size:25px;color:#373737;border-bottom:hidden;}
#contenidosecundario{width:940px;height:auto;margin:10px auto; float:left}
#sidebarleft,#contenidotabs2{float:left}
#tabs2{float:left;}
#contenidotabs2{width:700px;padding:0 14px;font:normal 12px/16px Verdana, Geneva, sans-serif;color:#000; text-align:justify;}
.glossymenu{
margin:0px 5px;
padding: 0;
width: 215px; /*width of menu*/
float:left;
}
.glossymenu a.menuitem{
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;}

.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{




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: 40%;
  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;
}

.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;
}

.dropdown .caret {
  margin-top: 8px;
  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;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 9px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 20px;
  color: #333333;
  white-space: nowrap;
}

.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);
}

.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);
}

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.open {
  *z-index: 1000;
}

.open > .dropdown-menu {
  display: block;
  text-decoration:none;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "";
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
     -moz-border-radius: 0 6px 6px 6px;
          border-radius: 0 6px 6px 6px;
text-decoration:none;
}

.dropdown-submenu:hover > .dropdown-menu {
  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;
}
</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"><img src="https://static.igem.org/mediawiki/2014/1/10/Zamorano_Logo.png"></div>
    <ul class="nav">

      <li><a href="https://2014.igem.org/Team:Zamorano">Home</a></li>
      <li class="active"><a href="https://2014.igem.org/Team:Zamorano/GeneralFAQ">General FAQ</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/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">
 

<div id="tab-description"><p> <h1>General FAQ</h1><p />
</div>
<br/>
<div style="width:800px;align:center;margin-left:80px;margin-right:80px;">
<p><b>Brief introduction and welcome</b></p>

<p>Hey there! We are glad you are visiting our iGEM competition wiki. Before getting to know our project and its different sections, we would like to explain to you some key words that will help you understand better what our project is about and what Synthetic Biology means. Let the ride start!</p>

<p></br><b>Here is a short FAQ we prepared for you:</b></p>
<p>What is Biotechnology and Genetic Engineering?</br>Biotechnology (Biotech) is defined as “any technological application that uses biological systems, living organisms or derivatives thereof, to make or modify products or processes for specific use" (UN Convention on Biological Diversity, Art. 2). Modern usage of Biotechnology also entails genetic engineering. </br>
Genetic engineering is the direct manipulation of an organism's genome using biotechnology. New DNA is inserted in the host’s genome. This DNA is naturally found in other organisms. An organism derived from genetic engineering is called a genetically modified organism (GMO).</br></p>
<p><b>What is Synthetic Biology?</b></br>There is not a clear concept of what the term “synthetic biology” (SynBio) covers. It is currently been discussed in the conference of the parties to the convention on biological diversity in Korea. Although there is not an official concept yet, it is considered to be the second generation of biotechnology. It consists in adding a characteristic that does not normally exist in nature to an organism’s genome. This meaning often overlaps to the one of Biotechnology. This is the main reason why scientists are trying to define if synthetic biology is similar enough to biotechnology; they want to know if new regulations should be made to moderate synbio, or the ones made to regulate biotechnology are just as effective.</br></p>
<p><b>We developed a copper biosensor using a modified <i>E. coli</i>. Is our biosensor a product of modern biotechnology, or synthetic biology?</b></br>Due to the lack of an official definition, this question can’t be accurately decided. Our bacterium was inserted with two kinds of color genes: green and orange. The green color gene is normally found in nature, but the orange color gene does not; this difficults the possible classification. The classification of our bacteria into biotechnology or synthetic biology is therefore subjective.</br></p>
<p><b>Are you using artificial genes that do not exist in nature? </b></br>Yes, the orange fluorescent genes are artificial as they are not normally found in nature. The green one, on the other hand, does exist normally in fire flies and marine organisms.</br></p>
<p><b>In order to evaluate the risk implied in our copper biosensor, we used a Latinamerican guide named “Guide for the environmental risk assessment of genetically modified organisms” (ERA). Is the ERA approach we are using appropriate to evaluate a product of synbio? Yes? Why so? </b></br>Yes it is, because it takes into account all the possible hazards that can occur inside a laboratory. It also takes into account if there is a logical causal connection. The ERA was developed by 14 expert scientists as an alternative method of doing a coherent risk assessment. We chose it because we found it simpler than the one proposed by the Cartagena Protocol.</br></p>

<p><b>Why is it important for society?</b></br>The normal risk assessment proposed by the Cartagena Protocol requires the investigator to take into account hazards that are not realistic. The one proposed by the ERA guide enables the investigator to do a coherent risk assessment by simpler methods The creation of the bacterium was the starting point of a series of activities focused in improving public perception towards biotech and Synbio.</br></br></p>
</div>
</div>
</body>
</html>