#menu-aria { 
    	background: transparent url(../images/menu-bottom-bg.jpg) no-repeat left bottom;
    	color: #312f27;
    	margin: 0 0 15px;
    	padding: 0 0 33px;
	width:210px;
	font-family:Tahoma, Verdana,Arial,sans-serif
}

#menu-aria h1 {
    background: transparent url(../images/menu-top-bg.jpg) no-repeat left top;
    font-size: 1.25em;
    line-height: 37px;
    padding: 0 20px;
    font-size: 12px;
    margin:0;
}
#menu-aria h2{
	font-size: 12px;
	background:none!important;
	margin:0;
	padding:0;
	
}
.pad-esq-menu{padding-left:10px!important;}

#menu-aria h3,#menu-aria h4, #menu-aria h5,.accordion__panel a{
    line-height: 16px;
    font-size: 11px;
}
.accordion__panel a,.accordion__trigger{
    line-height: 25px;
}
#acc_1-0{
	padding-left:10px;
	border-left: 1px solid #edecda;		
    	border-right: 1px solid #edecda;	
	padding-top:15px;

}
#menu-aria .content-area h1{
    font-size: 1em;
    line-height: 37px;
    padding: 0 15px;
}
.accordion__trigger {
    padding-left: 0px;
    font-size:12px;
}
.accordion__panel{
}



h2 > .accordion__trigger {
	padding-left:20px!important;
}
h2 > .accordion__trigger[aria-expanded="true"]:after {
   background: url(../images/minus.png) no-repeat;
   background-position:0 0px;
   
}
h2 > .accordion__trigger[aria-expanded="false"]:after {
   background: url(../images/plus.png) no-repeat;
   background-position:0 0px;
}

h3 > .accordion__trigger[aria-expanded="true"],h4 > .accordion__trigger[aria-expanded="true"] {
	font-weight:bold;
}
h3 > .accordion__trigger:before {
   background: url(../images/arrow.png) no-repeat;
    bottom: 0;
    content: ' ';
    margin: auto;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 18px;
    height: 18px;
    text-align: center;

}
h4 > .accordion__trigger[aria-expanded="false"]:before {
 background: url(../images/arrow.png) no-repeat;
    bottom: 0;
    content: ' ';
    margin: auto;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 18px;
    height: 18px;
    text-align: center;}
h5 > .accordion__trigger[aria-expanded="false"]:before {
 background: url(../images/arrow.png) no-repeat;
    bottom: 0;
    content: ' ';
    margin: auto;
    position: absolute;
    right: 0px;
    top: 5px;
    width: 18px;
    height: 18px;
    text-align: center;}

h3.accordion__heading,h4.accordion__heading,h5.accordion__heading{	
    	/*font-weight:bolder;*/
	border-bottom: 1px dashed #CCCCCC;
}

.content-area + .content-area {
    padding-top: 0;
    margin-top: -2.5em;
    padding-top: 2em;

}


*,
*:before,
*:after {
	box-sizing: border-box;
}
a{color:#312f27;}
/**
 * Accordion container element
 */
.accordion {
	list-style: none;
	margin: 0;
	padding-right: 5px!important;
}

.accordion > li {
	margin: 0;
}

/**
 * Add zero-width space. needed to ensure Safari + VO respect list semantics.
 * Set the before content to position absolute to negate any visible space
 * the before content could add to the document.
 */
.accordion > li:before {
	content: "";
	position: absolute;
	
}

/**
 * Accordion Heading
 */
.accordion__heading {
	font-size: inherit;
}
h2 > .accordion__trigger {font-weight:bold !important;}
#menu-aria p {border-bottom:1px dashed #CCCCCC; padding-bottom:5px; width:100%;}
.accordion__trigger {
	-webkit-appearance: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	cursor: pointer;
	display: block;
	margin: 0;
	/*padding: .5em 2em .5em 1em;*/
	position: relative;
	text-align: left;
	width: 100%;
	z-index: 2;
	background:none;
	text-decoration:underline;
	font-size:inherit;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif!important;

}
.accordion__trigger:after {
  bottom: 0;
  content: '  ';
  margin: auto;
  position: absolute;
  left: 0px;
  top: 5px;
  width:18px; height:18px;
  text-align:center;

}

.accordion__trigger:hover:after,
.accordion__trigger:focus:after,
.accordion__trigger[aria-expanded="true"]:after {

}

.accordion__trigger[aria-expanded="true"]:after {
  content: '  ';


}

/**
 * This is needed to allow a double tap iOS 11
 * Safari + VO to function correctly, if there
 * are multiple elements (wrapper spans) to layout
 * text nodes within the accordion button.

	-- This is not needed if a button only contains text
	   and no other child nodes wrapping the text --

.accordion__trigger > * {
	pointer-events: none;
}
 */

.accordion__trigger:hover,
.accordion__trigger:focus {
	color: #000;
	outline: none;
}

.accordion__trigger:focus {
	box-shadow: inset 0 0 4px 2px #1e82d1;
}

.accordion__trigger[aria-disabled="true"]:hover {
	color: #000;
	cursor: not-allowed;
}

.accordion__trigger[aria-disabled="true"]:focus {
}

.accordion__panel {
	/*max-height: 0vh;*/
	overflow: hidden;
	padding: 0 0 0 15px;
	position: relative;
	/*visibility: hidden;*/
	z-index: 1;
}

.accordion__panel--transition {
	transition:
		max-height .2s ease-in-out,
		padding-top .2s ease-in-out,
		padding-bottom .2s ease-in-out;
}

.accordion__panel > :last-child {
	margin-bottom: 0;
}

.accordion__panel[aria-hidden="false"] {
	max-height: 100vh;
	overflow: auto;
	padding-left:1.25em;
	visibility: visible;
	
}

.accordion__trigger[aria-expanded="true"] {
	color: #000;
	background:none;
}