/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }

}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
#linguetta{
     display: none;
    }
}



ul.tabs {
list-style-type: none;
margin: 0;
margin-top: 15px;
margin-bottom: 0px;
margin-left: 0px; /*offset of first tab relative to page left edge*/
padding: 0;
}

#tab-gialli ul,
#tab-rossi ul {
list-style-type: none;
margin: 0;
margin-left: 10px; /*offset of first tab relative to page left edge*/
padding: 0;
}

.tabs li{
float: left;
margin: 0;
padding: 0px  0 1px 0;
}

.tabs a{
font-family: "arial black";
border-top:3px solid #E3DEDB;
border-left:3px solid #E3DEDB;
border-right:3px solid #E3DEDB;
border-bottom:0px solid #E3DEDB;
color:white;
float: left;
position: relative;
top: 1px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: #AFAFAF;
margin: 0;
margin-right: 4px; /*Spacing between each tab*/
padding: 5px 19px;
text-decoration: none;

}

#colonna2 .tabs a{
font-family: "arial black";
border-top:3px solid #E3DEDB;
border-left:3px solid #E3DEDB;
border-right:3px solid #E3DEDB;
border-bottom:0px solid #E3DEDB;
color:white;
float: left;
position: relative;
top: 1px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */
background: #AFAFAF;
margin: 0;
margin-right: 4px; /*Spacing between each tab*/
padding: 5px 9px;
text-decoration: none;

}

.tabs a:hover{
background: #9F9F9F;
}


.tabs .azzurro a{
background: #79C3F0;

}
#tab-gialli li.ui-tabs-selected a,
.tabs .giallo a{
background: #FEB914;

}

#tab-rossi li.ui-tabs-selected a,
.tabs .rosso a{
background: #E74B4F;

}
.tabs .verde a{
background: #73A009;

}

.tabs .nero a{
background: #000;

}