.divider {
    padding: 20px;
}

.container-interessati {
    display: block;
    cursor: pointer;
    float: left;
}

.container-interessati a {
    display: block;
    float: left;
    height: 24px;
    width: 256px;
    vertical-align: middle;
    text-align: center;
    color: white;
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.divider2 {
    height: 6px;
}

.color-home {
    background-color: #ff7f02;
}

/* Pulsantiere */
.color-pulsantiere {
    background-color: #49cb85;
}

.font-pulsantiere {
    color: #49cb85 !important;
}

.pulsantiere-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px !important;
    height: 32px;
    vertical-align: middle;
    max-width: 400px;
    overflow: hidden;
}

.pulsantiere-icon span {
    display: table-cell;
    width: 20px;
    height: 20px;
    background-color: #01b552;
    vertical-align: middle;
}

.pulsantiere-icon span img {
    width: auto;
    height: auto;
}

.pulsantiere-icon .title-name {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

/* Museo */
.color-a1-museo {
    background-color: #009460;
}

.font-a1-museo {
    color: #009460 !important;
}

.museo-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px !important;
    height: 32px;
    vertical-align: middle;
    max-width: 400px;
    overflow: hidden;
}

.museo-icon span {
    display: table-cell;
    width: 20px;
    height: 20px;
    background-color: #009460;
    vertical-align: middle;
}

.museo-icon span img {
    width: auto;
    height: auto;
}

.museo-icon .title-name {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

/*00839B*/
.color-a2-live {
    background-color: #00b09b;
}

.font-a2-live {
    color: #00b09b !important;
}

.live-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px !important;
    height: 32px;
    vertical-align: middle;
    max-width: 400px;
    overflow: hidden;
}

.live-icon span {
    display: table-cell;
    width: 20px;
    height: 20px;
    background-color: #00b09b;
    vertical-align: middle;
}

.live-icon span img {
    width: auto;
    height: auto;
}

.live-icon .title-name {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

/*00B3E3 */
.color-a3-ospita {
    background-color: #01b3e3;
}

.font-a3-ospita {
    color: #01b3e3 !important;
}

.ospita-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px !important;
    height: 32px;
    vertical-align: middle;
    max-width: 400px;
    overflow: hidden;
}

.ospita-icon span {
    display: table-cell;
    width: 20px;
    height: 20px;
    background-color: #01b3e3;
    vertical-align: middle;
}

.ospita-icon span img {
    width: auto;
    height: auto;
}

.ospita-icon .title-name {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

/*00B09B*/
.color-a4-eventi {
    background-color: #01839b;
}

.font-a4-eventi {
    color: #01839b !important;
}

.eventi-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px !important;
    height: 32px;
    vertical-align: middle;
    max-width: 400px;
    overflow: hidden;
}

.eventi-icon span {
    display: table-cell;
    width: 20px;
    height: 20px;
    background-color: #01839b;
    vertical-align: middle;
}

.eventi-icon span img {
    width: auto;
    height: auto;
}

.eventi-icon .title-name {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}

/*005678*/
.color-a5-altro {
    background-color: #005679;
}

.font-a5-altro {
    color: #005679 !important;
}

.altro-icon {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px !important;
    height: 32px;
    vertical-align: middle;
    max-width: 400px;
    overflow: hidden;
}

.altro-icon span {
    display: table-cell;
    width: 20px;
    height: 20px;
    background-color: #005679;
    vertical-align: middle;
}

.altro-icon span img {
    width: auto;
    height: auto;
}

.altro-icon .title-name {
    display: table-cell;
    vertical-align: middle;
    padding: 5px;
}


/* Photo Gallery */
.carousels-photo {
    max-width: 550px;
    max-height: 300px;
    margin: 0px auto;
}

.single-img-gallery {
    width: 100%;
    height: 398px;
    background-color: #000;
}

.single-img-gallery .img-g {
    border: 5px solid #7a7a7a !important;
    padding: 5px;
    width: 530px;
    height: auto;
}

.single-img-gallery .img-description {
    vertical-align: middle;
    padding: 9px;
    width: 529px;
    height: 42px !important;
    text-align: justify;
    background-color: rgba(0, 0, 0, 0.64);
    color: #fff;
    overflow: auto !important;
    position: relative;
    z-index: 100;
    margin-top: -80px;
    margin-left: 5px;
}

#gallery-list {
    margin-top: 230px;
    margin-left: 30px;
}

#gallery-list .single-gallery {
    background-color: #e2e2e2;
    min-width: 200px;
}

#gallery-list .single-gallery .s-photo {
    float: left;
    display: table-cell;
    vertical-align: middle;
    max-width: 210px;
    min-height: 158px;
    padding: 5px;
    background-color: #e2e2e2;
    cursor: pointer;
}

#gallery-list .single-gallery .s-photo img {
    display: block;
    width: auto;
}

#gallery-list .single-gallery .s-description {
    float: left;
    width: 330px;
    height: 148px;
    background-color: #e2e2e2;
    padding: 10px;
    text-align: right;
}

#gallery-list .single-gallery .s-description .ss-titolo {
    font-size: 16px;
    padding: 5px;
}

#gallery-list .single-gallery .s-description .ss-descrione {
    padding: 5px;
    font-size: 13px;
    height: 80px;
    overflow: auto;
}

#gallery-list .single-gallery .s-description .btn-vedi-tutti {
    width: 110px;
    height: 26px;
    margin: 0px auto;
}

#gallery-list .single-gallery .s-description .btn-vedi-tutti button {
    background: url("/Content/photo_gallery/buttons/btn-vedi-tutte.png") top left;
    color: #fbfbfb;
    border: none;
    width: 110px;
    height: 26px;
    cursor: pointer;
    padding-left: 24px;
}

#gallery-list .single-gallery .s-description .btn-vedi-tutti button:hover {
    background: url("/Content/photo_gallery/buttons/btn-vedi-tutte-over.png") top left;
    color: #fbfbfb;
}

#gallery-list .single-gallery .s-simbol {
    float: left;
    height: 168px;
    cursor: pointer;
}

#gallery-list .single-gallery .s-simbol .img-icon-symbol {
}

#gallery-list .single-gallery .s-simbol .img-icon-symbol {
}

.img-container {
    padding: 20px;
    margin-top: 40px;
    display: block;
    width: 615px;
    margin: 0px auto;
    max-width:677px;
}

.img-container .img-container-item {
    display: block;
    padding: 2px;
    cursor: pointer;
    float:left;
}

.img-container .img-container-item img {
    height:150px;
    max-height:200px;
    width:auto;
    max-width:200px;
}

.ss-paginator {
    vertical-align: middle;
    text-align: center;
    margin-top: 10px;
    margin: 0px auto;
}

#content .contenuti .riga-pagine {
    padding-left: 0px !important;
    width: auto !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.center {
    margin: 0px auto;
    width: 400px;
}

/**POPUP PHOTO */
.popup-photo-overlay {
    display: none;
    position: fixed;
    z-index: 200000;
    background-color: rgba(78, 78, 78, 0.34);
    top: 0px;
    left: 0px;
    width: 100%;
    height: 5000px;
    overflow: hidden;
}

.popup-photo-overlay .popup-container .close-btn {
    position: relative;
    left: 721px;
    top: 20px;
    z-index: 100;
    cursor: pointer;
}

.popup-photo-overlay .popup-container {
    position: relative;
    top: 150px;
    left: 300px;
}

.popup-photo-overlay .popup-container .popup-photo {
    position: relative;
    border: 5px solid #4e4e4e;
    width: 735px;
    height: 500px;
    background-color: #fff;
    /*top left*/
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    -khtml-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    /*bottom right*/
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -khtml-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    /*bottom left*/
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -khtml-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
/* AREA PULSANTIERE*/
.puls-title {
    font-weight: bold;
    text-align:left;
}
.puls-description {
    text-align:justify;
}
.row-pulsantiera-squadra {
    width: 589px;
    height: 139px;
    background: url("/Content/photo_gallery/sfondo/pulsantiera-bg.png") top left;
    margin: 0px auto;
}

.row-pulsantiera-squadra .rps-img-squadra {
    float: left;
    width: 145px;
    height: 139px;
    max-width: 145px;
}

.row-pulsantiera-squadra .rps-img-squadra img {
    border: 1px solid #606060 !important;
    margin-left: 9px;
    margin-top: 7px;
    width: 123px;
    height: 123px;
    max-width: 123px;
    max-height: 123px;
}

.row-pulsantiera-squadra .rps-squadra-data {
    float: left;
    width: 444px;
    height: 139px;
}

.row-pulsantiera-squadra .rps-squadra-data .rps-panel {
    margin-left: 22px;
    margin-top: 9px;
    font-size: 18px;
}

.row-pulsantiera-squadra .rps-squadra-data .rps-panel .rps-title-nome-squadra {
    margin-bottom: 10px;
}

.row-pulsantiera-squadra .rps-squadra-data .rps-panel .pnl-pulsantiera {
    cursor: pointer;
}