.accordion {
    display: block;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: white;
    border-radius: 4px;
    position: relative;
    box-shadow: 0 2px rgba(0, 0, 0, 0.12);
}
.panel {
    display: block;
    background: white;
    position:relative;
    overflow: hidden;
    color: #333;
    margin: 0 auto;
}
.panel-header {
    line-height: 56px;
    background: white;
    cursor: pointer;
    text-indent:15px;
    border-bottom: 1px solid #2cbce7;
}

.spacer {
    height: 3px;
    position: absolute;
    width: 0;
    display: block;
    top: 54px;
    background: #2cbce7;
}

.panel-content {
    background: #fff;
    position: relative;
    border-top: 0px solid rgba(0, 0, 0, 0.12);
    height: 0;
}
.item {
    display: block;
    width:100%;
    cursor: pointer;
    padding: 15px 0; 
    text-decoration:none;
    color:#2cbce7;
    text-indent:25px;
    border-bottom:1px solid rgba(0, 0, 0, 0.06);
}

.item-mapa {
    display: block;
    width:100%;
    cursor: pointer;
    /* padding: 15px 0;  */
    text-decoration:none;
    color:#fff;
    /* text-indent:25px; */
    border-bottom:1px solid rgba(0, 0, 0, 0.06);
}
.item:hover {
    background-color: rgba(0, 0, 0, 0.06);
}
.panel i {
    text-indent:0;  /* Keep paragraph text-indent setting from affecting icons */
    padding-right: 6px;
}
.panel span i {

    padding-right: 0; /* No padding on arrow icon */
}
.arrow {
    text-indent:0;  /* Keep paragraph text-indent setting from affecting icons */
    line-height: 56px;
    float: right;
    position: relative;
    right: 16px;
    font-weight: bold;
}