#nav, #nav2 {
    margin: 0 auto;}
#nav ul, #nav2 ul {
  padding: 0;
  border-top: 1px solid #CCC;
  margin: 0 80px 0 0 ;}
#nav li, #nav2 li {
  list-style: none; }
#nav li a, #nav2 li a {
	display: block; color: #000;
	padding: 7px 0 6px 0;
	text-decoration: none; }
#nav li a:hover, #nav2 li a:hover{
	background: #ebf5e2;}
#nav li a.active, #nav2 li a.active {
	background: #50b11c;  border: 1px solid #a5ccc5;}
#nav li a h3, #nav2 li a h3{
	font-size: 22px; line-height: 36px; font-weight: 400;}
#nav section, #nav2 section {
	overflow: hidden; 
	max-height: 0; width:90%; padding: 0 5%;
	transition: 1.3s ease; -webkit-transition: 1.3s ease;}
#nav li section a, #nav2 li section a{
	border-bottom: none !important;
	line-height: 12px;
	padding: 7px 10px 6px 10px;
	display: block;}
#nav li section a:hover, #nav2 li section a:hover{
	background: #0b9191;
	color: #fff;
	font-weight: 400;}
.no-js #nav section, .no-js #nav2 section {
  display: block; }
#nav li, #nav2 li { 
    display: block; 
    padding: 0px; }
#nav section.is-open, #nav2 section.is-open {
	width:90%; padding: 2% 5%;
	max-height: 500px; border: 1px solid #a5ccc5;}
.seg{
	font-size: 0.8em; color: #0b9191; }
/*símbolos más de las pestañas*/
#nav li a h3 .mas, #nav2 li a h3 .mas{
	opacity: 0.5; margin: 0 0 0 10px;}
#nav li a:hover h3 .mas, #nav2 li a:hover h3 .mas{
	opacity: 1; display: inline-block;}
#nav li a.active .mas, #nav2 li a.active .mas{
	display: none;} 
#nav li a.active:hover h3 .mas, #nav2 li a.active:hover h3 .mas{
	display: none;}
/*símbolos menos de las pestañas*/
#nav li a h3 .menos, #nav2 li a h3 .menos{
	display: none; margin: 0 0 0 10px;}
#nav li a.active .menos, #nav2 li a.active .menos{
	opacity: 0.5; display: inline-block;}
#nav li a.active:hover h3 .menos, #nav2 li a.active:hover h3 .menos{
	opacity: 1;}
	
@media screen and (max-width: 480px) {
#nav li a, #nav2 li a {
	display: block; border-bottom: 1px solid #ccc;
	padding: 6px 0;}
#nav li a h3, #nav2 li a h3{
	font-size: 15px; line-height: 26px !important; }
	}