}
#my #menu-principale {
    background-color: #2079d4;
}
#my #menu-principale ul {
    background-color: #2079d4;
    display: table-row;
    margin: 0;
    padding: 0;
}
#my #menu-principale ul li {
    display: inline-block;
    line-height: 4em;
}
#my #menu-principale ul li a, #my #menu-principale ul li a:active, #my #menu-principale ul li a:visited, #my #menu-principale ul li a:focus, #my #menu-principale ul li a:hover {
    color: #ffffff;
    display: inline;
    font-size: 110%;
    padding: 19px 20px;
    text-align: left;
    text-decoration: none;
}
#my #menu-principale ul li a:hover, #my #menu-principale ul li a:focus, #my #menu-principale ul li a:hover {
    color: #000000;
}
#my #menu-principale li a.close::after {
    content: "?";
    font-family: ita;
    padding-left: 5px;
}
#my #menu-principale li a.open::after {
    content: "?";
    font-family: ita;
    padding-left: 5px;
}
#my #menu-principale ul li a.current, #my #menu-principale ul li a.current:active, #my #menu-principale ul li a.current:visited, #my #menu-principale ul li a.current:focus, #my #menu-principale ul li a.current:hover {
    background-color: #fff;
    color: #000000;
}
#my #main h1 {
    font-size: 220%;
    font-weight: bold;
}
#my #main h1:first-child {
    font-size: 220%;
    font-weight: bold;
    margin-bottom: 15px;
}
#my #main .cols.spalla-dx h1, #my #main .section .contenitore h1.title:first-child {
    font-size: 210%;
}
#my #main .strillo {
    margin: 20px auto 30px;
}
#my #main .strillo .title {
    font-size: 280%;
}
#my #main h2 {
    font-size: 180%;
    font-weight: bold;
}
#my #main .strillo .image {
    width: 70%;
}
#my #main .strillo p {
    color: #5a6772;
    font-size: 150%;
    font-weight: normal;
}
#my #main p strong {
    color: #555;
}
#my #main #breadcrumb {
    margin: 0 0 6px;
}
#my #shareTestata .socialTestata, #my #nav-servizio .socialTestata {
    margin: 0;
}
#my #shareTestata label, #my #nav-servizio label {
    color: #ffffff;
}
#my #shareTestata ul.socialTestata, #my #shareTestata ul.socialTestata li, #my #nav-servizio ul.socialTestata, #my #nav-servizio ul.socialTestata li {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
}
#my #shareTestata ul.socialTestata li a, #my #shareTestata ul.socialTestata li a:active, #my #shareTestata ul.socialTestata li a:visited, #my #shareTestata ul.socialTestata li a:hover, #my #nav-servizio ul.socialTestata li a, #my #nav-servizio ul.socialTestata li a:active, #my #nav-servizio ul.socialTestata li a:visited, #my #nav-servizio ul.socialTestata li a:hover {
    color: #ffffff;
    font-size: 200%;
    padding: 0 3px;
    text-decoration: none;
}
#my #form-ricerca {
    padding: 5px 0;
}
#my #main img.res {
    padding: 0;
    width: 90%;
}
#my #main .cols > .res1 {
    padding: 5px 0;
}
#my #main .strillo .image {
    padding-left: 10px;
    padding-right: 0;
    text-align: right;
}
#my #main .cols > p.archive {
    margin: 16px 0;
    position: relative;
    text-align: right;
}
#my #main main .titoloAgenda, #my #main main .scuro, #my #main main .azzurro, #my #main .ciano, #my #main main .trasparenza, #my #main main .blue {
    margin: 0;
    padding: 0;
}
#my #main main > .scuro {
    background-color: #30373d;
}
#my #main .ciano {
    margin: 8px auto;
}
#my #main main .titoloAgenda {
    background-color: #00264d;
    color: #ffffff;
    padding-bottom: 5px;
}
#my #main main > .azzurro {
    background-color: #f4f4f2;
    padding-bottom: 5px;
}
#my #main main > .blue {
    background-color: #004d99;
    padding-bottom: 5px;
}
#my #main main > .trasparenza {
    background-color: #66a5e3;
}
#my #main main > .blue h1:first-child, #my #main main > .blue a, #my #main main .titoloAgenda p, #my #main main .titoloAgenda a:active, #my #main main .titoloAgenda h1:first-child, #my #main main .titoloAgenda a, #my #main main > .blue a:active, #my #main main > .scuro h1:first-child, #my #main main > .scuro a, #my #main main > .scuro a:active {
    color: #ffffff;
}
.scuro .card .link .fa {
    margin-right: 5px;
}
#my #main .card > p.link > a::before {
    content: none;
    padding-left: 5px;
}
#my #main .card > p.link a, #my #main .card > p.link a:active {
    color: #0066cc;
}
#my #main .ciano a:hover, #my #main .card a:hover, #my #main .card > p.link a:hover {
    color: #ffffff;
}
#my #main .cols > p.archive {
    margin: 16px 0;
    position: relative;
    text-align: right;
}
#my #main .cardUN {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 5px 30px -20px rgba(50, 50, 50, 0.55);
    height: auto;
    padding: 0 10px;
}
#my #main .cardUN > .logo {
    background: transparent url("../img/content/cards/blue/bg.png") no-repeat scroll center center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 -10px;
    text-align: center;
}
#my #main .cardUN > .logo > img {
    height: auto;
    width: 100%;
}
#my #main .cardUN > .title {
    font-size: 110%;
    font-weight: bold;
    margin: 16px 0;
}
#my #main .card1 {
    background-color: #2079d4;
    box-shadow: 0 5px 30px -20px rgba(50, 50, 50, 0.55);
    color: #ffffff;
    padding: 0;
}
#my #main .card1.noimg {
    padding: 229px 0 0;
}
#my #main .card1 > img, #my #main .card1 > .logo > img {
    height: 230px;
    width: 100%;
}
#my #main .card1 > p {
    margin: 0 10px 10px;
}
#my #main .card1 > p.logo {
    margin: 0;
}
#my #main .card1 > h2 {
    margin-top: 10px;
}
#my #main .card1 > h2, #my #main .card1 > h2 a, #my #main .card1 > h2 a:active, #my #main .card1 > h2 a:hover, #my #main .card1 > h2 a:visited {
    color: #ffffff;
    font-size: 114%;
    font-weight: bold;
    padding: 0 5px;
}
#my #main .card1 > h2 a:hover {
    text-decoration: underline;
}
#my #main .card2 {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 5px 30px -20px rgba(50, 50, 50, 0.55);
    padding: 0;
}
#my #main .card2.infoservizi {
    background-image: url("../img/content/cards/fondoPA.jpg");
    padding: 60px 10px 0;
}
#my #main .card2 > .title {
    font-size: 110%;
    font-weight: bold;
    margin: 16px 0 10px;
}
#my #main .card2 > h2 {
    margin-top: 10px;
}
#my #main .card2.infoservizi > h2.title > a {
    background: rgba(80, 80, 80, 0.9) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
#my #main .card.gare {
    background-color: #004d99;
    color: #ffffff;
}
#my #main .card.gare > h2.title > a {
    color: #ffffff;
}
#my #main .card.gare > h2.title > a:hover {
    text-decoration: underline;
}
#my #main i.fa.fa-circle {
    font-size: 80%;
}
#my #main i.fa.fa-circle.rosso {
    color: red;
}
#my #main i.fa.fa-circle.blue {
    color: blue;
}
#my #main i.fa.fa-circle.arancio {
    color: orange;
}
#my #main i.fa.fa-circle.verde {
    color: green;
}
/*PANTONE BLU - PARTECIPAZIONE*/
#my #main i.fa.fa-circle.blue {
    color: #126296;
}
#my #main i.fa.fa-circle.consultazioni {
    color: #00B5E2;
}
#my #main i.fa.fa-circle.consultazioni {
    color: #00B5E2;
}
#my #main i.fa.fa-circle.impatto {
    color: #2DCCD3;
}
#my #main i.fa.fa-circle.opendemanio {
    color: #253746;
}
/*PANTONE VERDE - INVESTIMENTI*/
#my #main i.fa.fa-circle.cantieri {
    color: #44D62C;
}
#my #main i.fa.fa-circle.energia {
    color: #CDEA80;
}
#my #main i.fa.fa-circle.federalb {
    color: #ECE81A;
}
#my #main i.fa.fa-circle.razpa {
    color: #949300;
}
/*PANTONE FUCSIA - RIGENERAZIONE*/
#my #main i.fa.fa-circle.rigen {
    color: #800080;
}
#my #main i.fa.fa-circle.percorsi {
    color: #CE0056;
}
#my #main i.fa.fa-circle.feddem {
    color: #50283A;
}
#my #main i.fa.fa-circle.terrevive {
    color: #440099;
}
#my #main i.fa.fa-circle.fari {
    color: #FFC0FF;
}
/*ALTRI PANTONi*/
#my #main i.fa.fa-circle.red {
    color: red;
}
#my #main i.fa.fa-circle.orange {
    color: orange;
}
#my #main i.fa.fa-circle.gray {
    color: gray;
}
#my #main i.fa.fa-circle.darkturqoise {
    color: darkturqoise;
}
#my #main i.fa.fa-circle.crimson {
    color: crimson;
}
#my #main i.fa.fa-circle.coral {
    color: coral;
}
#my #main i.fa.fa-circle.darkseagreen {
    color: darkseagreen;
}
/*PANTONE tipologie vendite*/
#my #main i.fa.fa-circle.residenziale {
    color: #949599;
}
#my #main i.fa.fa-circle.commerciale {
    color: #6F2D91;
}
#my #main i.fa.fa-circle.excaserma {
    color: #233F93;
}
#my #main i.fa.fa-circle.exconvento {
    color: #6DCFF6;
}
#my #main i.fa.fa-circle.excarcere {
    color: #C71C8E;
}
#my #main i.fa.fa-circle.terreno {
    color: #229F15;
}
#my #main i.fa.fa-circle.castello {
    color: #FFCB05;
}
#my #main i.fa.fa-circle.immobilestorico {
    color: #B92A30;
}
#my #main i.fa.fa-circle.industrialedirezione {
    color: #F68121;
}
#my #main i.fa.fa-circle.abruzzo,
#my #main i.fa.fa-circle.calabria,
#my #main i.fa.fa-circle.abruzzo,
#my #main i.fa.fa-circle.campania,
#my #main i.fa.fa-circle.emiliaromagna,
#my #main i.fa.fa-circle.friuliveneziagiulia,
#my #main i.fa.fa-circle.lazio,
#my #main i.fa.fa-circle.liguria,
#my #main i.fa.fa-circle.lombardia,
#my #main i.fa.fa-circle.marche,
#my #main i.fa.fa-circle.molise,
#my #main i.fa.fa-circle.piemonte,
#my #main i.fa.fa-circle.sicilia,
#my #main i.fa.fa-circle.toscana,
#my #main i.fa.fa-circle.umbria,
#my #main i.fa.fa-circle.veneto{
    color: #c7e7c4;
}
/*FINE PANTONE tipologie vendite*/

#my #footer .cols > .grid2 {
    float: left;
    width: 48.5%;
}
#my #footer .cols > .grid2:last-child {
    float: right;
}
#my #footer .cols > .grid3 {
    float: left;
    width: 31.93%;
}
#my #footer .cols > .grid4 {
    float: left;
    margin: 0 0.5% 0 1.5%;
    width: 23.5%;
}
#my #footer .cols > .grid4:first-child {
    margin-left: 0;
}
#my #footer .cols > .grid4:last-child {
    float: right;
    margin-right: 0;
}
#my #footer .cols > .grid4.x2 {
    width: 49%;
}
#my #footer .cols > .grid4.x2:last-child {
    margin-left: 0;
}
#my #footer .card {
    background-color: #30373d;
    padding: 0 10px;
}
#my #footer .card h2:first-child, #my #footer .card a, #my #footer .card a:active, #my #footer .card a:hover, #my #footer .card a:hover {
    color: #ffffff;
}
#my #footer ul.lista_footer li {
    display: block;
    float: none;
}
#my #footer ul.lista_footer {
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}
#my #footer ul.lista_footer li a {
    color: #65dde0;
    cursor: pointer;
    display: block;
}
#my #footer .cols > .grid3.x2 {
    width: 66%;
}
#my #footer .border {
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}
#my #footer .sx, #my #footer .dx {
    border: medium none;
    margin: 0;
    padding: 0 0 20px;
}
#my #footer .sx p, #my #footer .dx p {
    margin: 0;
    padding: 0 0 20px;
}
#my #footer ul.seguici {
    font-size: 100%;
    padding-top: 10px;
}
#my #footer .fa {
    color: #65dde0;
    font: xx-large/1 FontAwesome;
}
#my #footer .dx.icons {
    padding-right: 12px;
}
#my #main h2.gare {
    margin: 15px 0 5px;
}
#my #main .archivio {
    text-align: right;
}
#my #main .sottotitolo {
    background-color: #ffa500;
    margin: 0;
    padding: 0;
}
#my .sottotitolo ul, #my .sottotitolo ul li {
    background-color: #ffa500;
    display: inline;
    margin: 0;
    padding: 0;
}
#my ul.sottotitolo li a, #my ul.sottotitolo li a:active, #my ul.sottotitolo li a:visited, #my ul.sottotitolo li a:hover {
    color: #000080;
    font-size: 100%;
    padding: 0 3px;
    text-decoration: underline;
}
#my #contenuti-pagina .margine {
    margin-bottom: 0;
    padding-bottom: 0;
}
#my #main i.fa.fa-video-camera, #my #main i.fa.fa-camera, #my #main i.fa.fa-file-text-o {
    color: gray;
    font-size: 170%;
}
#my #main .card.azzurro {
    background-color: #e2eefb;
    color: #004d77;
}
#my #main .card.giallo {
    background-color: #c0ffc0;
}
#my #main .card.verde {
    background-color: #ffffc0;
}
#my #main .card.lilla {
    background-color: #e8e8ff;
}
#my #main .card.arancio {
    background-color: #ffe0e0;
}
#my #main .card.rosso {
    background-color: #fce1c9;
}
#my #main .card.verde2 {
    background-color: #80ff80;
}
#my #main .card.blu {
    background-color: #d5fff9;
}
#my #main .titoloAgenda p.agenda {
    color: #ffffff;
    font-size: 150%;
    margin: 27px 0 0;
    text-align: center;
}
#my #main #agenda {
    color: #ffffff;
}
#my #main #agenda .tab > .titles {
    background-color: #004d99;
    color: #ffffff;
}
#my #main #agenda .cols > .duplex.tab.jtab {
    margin: 0 auto 30px;
}
#my #main #agenda a, #my #main #agenda a:active, #my #main #agenda a:visited, #my #main #agenda a:focus, #my #main #agenda a:hover {
    background-color: #003367;
    color: #ffffff;
    text-decoration: none;
    text-transform: none;
}
#my #main #agenda a:hover {
    text-decoration: underline;
}
#my #main #agenda a:active, #my #main #agenda a:focus {
    background-color: #003367;
    color: #ffffff;
}
#my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component.close > .title > a {
    background-color: transparent;
}
#my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:active, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:visited, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:focus, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:hover {
    background-color: #003367;
    color: #ffffff;
    text-decoration: none;
}
#my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:hover {
    text-decoration: underline;
}
#my #main #agenda .content ul li:last-child {
    border-right: 0 none;
}
#my #main #agenda .content ul li {
    border-right: 1px solid;
    display: table-cell;
    padding: 10px;
}
#my #main #agenda .content, #my #main #agenda .content p, #my #main #agenda .content p a, #my #main #agenda .content ul, #my #main #agenda .content ul li, #my #main #agenda .content ul li a, #my #main #agenda .content ul li a:active, #my #main #agenda .content ul li a:hover, #my #main #agenda .content ul li a:visited, #my #main #agenda .content ul li a:focus {
    background-color: #66a5e3;
    color: #000000;
}
#my #main #agenda .content ul li a:hover {
    background-color: #dae9f9;
}
@media only screen and (max-width: 799px) {
#my #main #agenda .content, #my #main #agenda .content p, #my #main #agenda .content p a, #my #main #agenda .content ul, #my #main #agenda .content ul li, #my #main #agenda .content ul li a, #my #main #agenda .content ul li a:active, #my #main #agenda .content ul li a:hover, #my #main #agenda .content ul li a:visited, #my #main #agenda .content ul li a:focus {
    border: medium none;
    display: table;
}
#my #main #agenda a, #my #main #agenda a:active, #my #main #agenda a:visited, #my #main #agenda a:focus, #my #main #agenda a:hover {
    background-color: #003367;
    color: #ffffff;
}
#my #main #agenda a:hover {
    text-decoration: underline;
}
#my #main #agenda .accordion .component.close .content {
    display: none;
}
#my #main #agenda .accordion > .component > .title > a > * {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}
#my #menu-principale ul li a.current, #my #menu-principale ul li a.current:active, #my #menu-principale ul li a.current:visited, #my #menu-principale ul li a.current:focus, #my #menu-principale ul li a.current:hover {
    background-color: #fff;
    color: #000000;
}
}
#my #main .contatti, #my #main .contatti:active, #my #main .contatti:visited {
    color: #000;
    text-decoration: none;
}
#my .dropdown > .content {
    background-color: #efefef;
    display: inline;
}
#my .dropdown > .content {
    background-color: #c0c0c0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 2px 1px;
}
#my .dropdown ul li {
    display: block;
    line-height: 2em;
}
#my .dropdown .title a::after {
    padding-left: 5px;
    position: absolute;
    right: 0;
}
#my #menu-principale .dropdown > .content ul {
    background-color: transparent;
}
#my #menu-principale .dropdown > .content ul li {
    background-color: #d1e7ff;
    border-bottom: 1px solid #c0c0c0;
    display: block;
    height: auto;
    margin: 0;
    min-width: 280px;
    padding: 0;
    width: 100%;
}
#my #menu-principale .dropdown > .content ul li a, #my #menu-principale .dropdown > .content ul li a:hover {
    background-color: #d1e7ff;
    color: #000040;
    display: block;
    line-height: 2em;
    margin: 0;
    min-width: 280px;
    padding: 0 10px;
    text-align: left;
    width: 100%;
}
#my #menu-principale .dropdown > .content ul li a:hover {
    text-decoration: underline;
}
#my .flag_container {
    clear: both;
    transition: all 0.4s ease 0s;
}
#my .flag_container {
    margin: -4px auto auto;
    position: relative;
    z-index: 10;
}
#my .flag_container {
    width: 1286px;
}
#my .flag_container div {
    float: left;
    height: 4px;
    overflow: hidden;
    width: 33.3333%;
}
#my .flag_container div.green {
    background: #009246 none repeat scroll 0 0;
}
#my .flag_container div.white {
    background: #ffffff none repeat scroll 0 0;
}
#my .flag_container div.red {
    background: #ce2b37 none repeat scroll 0 0;
}
#my #main .card.azzurro {
    padding: 0;
}
#my #main .grid4.x1 .card > .title {
    margin: 0;
}
#my #main .card > .title {
    margin: 0;
    padding: 0 10px 5px;
}
#my #main .card > .title > a.bottone {
    color: #000040;
    display: block;
    min-height: 63px;
    padding: 10px;
    width: 100%;
}
#my #main .card > .sitiTematici {
    background-color: #66a5e3;
    font-size: 110%;
    font-weight: bold;
    margin: 0;
}
#my #main .card > .sitiTematici > a:hover {
    color: #ffffff;
}
#my #main .card > .sitiTematici > a > img {
    margin-right: 4px;
}
#my #main .card > .sitiTematici > a {
    color: #000040;
    display: block;
    min-height: 60px;
    padding: 10px;
    width: 100%;
}
#my #main .card1 > p.logo a {
    display: block;
    height: auto;
    margin: 0;
    min-height: 270px;
    padding: 0;
    width: 100%;
}
#my #main .card1 > p.logo img {
    display: block;
    height: 230px;
    margin: 0 0 6px;
    padding: 0;
    width: 100%;
}
#my #main main .card1 > p.logo > a > i.fa {
    padding: 0 0 0 5px;
}
#my #main .strillo i.fa.fa-video-camera, #my #main .strillo i.fa.fa-camera, #my #main .strillo i.fa.fa-file-text-o {
    color: gray;
    font-size: 100%;
}
#my #main .strillo > ul.link > li > a > .underline, #my #main ol.link > li > a > .underline, #my #main .strillo > p.link > a > .underline {
    text-decoration: none;
}
.fa {
    padding-right: 5px;
}
#my #main .card1.progetti, #my #main .card1.galleria {
    padding: 0;
}
#my #main .card1.progetti > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 114%;
    font-weight: bold;
    height: auto;
    padding: 0;
    width: 100%;
}
#my #main .card1.progetti > a > img {
    height: 230px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#my #main .card1.progetti > a > h2 {
    font-size: 114%;
    font-weight: bold;
    margin: 5px 0;
    padding: 0 15px;
}
#my #main .card1.progetti > a > p {
    font-size: 85%;
    font-weight: normal;
    margin: 10px 0;
    padding: 0 0 1px 15px;
}
#my #main .card2.infoservizi {
    padding: 0;
}
#my #main .card2 > h2.title {
    font-size: 110%;
    font-weight: bold;
    margin: 0;
}
#my #main .card2.infoservizi > h2.title > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    height: 140px;
    padding-top: 100px;
    width: 100%;
}
#my #main .card2.infoservizi > h2.title > a > span.bottone {
    background: rgba(80, 80, 80, 0.9) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
#my #main .grid-item > content > p > a:active {
    color: #005a8c;
    text-decoration: underline;
}
#my.sx #main {
    float: right;
}
@media only screen and (min-width: 800px) {
#my.sx #sx {
    display: block;
    float: left;
    padding: 30px 0;
    width: 25%;
}
#my #main h1:first-child {
}
#my #testata #threeline.open {
    background-color: #eaf2fa;
    color: #0066cc;
}
}
@media only screen and (max-width: 799px) {
#my #main #agenda .content, #my #main #agenda .content p, #my #main #agenda .content p a, #my #main #agenda .content ul, #my #main #agenda .content ul li, #my #main #agenda .content ul li a, #my #main #agenda .content ul li a:active, #my #main #agenda .content ul li a:hover, #my #main #agenda .content ul li a:visited, #my #main #agenda .content ul li a:focus {
    border: medium none;
    display: table;
}
#my #main #agenda a, #my #main #agenda a:active, #my #main #agenda a:visited, #my #main #agenda a:focus, #my #main #agenda a:hover {
    background-color: #003367;
    color: #ffffff;
}
#my #main #agenda a:hover {
    text-decoration: underline;
}
#my #main #agenda .accordion .component.close .content {
    display: none;
}
#my #main #agenda .accordion > .component > .title > a > * {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}
#my #testata #threeline.open {
    background-color: #eaf2fa;
    color: #0066cc;
}
#my #menu-principale.open > .contenitore > ul > li {
    display: block;
    text-align: left;
}
#my #menu-principale.open > .contenitore > ul > li a, #my #menu-principale .contenitore > ul > li a:hover {
}
#my #menu-principale .contenitore > ul > li a:hover {
    text-decoration: underline;
}
#my #menu-principale .dropdown > .content ul li a, #my #menu-principale .dropdown > .content ul li a:hover {
    padding-left: 20px;
}
#my #menu-principale .contenitore > ul > li.dropdown > .content ul, #my #menu-principale .contenitore > ul > li.dropdown > .content ul li, #my #menu-principale .contenitore > ul > li.dropdown > .content ul li a {
    background-color: #d1e7ff;
    color: #000040;
}
#my #footer .cols .grid2, #my #footer .cols .grid3, #my #footer .cols .grid4 {
    clear: both;
    float: none;
    margin: 0;
    width: 100%;
}
}
#my #main .cols #links .grid4 {
    margin: 0;
    padding: 0;
}
#links a {
    display: block;
}
#links .image img {
    width: 100%;
}
#my #main main .titoloAgenda, #my #main main .blu-ardesia-scuro, #my #main main .verde-pino-grigio, #my #main main .grigio-5, #my #main main .bianco, #my #main main .trasparenza, #my #main main .blu-carta-da-zucchero {
    margin: 0;
    padding: 0;
}
#my #main main .blu-ardesia-scuro {
    background-color: #00264d;
}
#my #main main .verde-pino-grigio {
    background-color: #30373d;
}
#my #main main .bianco {
    margin: 8px auto;
}
#my #main main .grigio-5 {
    background-color: #f4f4f2;
    padding-bottom: 5px;
}
#my #main main .blu-carta-da-zucchero {
    background-color: #004d99;
    padding-bottom: 5px;
}
#my #main main .trasparenza {
    background-color: #66a5e3;
}
#my #main main .blu-carta-da-zucchero h1:first-child, #my #main main .blu-carta-da-zucchero a, #my #main main .titoloAgenda p, #my #main main .titoloAgenda a:active, #my #main main .titoloAgenda h1:first-child, #my #main main .titoloAgenda a, #my #main main .blu-carta-da-zucchero a:active, #my #main main .blu-ardesia-scuro h1:first-child, #my #main main .blu-ardesia-scuro a, #my #main main .blu-ardesia-scuro a:active, #my #main main .verde-pino-grigio h1:first-child, #my #main main .verde-pino-grigio a, #my #main main .verde-pino-grigio a:active {
    color: #ffffff;
}
.blu-ardesia-scuro .card .link .fa {
    margin-right: 5px;
}
#my #main .strillo p {
    color: #5a6772;
    font-size: 150%;
    font-weight: normal;
    padding: 5px 0;
}
#my #main .strillo .image {
    padding-left: 10px;
    padding-right: 0;
    text-align: right;
    width: 70%;
}
#my #main .strillo i.fa.fa-video-camera, #my #main .strillo i.fa.fa-camera, #my #main .strillo i.fa.fa-file-text-o {
    color: gray;
    font-size: 170%;
}
#my #main .strillo > ul.link > li > a > .underline, #my #main ol.link > li > a > .underline, #my #main .strillo > p.link > a > .underline {
    text-decoration: none;
}
#my #main ul.link > li > a::after, #my #main p.link > a::after {
    height: 20px;
}
#my #main .card > .logo > img {
    height: auto;
    max-width: 100%;
}
#my .grid1::after {
    clear: both;
    content: "";
    display: block;
}
#my #main main > #detail {
    clear: both;
    content: "";
    display: block;
}
#my #main main > #detail {
    width: 100%;
}
#my #main #detail .detail-content {
    float: left;
    width: 66.6%;
}
#my #main #detail .detail-menu {
    float: right;
    margin: 30px auto;
}
#my #main #detail .detail-menu h2 {
    background-color: #eee;
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 10px;
}
#my #main #detail .detail-menu ul {
    margin: 0;
    padding: 0;
}
#my #main #detail .detail-menu ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#my #main #detail .detail-menu ul > li > a, #my #main #detail .detail-menu ul > li > a:active, #my #main #detail .detail-menu ul > li > a:visited, #my #main #detail .detail-menu ul > li > a:focus, #my #main #detail .detail-menu ul > li > a:hover {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    color: #0066cc;
    display: block;
    padding: 10px 10px 10px 30px;
    position: relative;
    text-decoration: none;
}
#my #testata .logo {
    background-color: #0066cc;
}
#my #testata .logo .sx img {
    height: 80px;
    width: 80px;
}
#my #testata .logo .sx strong {
    color: #ffffff;
    line-height: 1em;
    padding-left: 12px;
}
#my #form-ricerca label {
    color: #0066cc;
}
#my .section .contenitore {
    padding: 0 0 5px;
}
#my .section .contenitore .dx {
    display: inline-block;
    float: right;
}
#my .section .contenitore .sx {
    display: inline-block;
}
#my .section .contenitore div:first-child {
}
#my {
    color: #00264d;
}
#my {
    font-family: TitilliumWeb;
    line-height: 1.5em;
}
#my #contenuti-pagina.margine {
    padding-bottom: 0;
}
#my #footer.margine {
    padding-top: 0;
}
#my a, #my a:active {
    color: #005a8c;
    text-decoration: none;
}
#my #menu-principale {
    background-color: #2079d4;
    text-align: center;
}
#my #menu-principale ul {
    background-color: #2079d4;
    display: table-row;
    margin: 0;
    padding: 0;
}
#my #menu-principale ul li {
    display: inline-block;
    line-height: 4em;
}
#my #menu-principale ul li a, #my #menu-principale ul li a:active, #my #menu-principale ul li a:visited, #my #menu-principale ul li a:focus, #my #menu-principale ul li a:hover {
    color: #ffffff;
    display: inline;
    font-size: 110%;
    padding: 19px 20px;
    text-align: left;
    text-decoration: none;
}
#my #menu-principale ul li a:hover, #my #menu-principale ul li a:focus, #my #menu-principale ul li a:hover {
    color: #000000;
}
#my #menu-principale li a.close::after {
    content: "?";
    font-family: FontAwesome;
    padding-left: 5px;
}
#my #menu-principale li a.open::after {
    content: "?";
    font-family: FontAwesome;
    padding-left: 5px;
}
#my #menu-principale ul li a.current, #my #menu-principale ul li a.current:active, #my #menu-principale ul li a.current:visited, #my #menu-principale ul li a.current:focus, #my #menu-principale ul li a.current:hover {
    background-color: #fff;
    color: #000000;
}
#my #main h1 {
    font-size: 220%;
    font-weight: bold;
}
#my #main h1:first-child {
}
#my #main .strillo .image {
    width: 70%;
}
#my #main .strillo p {
    color: #5a6772;
    font-size: 150%;
    font-weight: normal;
}
#my #main p strong {
    color: #555;
}
#my #main #breadcrumb {
    margin: 0 0 6px;
}
#my #shareTestata {
    background-color: #0066cc;
    color: #ffffff;
    display: inline;
    margin: 16px 0 16px auto;
    position: relative;
    right: 0;
    top: auto;
}
#my #shareTestata .socialTestata, #my #nav-servizio .socialTestata {
    margin: 0;
}
#my #shareTestata ul.socialTestata, #my #shareTestata ul.socialTestata li, #my #nav-servizio ul.socialTestata, #my #nav-servizio ul.socialTestata li {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
}
#my #shareTestata ul.socialTestata li a, #my #shareTestata ul.socialTestata li a:active, #my #shareTestata ul.socialTestata li a:visited, #my #shareTestata ul.socialTestata li a:hover, #my #nav-servizio ul.socialTestata li a, #my #nav-servizio ul.socialTestata li a:active, #my #nav-servizio ul.socialTestata li a:visited, #my #nav-servizio ul.socialTestata li a:hover {
    color: #ffffff;
    font-size: 200%;
    padding: 0 3px;
    text-decoration: none;
}
#my #form-ricerca {
    padding: 5px 0;
}
#my #main img.res {
    height: 370px;
    padding: 0;
    width: 100%;
}
#my #main .cols > .res1 {
    padding: 5px 0;
}
#my #main .strillo .image {
    padding-left: 10px;
    padding-right: 0;
    text-align: right;
}
#my #main .cols > p.archive {
    margin: 16px 0;
    position: relative;
    text-align: right;
}
#my #main main .titoloAgenda, #my #main main > .scuro, #my #main main > .azzurro, #my #main .ciano, #my #main main > .trasparenza, #my #main main > .blue {
    margin: 0;
    padding: 0;
}
#my #main main > .scuro {
    background-color: #30373d;
}
#my #main .ciano {
    margin: 8px auto;
}
#my #main main .titoloAgenda {
    background-color: #00264d;
    color: #ffffff;
    padding-bottom: 5px;
}
#my #main main > .azzurro {
    background-color: #f4f4f2;
    padding-bottom: 5px;
}
#my #main main > .blue {
    background-color: #004d99;
    padding-bottom: 5px;
}
#my #main main > .trasparenza {
    background-color: #66a5e3;
}
#my #main main > .blue h1:first-child, #my #main main > .blue a, #my #main main .titoloAgenda p, #my #main main .titoloAgenda a:active, #my #main main .titoloAgenda h1:first-child, #my #main main .titoloAgenda a, #my #main main > .blue a:active, #my #main main > .scuro h1:first-child, #my #main main > .scuro a, #my #main main > .scuro a:active {
    color: #ffffff;
}
.scuro .card .link .fa {
    margin-right: 5px;
}
#my #main .card > p.link > a::before {
    content: none;
    padding-left: 5px;
}
#my #main .card > p.link a, #my #main .card > p.link a:active {
    color: #0066cc;
}
#my #main .ciano a:hover, #my #main .card a:hover, #my #main .card > p.link a:hover {
    color: #ffffff;
}
#my #main .cols > p.archive {
    margin: 16px 0;
    position: relative;
    text-align: right;
}
#my #main .cardUN {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 5px 30px -20px rgba(50, 50, 50, 0.55);
    height: auto;
    padding: 0 10px;
}
#my #main .cardUN > .logo {
    background: transparent url("../img/content/cards/blue/bg.png") no-repeat scroll center center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin: 0 -10px;
    text-align: center;
}
#my #main .cardUN > .logo > img {
    height: auto;
    width: 100%;
}
#my #main .cardUN > .title {
    font-size: 110%;
    font-weight: bold;
    margin: 16px 0;
}
#my #main .card1 {
    background-color: #2079d4;
    box-shadow: 0 5px 30px -20px rgba(50, 50, 50, 0.55);
    color: #ffffff;
    padding: 0;
}
#my #main .card1.noimg {
    padding: 229px 0 0;
}
#my #main .card1 > img, #my #main .card1 > .logo > img {
    height: 230px;
    width: 100%;
}
#my #main .card1 > p {
    margin: 0 10px 10px;
}
#my #main .card1 > p.logo {
    margin: 0;
}
#my #main .card1 > h2 {
    margin-top: 10px;
}
#my #main .card1 > h2, #my #main .card1 > h2 a, #my #main .card1 > h2 a:active, #my #main .card1 > h2 a:hover, #my #main .card1 > h2 a:visited {
    color: #ffffff;
    font-size: 114%;
    font-weight: bold;
    padding: 0 5px;
}
#my #main .card1 > h2 a:hover {
    text-decoration: underline;
}
#my #main .card2 {
    background-color: #ffffff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 5px 30px -20px rgba(50, 50, 50, 0.55);
    padding: 0;
}
#my #main .card2.infoservizi {
    background-image: url("../img/content/cards/fondoPA.jpg");
    padding: 60px 10px 0;
}
#my #main .card2 > .title {
    font-size: 110%;
    font-weight: bold;
    margin: 16px 0 10px;
}
#my #main .card2 > h2 {
    margin-top: 10px;
}
#my #main .card2.infoservizi > h2.title > a {
    background: rgba(80, 80, 80, 0.9) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
#my #main .card.gare {
    background-color: #004d99;
    color: #ffffff;
}
#my #main .card.gare > h2.title > a {
    color: #ffffff;
}
#my #main .card.gare > h2.title > a:hover {
    text-decoration: underline;
}
#my #main i.fa.fa-circle {
    font-size: 80%;
}
#my #main i.fa.fa-circle.red {
    color: red;
}
#my #main i.fa.fa-circle.blue {
    color: blue;
}
#my #main i.fa.fa-circle.orange {
    color: orange;
}
#my #main i.fa.fa-circle.green {
    color: green;
}
#my #footer .cols > .grid2 {
    float: left;
    width: 48.5%;
}
#my #footer .cols > .grid2:last-child {
    float: right;
}
#my #footer .cols > .grid3 {
    float: left;
    width: 31.93%;
}
#my #footer .cols > .grid4 {
    float: left;
    margin: 0 0.5% 0 1.5%;
    width: 23.5%;
}
#my #footer .cols > .grid4:first-child {
    margin-left: 0;
}
#my #footer .cols > .grid4:last-child {
    float: right;
    margin-right: 0;
}
#my #footer .cols > .grid4.x2 {
    width: 49%;
}
#my #footer .cols > .grid4.x2:last-child {
    margin-left: 0;
}
#my #footer .card {
    background-color: #30373d;
    padding: 0 10px;
}
#my #footer .card h2:first-child, #my #footer .card a, my #footer .card a:active, #my #footer .card a:hover, #my #footer .card a:hover {
    color: #ffffff;
}
#my #footer ul.lista_footer li {
    display: block;
    float: none;
}
#my #footer ul.lista_footer {
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}
#my #footer ul.lista_footer li a {
    color: #65dde0;
    cursor: pointer;
    display: block;
}
#my #footer .cols > .grid3.x2 {
    width: 66%;
}
#my #footer .border {
    border-top: 1px solid #ffffff;
    padding-top: 10px;
}
#my #footer .sx, #my #footer .dx {
    border: medium none;
    margin: 0;
    padding: 0 0 20px;
}
#my #footer .sx p, #my #footer .dx p {
    margin: 0;
    padding: 0 0 20px;
}
#my #footer ul.seguici {
    font-size: 100%;
    padding-top: 10px;
}
#my #footer .fa {
    color: #65dde0;
    font: xx-large/1 FontAwesome;
}
#my #footer .dx.icons {
    padding-right: 12px;
}
#my #main h2.gare {
    margin: 15px 0 5px;
}
#my #main .archivio {
    text-align: right;
}
#my #main .sottotitolo {
    background-color: #ffa500;
    margin: 0;
    padding: 0;
}
#my .sottotitolo ul, #my .sottotitolo ul li {
    background-color: #ffa500;
    display: inline;
    margin: 0;
    padding: 0;
}
#my ul.sottotitolo li a, #my ul.sottotitolo li a:active, #my ul.sottotitolo li a:visited, #my ul.sottotitolo li a:hover {
    color: #000080;
    font-size: 100%;
    padding: 0 3px;
    text-decoration: underline;
}
#my #contenuti-pagina .margine {
    margin-bottom: 0;
    padding-bottom: 0;
}
#my #main i.fa.fa-video-camera, #my #main i.fa.fa-camera, #my #main i.fa.fa-file-text-o, #my #main i.fa.fa-external-link, #my #main i.fa.fa-photo, #my #main i.fa.fa-link {
    color: gray;
    font-size: 170%;
}
#my #main i.fa.fa-arrow-right {
    content: "/f061";
    font-family: FontAwesome;
    font-size: 170%;
}
#my #main i.fa {
    color: #fff;
}
#my #main .share ul.social i.fa {
    color: #06c;
}
#my #main .share.close i.fa, #my #main .share i.fa.fa-share-alt {
    color: #fff;
}
#my #main .card.azzurro {
    background-color: #e2eefb;
    color: #004d77;
}
#my #main .card.giallo {
    background-color: #c0ffc0;
}
#my #main .card.verde {
    background-color: #ffffc0;
}
#my #main .card.lilla {
    background-color: #e8e8ff;
}
#my #main .card.arancio {
    background-color: #ffe0e0;
}
#my #main .card.rosso {
    background-color: #fce1c9;
}
#my #main .card.verde2 {
    background-color: #80ff80;
}
#my #main .card.blu {
    background-color: #d5fff9;
}
#my #main .titoloAgenda p.agenda {
    color: #ffffff;
    font-size: 150%;
    margin: 27px 0 0;
    text-align: center;
}
#my #main #agenda {
    color: #ffffff;
}
#my #main #agenda .tab > .titles {
    background-color: #004d99;
    color: #ffffff;
}
#my #main #agenda .cols > .duplex.tab.jtab {
    margin: 0 auto 30px;
}
#my #main #agenda a, #my #main #agenda a:active, #my #main #agenda a:visited, #my #main #agenda a:focus, #my #main #agenda a:hover {
    background-color: #003367;
    color: #ffffff;
    text-decoration: none;
/*    text-transform: capitalize;*/
}
#my #main #agenda a:hover {
    text-decoration: underline;
}
#my #main #agenda a:active, #my #main #agenda a:focus {
    background-color: #003367;
    color: #ffffff;
}
#my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component.close > .title > a {
    background-color: transparent;
}
#my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:active, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:visited, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:focus, #my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:hover {
    background-color: #003367;
    color: #ffffff;
    text-decoration: none;
}
#my #main main .contenitore #agenda .cols .duplex.tab.jtab .component > .title > a:hover {
    text-decoration: underline;
}
#my #main #agenda .content ul li:last-child {
    border-right: 0 none;
}
#my #main #agenda .content ul li {
    border-right: 1px solid;
    display: table-cell;
    padding: 10px;
}
#my #main #agenda .content, #my #main #agenda .content p, #my #main #agenda .content p a, #my #main #agenda .content ul, #my #main #agenda .content ul li, #my #main #agenda .content ul li a, #my #main #agenda .content ul li a:active, #my #main #agenda .content ul li a:hover, #my #main #agenda .content ul li a:visited, #my #main #agenda .content ul li a:focus {
    background-color: #66a5e3;
    color: #000000;
}
#my #main #agenda .content ul li a:hover {
    background-color: #dae9f9;
}
@media only screen and (max-width: 799px) {
#my #main #agenda .content, #my #main #agenda .content p, #my #main #agenda .content p a, #my #main #agenda .content ul, #my #main #agenda .content ul li, #my #main #agenda .content ul li a, #my #main #agenda .content ul li a:active, #my #main #agenda .content ul li a:hover, #my #main #agenda .content ul li a:visited, #my #main #agenda .content ul li a:focus {
    border: medium none;
    display: table;
}
#my #main #agenda a, #my #main #agenda a:active, #my #main #agenda a:visited, #my #main #agenda a:focus, #my #main #agenda a:hover {
    background-color: #003367;
    color: #ffffff;
}
#my #main #agenda a:hover {
    text-decoration: underline;
}
#my #main #agenda .accordion .component.close .content {
    display: none;
}
#my #main #agenda .accordion > .component > .title > a > * {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}
}
#my #main .contatti, #my #main .contatti:active, #my #main .contatti:visited {
    color: #000;
    text-decoration: none;
}
#my .dropdown > .content {
    background-color: #efefef;
    display: inline;
}
#my .dropdown > .content {
    background-color: #c0c0c0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    padding: 0 2px 1px;
}
#my .dropdown ul li {
    display: inline-block;
    line-height: 2em;
}
#my .dropdown .title a::after {
    padding-left: 5px;
    position: absolute;
    right: 0;
}
#my #menu-principale .dropdown > .content ul {
    background-color: transparent;
}
#my #menu-principale .dropdown > .content ul li {
    background-color: #d1e7ff;
    border-bottom: 1px solid #c0c0c0;
    display: block;
    height: auto;
    margin: 0;
    min-width: 280px;
    padding: 0;
    width: 100%;
}
#my #menu-principale .dropdown > .content ul li a, #my #menu-principale .dropdown > .content ul li a:hover {
    background-color: #d1e7ff;
    color: #000040;
    display: block;
    line-height: 2em;
    margin: 0;
    min-width: 280px;
    padding: 0 10px;
    text-align: left;
    width: 100%;
}
#my #menu-principale .dropdown > .content ul li a:hover {
    text-decoration: underline;
}
#my .flag_container {
    clear: both;
    transition: all 0.4s ease 0s;
}
#my .flag_container {
    margin: -4px auto auto;
    position: relative;
    z-index: 10;
}
#my .flag_container {
    width: 100%;
}
#my .flag_container div {
    float: left;
    height: 4px;
    overflow: hidden;
    width: 33.3333%;
}
#my .flag_container div.green {
    background: #009246 none repeat scroll 0 0;
}
#my .flag_container div.white {
    background: #ffffff none repeat scroll 0 0;
}
#my .flag_container div.red {
    background: #ce2b37 none repeat scroll 0 0;
}
#my #main .card.azzurro {
    padding: 0;
}
#my #main .card > .title {
    margin: 0;
}
#my #main .card > .title > a.bottone {
    color: #000040;
    display: block;
    min-height: 63px;
    padding: 10px;
    width: 100%;
}
#my #main .card > .sitiTematici {
    background-color: #66a5e3;
    font-size: 110%;
    font-weight: bold;
    margin: 0;
}
#my #main .card > .sitiTematici > a:hover {
    color: #ffffff;
}
#my #main .card > .sitiTematici > a > img {
    margin-right: 4px;
}
#my #main .card > .sitiTematici > a {
    color: #000040;
    display: block;
    min-height: 60px;
    padding: 10px;
    width: 100%;
}
#my #main .card1 > p.logo a {
    display: block;
    height: auto;
    margin: 0;
    min-height: 270px;
    padding: 0;
    width: 100%;
}
#my #main .card1 > p.logo img {
    display: block;
    height: 230px;
    margin: 0 0 6px;
    padding: 0;
    width: 100%;
}
#my #main main .card1 > p.logo > a > i.fa {
    padding: 0 0 0 5px;
}
#my #main .strillo i.fa.fa-video-camera, #my #main .strillo i.fa.fa-camera, #my #main .strillo i.fa.fa-file-text-o {
    color: gray;
    font-size: 100%;
}
#my #main .strillo > ul.link > li > a > .underline, #my #main ol.link > li > a > .underline, #my #main .strillo > p.link > a > .underline {
    text-decoration: none;
}
.fa {
    padding-right: 5px;
}
#my #main .card1.progetti, #my #main .card1.galleria {
    padding: 0;
}
#my #main .card1.progetti > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #ffffff;
    display: block;
    font-size: 114%;
    font-weight: bold;
    height: auto;
    padding: 0;
    width: 100%;
}
#my #main .card1.progetti > a > img {
    height: 230px;
    margin: 0;
    padding: 0;
    width: 100%;
}
#my #main .card1.progetti > a > h2 {
    font-size: 114%;
    font-weight: bold;
    margin: 5px 0;
    padding: 0 15px;
}
#my #main .card1.progetti > a > p {
    font-size: 85%;
    font-weight: normal;
    margin: 10px 0;
    padding: 0 15px 1px;
}
#my #main .card2.infoservizi {
    padding: 0;
}
#my #main .card2 > h2.title {
    font-size: 110%;
    font-weight: bold;
    margin: 0;
}
#my #main .card2.infoservizi > h2.title > a {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    display: block;
    height: 140px;
    padding-top: 100px;
    width: 100%;
}
#my #main .card2.infoservizi > h2.title > a > span.bottone {
    background: rgba(80, 80, 80, 0.9) none repeat scroll 0 0;
    color: #ffffff;
    padding: 5px;
}
#my #main .grid-item > content > p > a:active {
    color: #005a8c;
    text-decoration: underline;
}
#my.sx #main {
    float: right;
}
@media only screen and (min-width: 800px) {
#my.sx #sx {
    display: block;
    float: left;
    padding: 30px 0;
    width: 25%;
}
#my #main h1:first-child {
}
#my #testata #threeline.open {
    background-color: #eaf2fa;
    color: #0066cc;
}
}
@media only screen and (max-width: 799px) {
#my #main #agenda .content, #my #main #agenda .content p, #my #main #agenda .content p a, #my #main #agenda .content ul, #my #main #agenda .content ul li, #my #main #agenda .content ul li a, #my #main #agenda .content ul li a:active, #my #main #agenda .content ul li a:hover, #my #main #agenda .content ul li a:visited, #my #main #agenda .content ul li a:focus {
    border: medium none;
    display: table;
}
#my #main #agenda a, #my #main #agenda a:active, #my #main #agenda a:visited, #my #main #agenda a:focus, #my #main #agenda a:hover {
    background-color: #003367;
    color: #ffffff;
}
#my #main #agenda a:hover {
    text-decoration: underline;
}
#my #main #agenda .accordion .component.close .content {
    display: none;
}
#my #main #agenda .accordion > .component > .title > a > * {
    font-size: 100%;
    font-weight: bold;
    line-height: 1.5em;
    margin: 0;
}
#my #testata #threeline.open {
    background-color: #eaf2fa;
    color: #0066cc;
}
#my #menu-principale .contenitore > ul > li a:hover {
    text-decoration: underline;
}
#my #menu-principale .dropdown > .content ul li a, #my #menu-principale .dropdown > .content ul li a:hover {
    padding-left: 20px;
}
#my #menu-principale .contenitore > ul > li.dropdown > .content ul, #my #menu-principale .contenitore > ul > li.dropdown > .content ul li, #my #menu-principale .contenitore > ul > li.dropdown > .content ul li a {
    background-color: #d1e7ff;
    color: #000040;
}
#my #footer .cols .grid2, #my #footer .cols .grid3, #my #footer .cols .grid4 {
    clear: both;
    float: none;
    margin: 0;
    width: 100%;
}
}
#my #main .cols #links .grid4 {
    margin: 0;
    padding: 0;
}
#links a {
    display: block;
}
#links .image img {
    max-width: 300px;
    width: 100%;
}
#my #main main > .titoloAgenda, #my #main main > .blu-ardesia-scuro, #my #main main > .verde-pino-grigio, #my #main main > .grigio-5, #my #main main > .bianco, #my #main main > .trasparenza, #my #main main > .blu-carta-da-zucchero {
    margin: 0;
    padding: 0;
}
#my #main main > .blu-ardesia-scuro {
    background-color: #00264d;
}
#my #main main > .verde-pino-grigio {
    background-color: #30373d;
}
#my #main main > .bianco {
    margin: 8px auto;
}
#my #main main > .grigio-5 {
    background-color: #f4f4f2;
    padding-bottom: 5px;
}
#my #main main > .blu-carta-da-zucchero {
    background-color: #004d99;
    padding-bottom: 5px;
}
#my #main main > .trasparenza {
    background-color: #66a5e3;
}
#my #main main .blu-carta-da-zucchero h1:first-child, #my #main main .blu-carta-da-zucchero a, #my #main main .titoloAgenda p, #my #main main .titoloAgenda a:active, #my #main main .titoloAgenda h1:first-child, #my #main main .titoloAgenda a, #my #main main .blu-carta-da-zucchero a:active, #my #main main .blu-ardesia-scuro h1:first-child, #my #main main .blu-ardesia-scuro a, #my #main main .blu-ardesia-scuro a:active, #my #main main .verde-pino-grigio h1:first-child, #my #main main .verde-pino-grigio a, #my #main main .verde-pino-grigio a:active {
    color: #ffffff;
}
.blu-ardesia-scuro .card .link .fa {
    margin-right: 5px;
}
#my #main .strillo h1 {
    color: #00264d;
}
#my #main .strillo p {
    color: #5a6772;
    font-size: 180%;
    font-weight: normal;
    line-height: 1em;
    padding: 5px 0;
}
#my #main .strillo .image {
    margin-top: 0;
    padding-left: 10px;
    padding-right: 0;
    text-align: right;
    width: 60%;
}
#my #main .strillo i.fa.fa-video-camera, #my #main .strillo i.fa.fa-camera, #my #main .strillo i.fa.fa-arrow-right, #my #main .strillo i.fa.fa-file-text-o {
    color: gray;
    font-size: 120%;
}
#my #main .strillo > ul.link > li > a > .underline, #my #main ol.link > li > a > .underline, #my #main .strillo > p.link > a > .underline {
    text-decoration: none;
}
#my #main ul.link > li > a::after, #my #main p.link > a::after {
    height: 20px;
}
#my #main .strillo i.fa:hover {
    color: #fff;
}
#my #main .card > .logo > img {
    height: auto;
    max-width: 100%;
}
#my .grid1::after {
    clear: both;
    content: "";
    display: block;
}
#my #main main > #detail {
    clear: both;
    content: "";
    display: block;
}
#my #main main > #detail {
    width: 100%;
}
#my #main #detail .detail-content {
    float: left;
    width: 66.6%;
}
#my #main #detail .detail-menu {
    float: right;
    margin: 30px auto;
    min-width: 25%;
}
#my #main #detail .detail-menu h2 {
    background-color: #eee;
    color: #000;
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding: 10px;
}
#my #main #detail .detail-menu ul {
    margin: 0;
    padding: 0;
}
#my #main #detail .detail-menu ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#my #main #detail .detail-menu ul > li > a::before {
    left: 10px;
    position: absolute;
    top: auto;
}
#my #main #detail .detail-menu ul > li > a, #my #main #detail .detail-menu ul > li > a:active, #my #main #detail .detail-menu ul > li > a:visited, #my #main #detail .detail-menu ul > li > a:focus, #my #main #detail .detail-menu ul > li > a:hover {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 10px 10px 10px 20px;
    position: relative;
    text-decoration: none;
}
#my * {
    box-sizing: border-box;
}
#my a, #my a:active {
    color: #0066cc;
}
#my a li:hover {
    color: #0066cc;
    text-decoration: underline;
}
#my a:hover {
    background-color: #0066cc;
    color: #ffffff;
}
#my #main .spalla-dx .menu > ul > li > a, #my #main .spalla-dx .menu > ul > li > a:active, #my #main .spalla-dx .menu > ul > li > a:visited, #my #main .spalla-dx .menu > ul > li > a:focus, #my #main .spalla-dx .menu > ul > li > a:hover {
    background-color: #f5f5f5;
    border-bottom: 1px solid #ccc;
    display: block;
    padding: 10px 10px 10px 30px;
    position: relative;
    text-decoration: none;
}
#my #main .spalla-dx .menu > ul > li > a::before {
    content: "";
    font-family: FontAwesome;
    left: 10px;
    position: absolute;
    top: auto;
}
#my #main #detail .detail-menu ul > li > a:hover, #my #main .spalla-dx .menu > ul > li > a:hover {
    background-color: #0066cc;
    color: #ffffff;
    text-decoration: underline;
}
#my #main .spalla-dx .menu > ul > li > a > .underline {
    background-color: #0066cc;
    color: #ffffff;
    text-decoration: underline;
}
#my #main .cols .imagegallery #links .grid4 {
    margin: 15px;
    width: 22.5%;
}
#my #main .cols .imagegallery .pswp__caption {
    border-top: 1px solid #ffffff;
    color: #fff;
    font-size: 1em;
    padding: 20px 0;
    text-align: left;
}
#my #main .cols .imagegallery .pswp__caption .pswp__caption__center {
    font-size: 1em;
    max-width: none;
    width: 80%;
}
#my #main .cols .imagegallery .pswp__bg {
    background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
}
#my #main .cols .imagegallery .pswp__ui--idle .pswp__top-bar {
    opacity: 1;
}
#my #main .cols .imagegallery .pswp__top-bar .pswp__close_description {
    color: #fff;
    margin-top: 10px;
    position: absolute;
    right: 50px;
}
#my #main .cols .imagegallery .spinner.bounceOut {
    display: none;
}
#my .cols.spalla-dx .sx .section .contenitore {
    margin-left: 0;
}
#my #main .cols .imagegallery .pswp__caption .counter {
    left: 10px;
    position: absolute;
    top: 30px;
}
#my #main .cols .imagegallery .pswp__caption .share {
    right: 20px;
    top: 0;
}
#my #main .cols .imagegallery .pswp__caption .share .title {
    color: #000;
}
#my #main .card {
    padding: 0;
}
#my #main .card > a > p.logo {
    margin: 0 0 16px;
}
#my #main .card > a > p.logo img {
    margin: 0;
    padding: 0;
    width: 100%;
}
#my #main .cols .imagegallery #links .grid3 {
    margin: 0;
}
#my #main .grid3.x1 h2.title, #my #main .grid3.x1 .content {
    margin: 16px 0;
    padding: 0 16px;
}
#my #main .cols .imagegallery #links .grid3 img {
    max-width: none;
    padding: 15px;
    width: 100%;
}
#my #main .cols .imagegallery .testo {
    width: 70%;
}
#my #main .detail-content h2.categorie {
    display: inline;
    font-size: 100%;
    font-weight: bold;
}
#my #main .detail-content .lista-categorie > p {
    display: inline;
    font-size: 100%;
    font-weight: bold;
    margin: 0 15px 0 0;
}
#my #main p.dx, #my #main p.dx a {
    font-size: 120%;
    font-weight: bold;
}
.solr-list {
    clear: both;
    margin-top: 0;
    position: relative;
}
#my #main #pagemain-content .center-container .solr-list {
    float: left;
    width: 75%;
}
#rColumn {
    float: right;
    width: 20%;
}
@media only screen and (max-width: 768px) {
#rColumn {
    float: none;
}
}
.calendarStart {
    display: inline-block;
    margin-right: 30px;
}
.calendarEnd {
    display: inline-block;
}
html .calendarStart .ui-widget.ui-widget-content, html .calendarEnd .ui-widget.ui-widget-content {
    border-color: #c5c5c5;
}
.calendarStart .ui-widget.ui-widget-content, .calendarEnd .ui-widget.ui-widget-content {
    border: 1px solid #c5c5c5;
}
html .calendarStart .ui-widget-content, html .calendarEnd .ui-widget-content {
    background-color: #fff;
}
.controls #applyDates {
    background-color: #005a8c;
    border: 1px solid #ccc;
    border-radius: 8px;
    color: #fff;
    display: block;
    font-weight: bold;
    margin: 20px 0 20px 200px;
    padding: 10px 40px;
}
#leftColumn .dates {
    float: left;
    width: 50%;
}
#leftColumn .solr-box-filters {
    float: left;
    width: 50%;
}
#my #main .card p {
    margin: 0;
}
#my #main .card .content {
    margin: 5px 0;
    padding: 5px 10px;
}
#my .share {
    margin: 0 0 16px auto;
}
#my #main .spalla-dx .menu {
    margin: 20px auto 30px;
}
#my #main .strillo i.fa.fa-video-camera, #my #main .strillo i.fa.fa-camera {
    font-family: "ita";
}
#my #main .strillo i.fa.fa-video-camera {
    content: "🎥";
}
#my #main .strillo i.fa.fa-camera {
    content: "📷";
}
.grid .grid-item .card > * {
    padding: 0 10px;
}
#my #main .card.archivioGare .content h2 {
    font-size: 140%;
    margin: 10px 0;
}
#my #main .card.archivioGare .content {
    margin: 5px 0;
    padding: 0 10px;
}
#my #main .card.archivioGare a, #my #main .card.archivioGare a:focus, #my #main .card.archivioGare a:visited, #my #main .card.archivioGare a:active {
    background-color: #fff;
    color: #005a8c;
}
#my #main .card.archivioGare a:hover span {
    background-color: #06c;
    color: #fff;
    text-decoration: underline;
}
#my #main .card.archivioGare .content h2 {
    margin: 10px 0;
}
#my #main .card.archivioGare .content img {
    margin: 10px 0;
    width: 100%;
}
#my #main .card.archivioGare i.fa.fa-arrow-right {
    color: #005a8c;
    font-size: 90%;
    font-weight: bold;
    padding-top: 10px;
}
#my #main .card.archivioGare .content p {
}
#my #main .card.archivioGare .content p.descrizione {
    margin: 5px 0;
}
#my #main .card.archivioGare .content p span {
    font-weight: bold;
    padding-right: 10px;
}
#my #contenuti-pagina #main .card.archivioGare .content p.regione span.regione-value, #my #contenuti-pagina #main .card.archivioGare .content p.provincia span.regione-value, #my #contenuti-pagina #main .card.archivioGare .content p.comune span.regione-value {
    font-weight: normal;
    padding-right: 0;
    text-transform: capitalize;
}
#my #main #gara {
    margin: 5px 0;
    padding: 0;
}
#my #main #gara a, #my #main #gara a:focus, #my #main #gara a:visited, #my #main #gara a:active {
    background-color: #fff;
    color: #005a8c;
}
#my #main #gara a:hover span {
    background-color: #06c;
    color: #fff;
    text-decoration: underline;
}
#my #main #gara .content h2 {
    margin: 10px 0;
}
#my #main #gara .content img {
    margin: 10px 0;
    width: 100%;
}
#my #main #gara i.fa.fa-arrow-right {
    color: #005a8c;
    font-size: 90%;
    font-weight: bold;
}
#my #main #gara .content p span {
    font-weight: bold;
    padding-right: 8px;
}
#my #main #gara .content p.regione, #my #main #gara .content p.provincia, #my #main #gara .content p.comune {
    text-transform: capitalize;
}
/* jorge */
#my #main .card.fotoracconto > .logo
{
    margin:0;
}

#my #main .card.fotoracconto > .logo img
{
    width: 100%;
    height: auto;
}

#my #main .card.fotoracconto .count-photos
{
    float: right;
}

#my #main .card.fotoracconto .content
{
    min-height: 60px;
}

#my #main .card.fotoracconto .content-bottom
{
    min-height: 20px;
	margin-top:15px;
}

#my #main .card .shareIcons i.fa
{
    color: #005a8c;
    font-size: 90%;
    font-weight: bold;
}

#my #main main .card,
#my #main main .card a,
#my #main main .card a:active,
#my #main main .card a:visited
{
    color:#005a8c;
}

#my #main main .card.twitter
{
    margin-top: 0px;
}

#my #main main .card.twitter .content
{
    margin-top: 0px;
    padding-top: 0px;
}
#my #main .cols .grid4 {
    width: 22.3%;
}
@media only screen and (max-width: 799px) {
	#my #main .cols .grid4 {
		width: auto;
	}
}

.Protocollo > span:nth-child(1),
.regione > span:nth-child(1),
.CIG > span:nth-child(1),
.comune > span:nth-child(1),
.tipologia > span:nth-child(1),
.TipoProcedura > span:nth-child(1),
.datapubblicazione > span:nth-child(1),
.datascadenza > span:nth-child(1)
{
    font-weight: bold;
}

#my #main table.data tbody th, 
#my #main table.data tbody td, 
#my #main table tbody th, 
#my #main table tbody td {

    border: 1px #00537b solid;
	border-top-width: 0px;
	border-bottom-width: 0px;
    padding: 4px 2px;
    font-weight: normal;
    text-align: left;
	vertical-align:top;
}
#my #main table.data tbody th, #my #main table tbody th {
    font-weight: bold;
}
/*@media only screen and (max-width: 799px) {
#my #main table tbody tr
{
	border-bottom-width: 1px;
}
}*/

div.solr-list div.card.video a.link .video-image,
div.solr-list div.card.video iframe.youtube{
    width: 100%;
}
@media only screen and (max-width: 700px) {
		
	table.adaptive tr th, table.adaptive tr td
	{
		border-bottom: 1px; 
	}

	table.adaptive tr:nth-child(even) td {background: #eee}
	table.adaptive tr:nth-child(odd) td {background: #FFF}

	table.adaptive tr td span.key,
	table.adaptive tr td span.value
	{
		vertical-align: top;
	}
}