Template:Team:UNAM Genomics Mexico/Templates/menulike

<!--
NAME     menu_template.css
VERSION  1.0.0
AUTHOR   Treviño Garza Abiel
DESC     The file contains the layout instructions for the menu and  the website in general used in the UNAM-Genomics_Mexico Team wiki.
-->


<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<link href="https://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" />
	<title>UNAM-Genomics_Mexico</title>
	<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-19624614-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

	</script>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>  



<style type="text/css">


/* Menu Style Definitions */
/* MENU STYLE DEFINITIONS */
/* CHANGING THE WIKI CSS */

#content {
position: relative;
width: 976px;
margin: 0 auto;
padding: 5px 5px 5px 5px;
background: transparent;
color: transparent;
border-left: none;
border-right: none;
line-height: 0px;
z-index: 2;
}

#contentSub {
display:none;
}

#bodyContent {
}

#siteSub {
display:none;
}

#search-controls {
display:none;
}

.firstHeading {
display:none;
}

#search-controls {
margin-top:30px;
}



#top-section {
height: 20px;
width: 976px;
border-left: none;
border-right: none;
border-bottom: none;
}

.left-menu {
margin-top:-15px;
}

.left-menu ul {
border: none;
}



#menubar a {color:#FF0000;}
#menubar a:hover{text-decoration:none; color:#52749C;}
.left-menu {background-color:#FFFFFF; margin:0px 0px 0px 0px; padding:0;}
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
.right-menu ul li a {background-color:#FFFFFF;}
.printfooter {display:none;}

#menubar.right-menu {
margin-top:-15px;
}
.right-menu li a {
background-color: #FFFFFF;
}
.right-menu ul {
border: none;
}

#menubar{
top:22px;
z-index:25;
}

img[src*="/wiki/skins/common/images/wiki.png"]{
    width:0;
    height:0px;
    padding-right:975px;
    background:transparent url(https://2012.igem.org/wiki/skins/common/images/wiki.png) top left no-repeat;
}
element.style {
color: transparent;
cursor: default;
}
menubar ul {
color: transparent;
list-style: none;
list-style-type: none;
list-style-position: initial;
list-style-image: initial;
}

element.style {
}


#catlinks {
display:none;
}


#p-logo {
display:none;
position: absolute;
z-index: 1;
height: 0px;
width: 0px;
}

#pt-userpage{
background-color: #FFFFFF;
}
#pt-preferences{
background-color: #FFFFFF;
	}
#pt-logout{
background-color: #FFFFFF;
	}


/* MAIN PAGE CSS */
body {
	font-family:Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#FFFFFF;
	background-color: #FFFFFF;
}

div.igemimage {
	position: absolute;
	top: 0;
        z-index: 4;
        right: -200px;
}

.igemimageleft1-hover {
display:block;
background-image:url(https://static.igem.org/mediawiki/2012/3/3a/Unamgenomicsbiosintnegro.jpg);
width:150px;
height:150px;
position: absolute;
	top: 0;
        z-index: 4;
        left: -200px;
        top:300px;
}
.igemimageleft1-hover:hover {
background-image:url(https://static.igem.org/mediawiki/2012/9/9a/UnamgenomicsBiosintcolor.jpg);
}



.igemimageleft2-hover {
display:block;
background-image:url(https://static.igem.org/mediawiki/2012/7/75/Unamgenomicspngnewsblack.jpg);
width:150px;
height:150px;
position: absolute;
	top: 0;
        z-index: 4;
        left: -200px;
        top:450px;
}
.igemimageleft2-hover:hover {
background-image:url(https://static.igem.org/mediawiki/2012/1/1f/Unamgenomicspngnewscolor.jpg);
}



#header{
	height:220px;
	width:100%;
	font-family:"Arial Black", Gadget, sans-serif;
}

div.left_image{
	float:left;
	border:none;
	padding: 30px 30px 30px 30px;
}
div.right_image{
	float:right;
	border:none;
	padding: 30px 30px 30px 30px;
}

div.row{
	vertical-align:top;
}

div.summary_text{
	padding: 30px 30px 30px 30px;
	border:none;
	font-size:115%;
	text-align:center;
}
div.descriptive_text{
	/*We must observe div.left_image to deffine the appropiate top-margin value*/
	margin: 40px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	border:none;
	font-size:110%;
}

p.title{
	color:#CC4455;
	font-size:150%;
}

#container {
	margin: 0px auto;
	text-align:justify;
	width: 100%;
	background-color: #F0F0F0;
	color:#000000;
	font-size: 110%;
}

/*TEXT CONTENT*/

div#textContent{
	background-color: #F0F0F0;
	margin: 0px 0px 0px 0px;
	padding: 35px 35px 35px 35px;

}

div#textContent p{
	margin: .4em 0 .5em 0;
	line-height: 1.5em;
}
h1,h2,h3,h4,h5,h6{
border-bottom: none;	

}

h1.NORM_header{
        text-align:left;
	margin: 15px 1px 1px 1px;
	border:none;
	color:#000000;
	font-size:200%;
        text-decoration:bold;
}

h1.BSA_header{
	margin: 15px 1px 1px 1px;
	border:none;
	text-decoration:none;
	color:#B0E;
	font-size:110%;
}
h1.BSA_announce{
	margin: 20px 1px 1px 1px;
	border:none;
	text-decoration:none;
	color:#B0E;
	font-size:115%;
}
h1.BSA_announce a.HP{
	color:#B0E;
	text-decoration:underline;
}
h1.BSA_announce a.HP:hover{
	font-size:120%;
}

#textContent a{
	text-decoration: underline;
	color: #008800;	/*green*/

}
#textContent a:visited{
	color: #540054;	/*lighter green*/
        text-decoration: underline;
}

#textContent a.anchor{
	color: #000000;
}
#tableabi{
	background:white;
}

/*menu css*/
span.reference{
position:fixed;
left:0px;
bottom:0px;
font-size:12px;
}
			
span.reference a{
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	text-shadow:1px 1px 1px #000;
	margin-right:200px;
}

span.reference a:hover{
color:#ddd;
}

ul.menu_unamgenomics{
margin-top:0px;
width:1000px;
align:center;

}


		
ul.menu_unamgenomics{
	color:#000;
	margin:0;
	padding:0;
	list-style: none;
	font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
	font-size:14px;
	width:976;
}

ul.menu_unamgenomics a{
text-decoration:none;
outline:none;
}

ul.menu_unamgenomics li{
float:left;
width:162px;
height:95px;
position:relative;
cursor:pointer;
}

ul.menu_unamgenomics li > a{
	position:absolute;
	top:0px;
	left:0px;
	width:162px;
	height:95px;
	z-index:12;
	background:transparent url(../images/overlay.png) no-repeat bottom right;
	color: #FFF;
	background-color: #FFFFFF;
}

ul.menu_unamgenomics li a img{
border:none;
position:absolute;
width:0px;
height:0px;
bottom:0px;
left:85px;
z-index:100;

}

ul.menu_unamgenomics li span.sdt_wrap{
position:absolute;
top:25px;
left:0px;
width:162px;
height:60px;
z-index:15;
}

ul.menu_unamgenomics li span.menu_unamgenomics_activo{
	position:absolute;
	background:#FFF;
	top:85px;
	width:162px;
	height:0px;
	left:0px;
	z-index:14;
	
}

ul.menu_unamgenomics li span span.menu_links,
ul.menu_unamgenomics li span span.menu_descripcion,
ul.menu_unamgenomics li div.menu_caja a{
	margin-left:15px;
	text-transform:uppercase;
	text-shadow:1px 1px 1px #000;
}

ul.menu_unamgenomics li span span.menu_links{
	color:#000;
	font-size:24px;
	float:left;
	clear:both;
}

ul.menu_unamgenomics li span span.menu_descripcion{
color:#0B75AF;
float:left;
clear:both;
width:162px; /*For dumbass IE7*/
font-size:10px;
letter-spacing:1px;
}

ul.menu_unamgenomics li div.menu_caja{
	display:block;
	position:absolute;
	width:162px;
	overflow:hidden;
	height:auto;
	top:85px;
	left:0px;
	display:none;
	background-color: #FFF;
}

ul.menu_unamgenomics li div.menu_caja a{
float:left;
clear:both;
line-height:30px;
color:#0B75AF;
}

ul.menu_unamgenomics li div.menu_caja a:first-child{
margin-top:15px;
}

ul.menu_unamgenomics li div.menu_caja a:hover{
	color:#F60;
}


/* Image on hover  description */

td {
	background-color: transparent;
	background-repeat: no-repeat;
	clear: both;
	height: auto;
	width: auto;
}

.imgteaser {
	margin: 0;
	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}
.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 20px;
	background: #FFF;
	border: 0px solid #ddd;
}

.imgteaser a .desc {	display: none; }

.imgteaser a:hover .desc{
	display: block;
	font-size: 1.1em;
	padding: 20px 0;
	background: #111;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; /*--IE 8 Transparency--*/
	color: #fff;
	position: absolute;
	bottom: 11px;
	left: 11px;
	padding: 10px;
	margin: 0;
	width: 230px;
        height:100px;
	border-top: 1px solid #999;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.2em;
}

/* Extra code to get the bottom three to behave */


#contentcolumn2{
margin: 0 37.5% 0 37.5%; /*Margins for content column. Should be "0 right-column-width 0 left-column-width*/
background: #88ff88;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topleft: 25px;
-moz-border-radius-topright: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-top-right-radius: 25px;
}

#leftcolumn2{
width: 25%; /*Width of left column in percentage*/
margin-left: -5%;
background: #ff8888;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topleft: 25px;
-moz-border-radius-bottomright: 25px;
-webkit-border-top-left-radius: 25px;
-webkit-border-bottom-right-radius: 25px;

}

#rightcolumn2{
width: 25%; /*Width of right column*/
margin-left: -30%; /*Set margin to -(RightColumnWidth)*/
background: #8888ff;
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
-moz-border-radius-topright: 25px;
-moz-border-radius-bottomleft: 25px;
-webkit-border-top-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;

}

</style>
</head>



 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>


<script type="text/javascript">
/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
 *
 * Uses the built in easing capabilities added In jQuery 1.1
 * to offer multiple easing options
 *
 * TERMS OF USE - jQuery Easing
 * 
 * Open source under the BSD License. 
 * 
 * Copyright 2008 George McGinley Smith
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing,
{
	def: 'easeOutQuad',
	swing: function (x, t, b, c, d) {
		//alert(jQuery.easing.default);
		return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
	},
	easeInQuad: function (x, t, b, c, d) {
		return c*(t/=d)*t + b;
	},
	easeOutQuad: function (x, t, b, c, d) {
		return -c *(t/=d)*(t-2) + b;
	},
	easeInOutQuad: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t + b;
		return -c/2 * ((--t)*(t-2) - 1) + b;
	},
	easeInCubic: function (x, t, b, c, d) {
		return c*(t/=d)*t*t + b;
	},
	easeOutCubic: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t + 1) + b;
	},
	easeInOutCubic: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t + b;
		return c/2*((t-=2)*t*t + 2) + b;
	},
	easeInQuart: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t + b;
	},
	easeOutQuart: function (x, t, b, c, d) {
		return -c * ((t=t/d-1)*t*t*t - 1) + b;
	},
	easeInOutQuart: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
		return -c/2 * ((t-=2)*t*t*t - 2) + b;
	},
	easeInQuint: function (x, t, b, c, d) {
		return c*(t/=d)*t*t*t*t + b;
	},
	easeOutQuint: function (x, t, b, c, d) {
		return c*((t=t/d-1)*t*t*t*t + 1) + b;
	},
	easeInOutQuint: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
		return c/2*((t-=2)*t*t*t*t + 2) + b;
	},
	easeInSine: function (x, t, b, c, d) {
		return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
	},
	easeOutSine: function (x, t, b, c, d) {
		return c * Math.sin(t/d * (Math.PI/2)) + b;
	},
	easeInOutSine: function (x, t, b, c, d) {
		return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
	},
	easeInExpo: function (x, t, b, c, d) {
		return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
	},
	easeOutExpo: function (x, t, b, c, d) {
		return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
	},
	easeInOutExpo: function (x, t, b, c, d) {
		if (t==0) return b;
		if (t==d) return b+c;
		if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
		return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
	},
	easeInCirc: function (x, t, b, c, d) {
		return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
	},
	easeOutCirc: function (x, t, b, c, d) {
		return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
	},
	easeInOutCirc: function (x, t, b, c, d) {
		if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
		return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
	},
	easeInElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
	},
	easeOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
	},
	easeInOutElastic: function (x, t, b, c, d) {
		var s=1.70158;var p=0;var a=c;
		if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
		if (a < Math.abs(c)) { a=c; var s=p/4; }
		else var s = p/(2*Math.PI) * Math.asin (c/a);
		if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
	},
	easeInBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*(t/=d)*t*((s+1)*t - s) + b;
	},
	easeOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158;
		return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
	},
	easeInOutBack: function (x, t, b, c, d, s) {
		if (s == undefined) s = 1.70158; 
		if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
		return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
	},
	easeInBounce: function (x, t, b, c, d) {
		return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
	},
	easeOutBounce: function (x, t, b, c, d) {
		if ((t/=d) < (1/2.75)) {
			return c*(7.5625*t*t) + b;
		} else if (t < (2/2.75)) {
			return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
		} else if (t < (2.5/2.75)) {
			return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
		} else {
			return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
		}
	},
	easeInOutBounce: function (x, t, b, c, d) {
		if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
		return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
	}
});

/*
 *
 * TERMS OF USE - EASING EQUATIONS
 * 
 * Open source under the BSD License. 
 * 
 * Copyright 2001 Robert Penner
 * All rights reserved.
 * 
 * Redistribution and use in source and binary forms, with or without modification, 
 * are permitted provided that the following conditions are met:
 * 
 * Redistributions of source code must retain the above copyright notice, this list of 
 * conditions and the following disclaimer.
 * Redistributions in binary form must reproduce the above copyright notice, this list 
 * of conditions and the following disclaimer in the documentation and/or other materials 
 * provided with the distribution.
 * 
 * Neither the name of the author nor the names of contributors may be used to endorse 
 * or promote products derived from this software without specific prior written permission.
 * 
 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY 
 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
 *  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
 *  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
 *  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED 
 * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
 *  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED 
 * OF THE POSSIBILITY OF SUCH DAMAGE. 
 *
 */
</script>

        <script type="text/javascript">
            $(function() {
				/**
				* for each menu element, on mouseenter, 
				* we enlarge the image, and show both menu_unamgenomics_activo span and 
				* sdt_wrap span. If the element has a sub menu (menu_caja),
				* then we slide it - if the element is the last one in the menu
				* we slide it to the left, otherwise to the right
				*/
                $('#menu_unamgenomics > li').bind('mouseenter',function(){

					var $elem = $(this);
					$elem.find('img')
						 .stop(true)
						 .animate({
							'width':'155px',
							'height':'155px',
							'left':'0px'
						 },400,'easeOutBack')
						 .andSelf()
						 .find('.sdt_wrap')
					     .stop(true)
						 .animate({'top':'140px'},500,'easeOutBack')
						 .andSelf()
						 .find('.menu_unamgenomics_activo')
					     .stop(true)
						 .animate({'height':'155px'},300,function(){
						var $sub_menu = $elem.find('.menu_caja');
						if($sub_menu.length){
							var left = '155px';
							if($elem.parent().children().length == $elem.index()+1)
								left = '-155px';
							$sub_menu.show().animate({'left':left},200);
						}	
					});
				}).bind('mouseleave',function(){
					var $elem = $(this);
					var $sub_menu = $elem.find('.menu_caja');
					if($sub_menu.length)
						$sub_menu.hide().css('left','0px');
					
					$elem.find('.menu_unamgenomics_activo')
						 .stop(true)
						 .animate({'height':'0px'},300)
						 .andSelf().find('img')
						 .stop(true)
						 .animate({
							'width':'0px',
							'height':'0px',
							'left':'85px'},400)
						 .andSelf()
						 .find('.sdt_wrap')
						 .stop(true)
						 .animate({'top':'25px'},500);
				});
            });
        </script>




</html>