@charset "UTF-8";
@media (min-width: 768px) {
    .itemmenuevidence {
        transform: scale(1.1);
        z-index: 999;
    }
    .itemmenuevidence:hover {
        transform: scale(1.2) !important;
    }
}

@media (max-width: 768px) {
    .itemmenuevidence {
        z-index: 999;
    }
}

#visore {
    background-color: #004080;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
}

#visore #cover {
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: white;
    z-index: -1;
}

#evidenza {
    /*margin-top: 10px;*/
    float: left;
    width: 228px;
    padding-left: 7px;
}

#evidenza h2,
#settori h2,
#utilita h2,
#notizie-utili h2,
#attualita h2,
#attualita-right h2,
#servizi-interattivi h2,
#link-side h2 {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    color: #004080;
    float: left;
    background-color: white;
    padding: 4px;
}

#evidenza ul li {
    float: left;
    width: 218px;
    /*background-color: #f2f2f2;*/
    margin: 0 6px;
    padding: 6px 6px 6px 6px;
    position: relative;
}

#evidenza ul li.odd {
    background-color: #f2f2f2;
}

#evidenza ul li a {
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 2px;
}

#evidenza ul li .desc {
    /*color: #6a6a6a;*/
    color: #3A4147;
    line-height: 13px;
    font-size: 11px;
}


/******** SERVIZI *******/

#settori {
    width: 715px;
    float: left;
}

#servizi ul li {
    width: 338px;
    background-color: #f2f2f2;
    margin: 6px;
    padding: 6px 6px 18px 6px;
    position: relative;
}

#servizi ul li .desc {
    color: #6a6a6a;
    line-height: 15px;
    font-size: 12px;
}


/******** SETTORI *******/

#settori ul li .tema a {
    /*color: #0f7deb;*/
    color: #0058A5;
    font-size: 12px;
}

#settori ul li {
    width: 231px;
    float: left;
    margin-right: 2px;
    margin-left: 2px;
    margin-bottom: 14px;
    background-color: #fff;
    /*overflow: hidden;*/
}

#settori ul li div {
    background-color: #eff2f6;
    height: 72px;
    overflow: hidden;
}

#settori ul li img {
    float: left;
    margin-right: 4px;
}

#settori ul li .tema {
    color: #0f7deb;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 4px;
}

#settori ul li a {
    color: #004080;
    font-size: 11px;
    font-weight: bold;
    line-height: 12px;
}

#settori ul li p.desc {
    font-size: 11px;
    color: #004080;
    margin-top: 4px;
    /*word-wrap:break-word;*/
    margin-left: 133px;
    font-weight: bold;
}


/*********** UTILITA ********/

#utilita {}

#burc {
    width: 303px;
    margin-left: 6px;
    float: left;
}

#burc .desc {
    margin-top: 4px;
    font-size: 11px;
    color: #262626;
    line-height: 16px;
}

#meteo {
    width: 618px;
    float: left;
    margin-left: 10px;
}

#fondi {
    margin-left: 6px;
}

#fondi ul li {
    float: left;
    width: 303px;
    margin-bottom: 10px;
    margin-right: 10px;
}

#fondi ul li img {
    float: left;
    margin-right: 4px;
}

#fondi ul li a {
    color: #be0006;
    font-weight: bold;
    font-size: 12px;
    line-height: 12px;
    display: block;
}

#fondi .desc {
    font-size: 11px;
    color: #262626;
    margin-top: 4px;
}

#attualita .notizie-box {
    margin-top: 16px;
}

#notizie-utili .notizie-box {
    float: right;
    width: 360px;
    margin-right: 4px;
    margin-left: 6px;
}

#notizie-utili .notizie-box-large {
    width: 565px;
    float: left;
    margin-right: 4px;
}

#notizie-utili .comunicati a {
    font-size: 12px;
    font-weight: bold;
}

#notizie-utili ul li {
    padding: 0px 10px 10px 10px;
}

#notizie-utili .date {
    color: #be0006;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 2px;
}

#notizie-utili .desc {
    font-size: 12px;
    color: #063172;
    font-weight: bold;
}

#notizie-utili .urp ul li a {
    color: #073374;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
}

#notizie-utili .urp .desc {
    /*color: #505962;*/
    color: #3A4147;
    font-size: 11px;
    line-height: 14px;
    font-weight: bold;
}

#notizie-utili .documenti ul li {
    padding: 10px;
    margin-bottom: 10px;
}

#notizie-utili .documenti ul li a {
    color: #063172;
    font-size: 12px;
    font-weight: bold;
}


/******* RAMMAGGIO *****/

#attualita {
    width: 630px;
    float: left;
    display: inline;
    margin-top: 20px;
}

#attualita-right {
    width: 300px;
    display: inline;
    float: right;
    text-align: right;
    padding-top: 32px;
}

#attualita-right .banner {
    margin-bottom: 14px;
}

#attualita .urp ul li a {
    color: #004080;
    font-size: 12px;
    font-weight: bold;
}

#attualita .urp .desc {
    /*color: #505962;*/
    color: #3A4147;
    font-size: 11px;
    line-height: 14px;
    margin-top: 6px;
}

#attualita .urp ul li {
    padding: 8px;
    width: 140px;
    float: left;
    display: inline;
}

.bkg_grey {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 14px;
}

.bkg_blue {
    background-color: #eff2f5;
}

#urp_copy {
    width: 290px;
    float: left;
    display: inline;
    margin-top: 10px;
    margin-left: 8px;
}

#urp_copy img {
    float: left;
    margin-right: 4px;
}

#urp_copy .tema {
    color: #be0006;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
}

#urp_copy a.title {
    color: #004080;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

#urp_copy .desc {
    font-size: 11px;
    color: #262626;
    margin-top: 4px;
    line-height: 12px;
}

#burc_copy {
    float: right;
    display: inline;
    margin-top: 10px;
}

.more {
    font-size: 11px;
    color: #0075ea;
    float: right;
    margin-right: 10px;
    display: inline;
    font-weight: bold;
}

#bandi_gare {
    position: relative;
    width: 295px;
    background-color: #f5f5f4;
    border-top: 1px solid #f5f5f4;
    text-align: left;
    /*height: 217px;*/
    float: right;
}

#bandi_gare h2.label a {
    color: white;
}

#bandi_gare h2.label_red {
    /*background-color: #cc2424;*/
    background-color: #AD1F1F;
    padding: 1px 4px;
}

#bandi_gare ul {
    margin-top: 30px;
}

#bandi_gare ul li {
    margin: 4px 4px 12px 4px;
}

#bandi_gare ul li a {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 4px;
    display: block;
}

#bandi_gare ul li p,
#bandi_gare ul li span {
    font-size: 11px;
    /*color: #505962;*/
    color: #3a4147;
    line-height: 16px;
}


/** UPDATES */

#row4 .heading-container h2,
#row2 .heading-container h2 {
    background-color: white;
    color: #004080;
    float: left;
    font-size: 13px;
    font-weight: bold;
    padding: 4px;
    text-transform: uppercase;
}

#row2 .col1 {
    width: 740px;
    float: left;
}

#row2 .col2 {
    width: 205px;
    float: left;
}

#row2 .col2 ul li {
    /* margin-bottom: 12px; */
    margin-bottom: 4px;
}

#row2 .col2 ul li a {
    color: #0058A5;
    font-size: 12px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
}

#row2 .col1 .box1 {
    width: 355px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 100px;
}

#row2 .box1 img {
    float: left;
    margin-right: 4px;
}

#row2 .box1 .title {
    font-size: 12px;
    color: #0058A5;
    line-height: 1em;
    font-weight: bold;
    margin-bottom: 4px;
    display: block;
}

#row2 .box1 .desc {
    color: #3A4147;
    font-size: 12px;
    line-height: 1.2em;
}

#row4 {
    margin-top: 10px;
}

#row4 .col1 {
    width: 720px;
    float: left;
    margin-right: 10px;
}

#row4 .col1 li {
    width: 225px;
    float: left;
    margin-right: 6px;
    margin-left: 6px;
}

#row4 .col1 .title {
    color: #004080;
    font-size: 12px;
    font-weight: bold;
}

#row4 .col1 .desc {
    color: #3A4147;
    font-size: 12px;
    line-height: 1.3em;
    margin-top: 6px;
}

#row4 .col2 {
    width: 315px;
    float: left;
    margin-right: 10px;
}

.cleft img {
    width: 205px;
    height: 80px;
}

.box-eventi img {
    width: 218px;
    height: 99px;
}

#list_eventi {
    float: left;
    width: 480px;
}

#first-event {
    float: left;
    width: 225px;
    margin: 0 6px;
}

#first-event img:first-child {
    width: 129px;
    height: 72px;
    float: left;
    margin-right: 4px;
}

#settori-eventi-container {
    float: left;
    width: 715px;
}

ul#list_eventi li {
    float: left;
    margin-left: 6px;
    margin-right: 6px;
    margin-top: 3px;
    width: 225px;
    height: 72px;
    overflow: hidden;
    padding-left: 3px;
}

#list_eventi li .desc {
    margin-top: 2px;
}

ul#list_eventi li.odd {
    background-color: #eff2f5;
}

.cleft {
    padding-left: 5px;
}

.cleft #box-first-event {
    padding: 6px;
}

#row4 .col2 .cleft {
    float: left;
    width: 128px;
    margin-right: 12px;
}

#row4 .col2 .cright {
    width: 160px;
    float: left;
}

#row4 .col2 .cright a {
    font-size: 12px;
    font-weight: bold;
}

#row4 .col2 .cright li {
    margin-bottom: 8px;
}

#row4 .col3 {
    width: 220px;
    float: right;
    padding-top: 15px;
}

#row4 .col3 .banner {
    margin-bottom: 10px;
}

#link-side {
    float: left;
    padding-left: 7px;
    width: 228px;
    margin-bottom: 10px;
}

#link-side .banner {
    margin: 0 auto;
    margin-bottom: 5px;
    display: block;
}

.onlysmall {
    display: none;
}

h3.title {
    font-size: 16px;
}