#nav, #nav2, #nav3 {
    margin: 30px auto 0 auto; }
#nav ul, #nav2 ul, #nav3 ul { list-style: none; }
#nav li, #nav2 li, #nav3 li {
  list-style: none; }
#nav li ul li, #nav2 li ul li, #nav3 li ul li{
	border-bottom: none;}
#nav li a, #nav2 li a, #nav3 li a  {
	display: block; padding: 10px 0 8px 0; text-decoration: none; 
	border: 1px solid #e8e5de; margin-top: 10px; border-radius: 10px;
	background: #fff url(../imagenes/mas.jpg) no-repeat 95% 21px; background-size: auto 16px;}
#nav li a:hover, #nav2 li a:hover, #nav3 li a:hover{
	background: #e8e5de url(../imagenes/hover.png) no-repeat 95% 21px; background-size: auto 16px; border: 1px solid #fff;}
#nav li a.active, #nav2 li a.active, #nav3 li a.active{
	background: #fff url(../imagenes/menos.jpg) no-repeat 95% 21px; background-size: auto 16px;}
#nav li a:hover img, #nav2 li a:hover img, #nav3 li a:hover img{
	opacity: 0.4;}
#nav li a h2, #nav2 li a h2, #nav3 li a h2{
	font-size: 15px; color: #725a44; display: inline-block; margin-bottom: 0; font-weight: 400;}
.desplegables{
	margin-top: 60px;}
.desplegables #nav li a h2, .desplegables #nav2 li a h2, .desplegables #nav3 li a h2{
	padding-left: 40px; text-transform: uppercase; font-size: 17px; letter-spacing: 1px;}
.desplegables .m-top{
	margin-top: 35px;}
#nav section, #nav2 section, #nav3 section {
	overflow: hidden; width:100%; max-height: 0; border-radius: 10px; 
	background: #f4f3ef; transition: 1.5s ease; -webkit-transition: 1.5s ease;}
.no-js #nav section, .no-js #nav2 section, .no-js #nav3 section {
  display: block; }
#nav li, #nav2 li { 
    display: block; padding: 0px; }
#nav section.is-open, #nav2 section.is-open, #nav3 section.is-open {
	padding: 40px 0; max-height: 3000px;}
.ser{
	padding: 0 40px; font-size: 0.9em; opacity: 0.8;}
#nav li .boton a, #nav2 li .boton a, #nav3 li .boton a{
	border: none; background: #fff !important; color: #075926; 
	display: block; float: right; padding: 10px 15px 8px 15px; margin-top: 15px;}
#nav li .boton a:hover, #nav2 li .boton a:hover, #nav3 li .boton a:hover{
	background: #98b69a !important;}
#nav li, #nav2 li, #nav3 li{
	clear: both;}
.num{
	color: #C77429; font-size: 20px; margin-right: 5px; width: 30px;}
.componentes{
	margin-top: 50px; font-size: 24px; 
}

	
	
@media screen and (max-width: 520px) {
#nav li a, #nav2 li a, #nav3 li a {
	display: block; padding: 10px 0 8px 0; text-decoration: none; 
	border: 1px solid #e8e5de; margin-top: 10px; border-radius: 10px;
	background: #fff url(../imagenes/mas.jpg) no-repeat 95% 22px; background-size: auto 16px;}
#nav li a:hover, #nav2 li a:hover, #nav3 li a:hover{
	background: #e8e5de url(../imagenes/hover.png) no-repeat 95% 22px; background-size: auto 16px; border: 1px solid #fff;}
#nav li a.active, #nav2 li a.active, #nav3 li a.active{
	background: #fff url(../imagenes/menos.jpg) no-repeat 95% 22px; background-size: auto 16px;}
#nav li a h2, #nav2 li a h2, #nav3 li a h2{
	font-size: 16px;}
.ser{
	padding: 0 20px;}
}