.clearfix					{ overflow:auto;}
on		 					{ text-decoration:underline solid #ffb606; text-underline-position:under; border:none;}
.on		 					{ text-decoration:underline solid #bbb; text-underline-position:under; border:none;}


.navuno 					{ background:#fff; color:#7a7a7a; }
.navdos 					{ background:#fff; transform:translateY(-50px); border-bottom:1px solid #dfdfdf; box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.2); transition:0.4s ease;}

.sobremenu					{ position:relative; background:#028910; height:50px; padding:10px 0; overflow:hidden; }
.sobremenu .contenido		{ position:relative; max-width:1200px; margin-right:auto; margin-left:auto; color:#fff; overflow:hidden;}
.sobremenu .izquierda		{ position:relative; float:left; overflow:hidden;}
.sobremenu .derecha			{ position:relative; float:right; overflow:hidden;}
.sobremenu .enlaces			{ position:relative; font-weight:500; color:#fff;}
.sobremenu .enlaces:hover	{ color:#ffb606; text-decoration:underline; text-underline-position:under;}


.navigation 				{ position:fixed; top:50px; right:0; left:0; clear:both; width:100%; min-height:80px; height:auto; line-height:80px; background:#fff; z-index:998;}
.navigation.scroll-Up 		{ transform:translateY(-130px); background:#fff; transition:0.4s ease;}


.navigation .bo					{ max-width:38px; max-height:38px; margin-top:20px; padding:8px 0; text-decoration:none; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.navigation .bo					{ border-radius:100%; border:0px solid #ddd; background:#fff; text-decoration:none;}
.navigation .bo a				{ text-decoration:none;}
.navigation .bo a:hover			{ color:#028910; background:#f3f3f3; text-decoration:none;}
.-navigation .-social				{ display:block; border:1px solid #ddd; border-radius:100%; margin:0 5px;}
.navigation .facebook:before	{ content:"\f09a"; font-family: FontAwesome; padding:0 5px;}
.navigation .instagram:before	{ content:"\f16d"; font-family: FontAwesome; padding:0 5px;}
.navigation .twitter:before		{ content:"\f099"; font-family: FontAwesome; margin:0;}

.navigation .logo				{ display:inline-block; float:left; margin:0 15px 0 0; width:55px; height:55px; background-size:cover;overflow:hidden}
.navigation .logo				{ background: #FFF url(../../images/logos/US-cuadrado.jpg) no-repeat 0 0; background-size:cover;}

.navigation .brand				{ display:flex; align-items:center; justify-content:left;} 
.navigation .brand 				{ position:relative; float:left; max-width:370px; width:auto; height:80px; text-align:left;}
.navigation .brand .marca		{ font-size:140%; font-weight:500; line-height:1.2em; white-space:nowrap;}
.navigation .brand .marca:after	{ display:block; content:"Professor of Botany"; font-size:70%; line-height:1.2em; white-space:nowrap;}
.navigation .brand .submarca	{ display:none; font-size:90%; font-weight:400; line-height:1.2em; margin:0 0 0 65px; white-space:nowrap;}
.navigation .brand:after		{ display:none; content:""; margin:25px 0px 0px -5px; width:25px; height:25px; z-index:-1; overflow:hidden;}
.navigation .brand:after		{ width:25px; height:25px; background:url(../../images/logos/lazonegro.png); background-position:center center; background-size:cover; opacity:0.8;}

.navigation .brand a {
  color:#7a7a7a;
  text-decoration: none;
  border:none;
}

.navigation .brand a:hover {
  color: #354a21;
  text-decoration: none;
}

.navigation .nav-container {
  max-width: 1200px;
  height:70px;
  margin: 0 auto;
  padding:0;
}

.navigation nav {
  float:right;
}

.navigation nav ul {
  list-style: none;
  margin: 0;
  padding:0;
}
.navigation nav ul li {
  float: left;
  position: relative;
}
.navigation nav ul li a {
  display: block;
  padding: 0 10px;
  text-decoration;none;
  color:inherit;
  cursor:pointer;
  outline-width:0; 
}
.navigation nav ul li a:hover {
  text-decoration:underline;
  text-underline-position: under;
  border:none;
  color:#354a21;
}
.navigation nav ul li a:not(:only-child):after{
  float:right;
  padding-left: 4px;
  content: "\f107"; font-family: FontAwesome;
  -webkit-text-stroke:1px #fff;
}
.navigation nav ul li ul li {
  width:100%;
}
.navigation nav ul li ul li a {
  padding:7px 15px;
  line-height:1.5em;
}
.navigation nav ul li ul li a:hover {
  padding:7px 15px;
  line-height:1.5em;
  text-decoration:none;
  border:none;
}
.navigation .nav-dropdown {
  position: absolute;
  top:70px;
  left:-55px;
  display: none;
  min-width:230px;
  z-index:998;
  padding:20px 20px;
  background:#fff;
  color:#7a7a7a;
  font-size:90%;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}
.navigation .nav-dropdown li a:hover {
  text-decoration:none;
  border:none;
  background:#f3f3f3;
}

/* Mobile navigation */
.navigation .nav-mobile {
  display: none;
  position: absolute;
  top:70px;
  right: 0;
  background:transparent;
  height: 70px;
  width: 70px;
}
.navigation .nav-mobile:hover {
  text-decoration:none;
  border:none;
}


/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
.navigation .nav-container 	{ max-width:98%;}
.navigation nav 			{ height:80px;}
.navigation .brand 			{ float:left; margin-left:0; line-height:1.2em; max-width:350px; width:360px; }
.navigation .brand .marca	{ font-size:145%; margin-top:5px;}
}

@media only screen and (max-width: 798px) {
.navigation .nav-container	{ max-width:98%;}
.navigation .brand 			{ margin-left:15px; line-height:1.2em;}  
.navigation .nav-mobile 	{ display:block; top:90px; right:15px;}

.navigation .nav-mobile:hover {
  text-decoration:none;
  }
  .navigation nav {
    width:100%;
    padding: 70px 0 15px;
  }
  .navigation nav ul {
    display: none;
  }
  .navigation nav ul li {
    float: none;
  }
  .navigation nav ul li a {
    padding: 15px;
    line-height: 20px;
    color:#7a7a7a;
  }
  .navigation nav ul li ul li a {
    padding-left: 10px;
  }

  .navigation .nav-dropdown {
    position: static;
  }



}
@media screen and (min-width: 799px) {
  .navigation .nav-list {
    display: block !important;
  }
}
.navigation #nav-toggle {
  position: absolute;
  left: 18px;
  top: 30px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
  background:transparent;
  text-decoration:none;
}
.navigation #nav-toggle:hover {
  text-decoration:none;
}
.navigation #nav-toggle span {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #7a7a7a;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
.navigation #nav-toggle span:hover {
  text-decoration:none;
}
.navigation #nav-toggle span:before {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #7a7a7a;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
.navigation #nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: #7a7a7a;
  position: absolute;
  display: block;
  content: '';
  transition: all 300ms ease-in-out;
}
.navigation #nav-toggle span:before {
  top: -10px;
}
.navigation #nav-toggle span:after {
  bottom: -10px;
}
.navigation #nav-toggle.active span {
  background-color: transparent;
}
.navigation #nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
.navigation #nav-toggle.active span:before {
  transform: rotate(45deg);
}
.navigation #nav-toggle.active span:after {
  transform: rotate(-45deg);
}


@media only screen and (min-width: 1900px) {

}
/* for 700px or less */
@media screen and (max-width: 768px) {
.navigation					{ height:80px;}
.navigation .brand			{ position:absolute; left:0;}
.navigation .nav-mobile 	{ top:0;}
.navigation .nav-list		{ margin:0 auto; margin-top:10px; padding:5px; width:95%; border:1px solid #e1e1e1; background:#fff; text-align:center;}


.navigation .bo				{ display:inline-block; float:auto; max-width:48px; max-height:48px; margin:0; padding:0; text-decoration:none; background:transparent; overflow:hidden;}
.navigation .bo				{ border-radius:100%; border:0px solid #ddd; font-size:3vw; text-align:center;}
.navigation .bo a:hover		{ text-decoration:none; background:transparent;}
}

/* for 568px or less */
@media screen and (max-width: 568px) {
.navigation .nav-container	{ max-width:100%;}
.navigation .brand 			{ width:375px; height:70px; margin-top:5px; margin-left:10px;} 
.navigation .logo			{ margin: -5px 15px 0 0;}

 
.navigation .nav-mobile 	{ display:block; top:0px; right:5px;}

}

/* for 480px or less */
@media screen and (max-width: 480px) {
.-sobremenu					{ margin-left:-10px; margin-right:-10px; height:50px; padding:10px 0; font-size:90%}
.sobremenu					{ width:auto; margin-right:auto; margin-left:auto; font-size:85%}
.sobremenu .izquierda		{ padding:2px 0;}

.navigation .brand 			{ width:250px; line-height:1.2em;}  
.navigation .logo			{ margin: 0px 10px 0 0; width:45px; height:45px; background-size:cover;}
.navigation .brand .marca	{ font-size:125%; margin-top:-3px;}

.navigation .nav-mobile 	{ right:20px;}
.navigation .nav-mobile 	{ height:50px; width:50px;}


.navigation .nav-list		{ margin-top:5px;}

}