/* CSS ACORDEON */
.menu-acordeon { background: #FFF; margin-bottom: 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd}
.menu-acordeon h3 { margin: 0 0 0px; letter-spacing: normal; padding: 0px; display: block;  }
.menu-acordeon h3 a{ /*background: url(../../images/menu-arrow.png) no-repeat left 9px;*/ margin: 0 0 0px; letter-spacing: normal; text-decoration: none; display: block; font-size: 18px; text-transform:uppercase; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; padding: 5px 5px 5px 15px; color: #2367B3; }
.menu-acordeon h3 a:hover, .menu-acordeon h3.active a { text-decoration: none; }

.menu-acordeon h4 { margin: 0 0 0px; letter-spacing: normal; padding: 0px; display: block; }
.menu-acordeon h4 a{ background: url(../../images/menu-arrow.png) no-repeat left 9px; margin: 0 0 0px; letter-spacing: normal; text-decoration: none; display: block; font-size: 14px; font-style: normal; line-height: 16px; font-weight: normal; font-variant: normal; padding: 5px 5px 5px 15px; border-bottom: 1px solid #ddd; }
.menu-acordeon h4 a:hover, .menu-acordeon h3.active a { text-decoration: none; color: #333;}

.menu-acordeon div { color: #999; font-family: Arial, Helvetica, sans-serif; padding: 10px; }
.menu-acordeon div a { display: block; /*background: url(../../images/submenu-arrow.png) no-repeat left 8px;*/ font-weight: normal; font-size: 13px; list-style: circle inside; border-style: none; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; line-height: 14px; color: #06C; }
.menu-acordeon div a:hover { text-decoration: none; color: #39AAE0; }