* {margin:0; padding:0;}/* for demo only, use a proper reset in your final draft*/
p {padding:10px 10px 0}

/*==== Begin Navbar Styles ====*/

ul#nav {
	position:relative;
    height:106px;
    list-style:none;
    margin:0; /* reset the default left margin in IE */
    padding:0 0 0 1em; /* reset the default left padding in good browsers */
    z-index: 3;
    top: 54px;
    left: 128px;
	width:650px;
}
#nav li {
    position:relative; /* establish stacking context for the AP'd dropdown sublist */
    float:left;
    padding:0;
    font-weight:bold;
    background:url(../../../data/assets/img/sprite_menu.png) top left;
    z-index: 2;
}

/**/
#nav li.pesquisa_clinica {
    background-position:-8px -8px;
	width:155px;
	height:106px;
	text-indent:-9999px;
}
#nav li.pesquisa_clinica a {
	width:155px;
}
#nav li.pesquisa_clinica:hover { 
    background-position:-8px -114px;
	width:155px;
	height:106px;
}

/**/
#nav li.estudos_clinicos {
    background-position:-163px -8px;
	width:156px;
	height:106px;
	text-indent:-9999px;
}
#nav li.estudos_clinicos a {
	width:156px;
}
#nav li.estudos_clinicos:hover { 
    background-position:-163px -114px;
	width:156px;
}

/**/
#nav li.bioequivalencia_farmaceutica {
    background-position:-319px -8px;
	width:173px;
	height:106px;
	text-indent:-9999px;
	z-index: 1!important;
}
#nav li.bioequivalencia_farmaceutica a {
	width:173px;
}
#nav li.bioequivalencia_farmaceutica:hover { 
    background-position:-319px -114px;
	width:173px;
	height:106px;
}

/**/
#nav li.bioequivalencia_farmaceutica {
    background-position:-319px -8px;
	width:173px;
	height:106px;
	text-indent:-9999px;
}
#nav li.bioequivalencia_farmaceutica a {
	width:173px;
}
#nav li.bioequivalencia_farmaceutica:hover { 
    background-position:-319px -114px;
	width:173px;
	height:106px;
}

/**/
#nav li.portifolio {
    background-position:-492px -8px;
	width:166px;
	height:106px;
	text-indent:-9999px;
}
#nav li.portifolio a {
	width:166px;
}
#nav li.portifolio:hover { 
    background-position:-492px -114px;
	width:166px;
	height:106px;
}

#nav li a {
    float: left;
    padding:0 1em; /* text padding for left and right only */
    line-height:106px; /* center the text vertically */
    text-decoration:none;
    color:#000;/* 1st level font color*/
}
#nav li:hover, 
#nav li.sfhover{ 
    background: url(../../../data/assets/img/sprite_menu.png) top left;/* background for all links on hover */
    visibility:visible;/* makes IE7 think something changes on hover, fixes IE sticking dropdown */
	cursor:hand;
}

#nav li:hover a, 
#nav li.sfhover a {color:#00FFFF;cursor:hand;}/*1st level font color on hover(cyan)*/

/*=== All Sublist Styles ===*/

#nav ul {
    position:absolute; /* position the sublist to nearest positioned ancestor, the (#nav li) in this case*/
    margin-left:-999em;/* hide the sublist */
    left:0; /* IE6&7 need this to position the sublist correctly on hover*/
    top:41px;
    list-style:none;
	background-image:none;
    /*background: url(fake-image.jpg); IE needs some sort of BG on the nested ul */
}
#nav ul li{
    background-image:none;
	display:block;
}

#nav ul li:hover{
    background-image:none;
	display:block;
}

#nav ul.sub_pesquisa_clinica li a{
    background: url(../../../data/assets/img/sub_pesquisa_clinica.png) top left;
	background-repeat:no-repeat;
	margin-left:1px;
	width:125px;
	display:block;
}

#nav ul.sub_estudos_clinicos li a{
    background: url(../../../data/assets/img/sub_estudos_clinicos.png) top left;
	background-repeat:no-repeat;
	margin-left:1px;
	width:125px;
	display:block;
}

/**/
#nav ul.sub_pesquisa_clinica li a.o_que_e{
	display:block;
	background-position:-1px -1px;
	height:50px;
}
#nav ul.sub_pesquisa_clinica li a.o_que_e:hover{
	background-position:-147px -1px;
	height:50px;
}

/**/
#nav ul.sub_pesquisa_clinica li a.fases{
	background-position:-1px -58px;
	height:24px;
}
#nav ul.sub_pesquisa_clinica li a.fases:hover{
	background-position:-147px -58px;
	height:24px;
}

/**/
#nav ul.sub_pesquisa_clinica li a.evidencias{
	background-position:-1px -89px;
	height:24px;
}
#nav ul.sub_pesquisa_clinica li a.evidencias:hover{
	background-position:-147px -89px;
	height:24px;
}

/**/
#nav ul.sub_pesquisa_clinica li a.etapas{
	background-position:-1px -121px;
	height:50px;
}
#nav ul.sub_pesquisa_clinica li a.etapas:hover{
	background-position:-147px -121px;
	height:50px;
}

/**/
#nav ul.sub_estudos_clinicos li a.filgrastine{
	background-position:-1px -1px;
	height:42px;
}
#nav ul.sub_estudos_clinicos li a.filgrastine:hover{
	background-position:-147px -1px;
	height:42px;
}

/**/
#nav ul.sub_estudos_clinicos li a.new_filgrastine{
	background-position:-1px -52px;
	height:21px;
}
#nav ul.sub_estudos_clinicos li a.new_filgrastine:hover{
	background-position:-147px -52px;
	height:21px;
}

/**/
#nav ul.sub_estudos_clinicos li a.enoxalow{
	background-position:-1px -83px;
	height:21px;
}
#nav ul.sub_estudos_clinicos li a.enoxalow:hover{
	background-position:-147px -83px;
	height:21px;
}

/**/
#nav ul.sub_estudos_clinicos li a.hepamax{
	background-position:-1px -112px;
	height:23px;
}
#nav ul.sub_estudos_clinicos li a.hepamax:hover{
	background-position:-147px -112px;
	height:23px;
}

/**/
#nav ul.sub_estudos_clinicos li a.eritromax{
	background-position:-1px -145px;
	height:21px;
}
#nav ul.sub_estudos_clinicos li a.eritromax:hover{
	background-position:-147px -145px;
	height:21px;
}

/**/
#nav ul.sub_estudos_clinicos li a.new_eritromax{
	background-position:-1px -175px;
	height:60px;
}
#nav ul.sub_estudos_clinicos li a.new_eritromax:hover{
	background-position:-147px -175px;
	height:60px;
}

#nav li li{
    /*float:left;/*(note: lack of float here triggers IE6/7 overflow bug) inherits from #nav li anyway unless reset */
    border:0;/*reset borders from #nav li*/
}
#nav li li a{
    float: none;/*reset the float from #nav li a*/
    display:block;
    width:9em;/*IE6 needs a width (10em total with padding)*/
    line-height:1.2; /*reset from #nav li a */
    padding:.3em .5em;	
}
/*=== Hide All Sublists ===*/
#nav li:hover ul,
#nav li:hover ul ul,
#nav li.sfhover ul, 
#nav li.sfhover ul ul {
    margin-left:-999em;
}
/*=== Sublist Font Colors ===*/

#nav li:hover li a, 
#nav li.sfhover li a, 
#nav li:hover li li a, 
#nav li.sfhover li li a {color:#000;} /*2nd and 3rd levels font color*/

#nav li li:hover a, 
#nav li li.sfhover a,
#nav li li li:hover a, 
#nav li li li.sfhover a {color:#7FFF00;} /*2nd and 3rd levels font color on hover*/

/*=== Second Level UL position on hover ===*/

#nav li:hover ul,
#nav li.sfhover ul{ 
    margin-left: -1px; /* show the sublist (line up with left border on main list items)*/
}
/*=== Third Level UL position on hover ===*/

#nav li li:hover ul,
#nav li li.sfhover ul {
    margin-left:10em;
    top:-1px;
	background-image:none;
}
ul#nav li li ul li{position:relative;left:-26px;top:10px;}

ul#nav li ul li ul.sub_produtos1{background:url(../../../data/assets/img/sub_produtos.png);left:9px;top:28px;width:157px;height:157px;position:absolute;}
ul#nav li ul li ul.sub_produtos1 li a{background-image:none;}

ul#nav li ul li ul.sub_produtos2{background:url(../../../data/assets/img/sub_produtos.png);left:9px;top:4px;width:157px;height:157px;position:absolute;}
ul#nav li ul li ul.sub_produtos2 li a{background-image:none;}

ul#nav li ul li ul li a.estudos_pre_clinicos{width:116px;height:27px;position:relative;left:50px;top:4px;}
ul#nav li ul li ul li a.estudos_pre_clinicos:hover{background:url(../../../data/assets/img/menu_bg_hover.png) repeat;}

ul#nav li ul li ul li a.estudos_clinicos_fase_1{width:116px;height:24px;position:relative;left:50px;top:4px;}
ul#nav li ul li ul li a.estudos_clinicos_fase_1:hover{background:url(../../../data/assets/img/menu_bg_hover.png) repeat;}

ul#nav li ul li ul li a.estudos_clinicos_fase_3{width:116px;height:24px;position:relative;left:50px;top:4px;}
ul#nav li ul li ul li a.estudos_clinicos_fase_3:hover{background:url(../../../data/assets/img/menu_bg_hover.png) repeat;}

/*ul#nav li ul li ul li a.estudos_pre_clinicos{background:url(../../../data/assets/img/sub_produtos.png)-1px -1px;width:80px;height:20px;position:relative;top:0px;left:70px;}
ul#nav li ul li ul li a.estudos_pre_clinicos:hover{background-position:-86px -1px;}

ul#nav li ul li ul li a.estudos_clinicos_fase_1{background:url(../../../data/assets/img/sub_produtos.png)-1px -33px;width:73px;height:22px;position:relative;top:0px;left:70px;margin-top:10px;}
ul#nav li ul li ul li a.estudos_clinicos_fase_1:hover{background-position:-86px -33px;}

ul#nav li ul li ul li a.estudos_clinicos_fase_3{background:url(../../../data/assets/img/sub_produtos.png)-1px -66px;width:70px;height:14px;position:relative;top:0px;left:70px;margin-top:10px;}
ul#nav li ul li ul li a.estudos_clinicos_fase_3:hover{background-position:-86px -66px;}*/
