@charset "UTF-8";
#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 {
    background-color: #F2F2F2;	
}

.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;
}