body{

}
.utilcontainer{
    margin: 0 auto;
    display: inline-block ;
    /*border-top: thick solid #bf1f24;*/
}



ul.tabs{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
ul.tabs li.tab-link{
    background: none;
    color: #bf1f24;
    display: inline-block;
    padding: 5px;
    cursor: pointer;
    font-weight: bolder;
    width: 30%;
    text-align: center;
}

ul.tabs li.tab-link:hover{
    background: #bf1f24;
}

ul.tabs li#tab-1:hover #img_meteo{
    background: url(../img/w_w.png) no-repeat center;
}

ul.tabs li#tab-2:hover #img_farm{
    background: url(../img/f_w.png) no-repeat center;
}

ul.tabs li#tab-3:hover #img_contac{
    background: url(../img/c_w.png) no-repeat center;
}

#img_meteo{
    background: url(../img/w_w.png) no-repeat center;
}

#img_farm{
    background: url(../img/f_r.png) no-repeat center;
}

#img_contac{
    background: url(../img/c_r.png) no-repeat center;
}

ul.tabs li span{
    font-weight: bold;
    font-size: 20px;
}

ul.tabs li.current span{
    font-weight: bold;
    font-size: 20px;
    color: #fff;

}

ul.tabs li.current{
    background: #bf1f24;
    color: #222;
}

.tab-content{
    display: none;
    padding: 5px;
}

.tab-content.current{
    display: inline-block;
    color: #696969;
}

.divTable{
    width: 100%; 
    display: table;
}

.divTableRow{
    display: table-row
}

.divTableRowCell, .divTableRowCellBordered{
    width: 20%;
    display: table-cell;
    text-align: center;
}

.divTableRowCellBordered{
    border-top: 1px solid #bf1f24;
    margin: 10px;
}

.boardTitle{
    font-weight: bolder;
    font-size: 22px;
    color: #696969;
}

.tempAct{
    font-weight: bolder;
    font-size: 22px;
    color: #bf1f24;
}

.tempMax{
    font-weight: bolder;
    font-size: 12px;
    color: #222;
}

.tempMin{
    font-weight: bolder;
    font-size: 12px;
    color: #696969;
}

.weekDay{
    font-weight: bolder;
    font-size: 12px;
    color: #696969;
}

#img_meteo, #img_farm, #img_contac{
    height: 25px;
    width: 25px;
}