/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen 
{ 
    .tabs-hide {display: none;}
}
/* Hide useless elements in print layouts... */
@media print 
{
   .tabs-nav {display: none;}
}

/*TABS*/
#tabs ul li {float: left; margin: 0 0 0 2px; padding:0; height:127px; width:181px; display:inline; float: left;list-style: none; }
#tabs li a {font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif; position: relative; z-index: 2; padding: 0; font-size: 13px;  text-decoration: none; white-space: nowrap; height:47px; width:166px; padding:80px 0 0 15px;}

#tabs .due{margin-left:3px;}
#tabs .tre{margin-left:3px;}
#tabs .quattro{margin-left:3px;}
#tabs .cinque{margin-left:3px;}

/*Roll-over tabs*/
#tabs .unoA:hover{background: url(../../assets/images/tab_1_sel.jpg); color: #025d8b;}
#tabs .dueA:hover{background: url(../../assets/images/tab_2_sel.jpg); color: #025d8b;}
#tabs .treA:hover{background: url(../../assets/images/tab_3_sel.jpg); color: #025d8b;}
#tabs .quattroA:hover{background: url(../../assets/images/tab_4_sel.jpg); color: #025d8b;}
#tabs .cinqueA:hover{background: url(../../assets/images/tab_5_sel.jpg); color: #025d8b;}

.tabs-nav {list-style: none; margin: 0 0 0 0 !important; padding: 0 0 0 0; width:920px; height:127px; background:url(../../assets/images/TAB_bg.jpg) bottom left no-repeat;}
.tabs-nav:after { display: block; clear: both; content:"";}

.tabs-nav li {float: left; margin: 0 0 0 0px; height:127px; width:181px;}
.tabs-nav li a{color: #444444;}

/*tabs*/
.tabs-nav .uno{ background: url(../../assets/images/tab_1.jpg);}
.tabs-nav .due{ background: url(../../assets/images/tab_2.jpg); }
.tabs-nav .tre{ background: url(../../assets/images/tab_3.jpg);}
.tabs-nav .quattro{ background: url(../../assets/images/tab_4.jpg);}
.tabs-nav .cinque{ background: url(../../assets/images/tab_5.jpg); margin-right:0;}

.tabs-nav a, .tabs-nav a {display: block; padding:0;}

/*Selected tabs*/
.tabs-nav .tabs-selected .unoA  {background: url(../../assets/images/tab_1_sel.jpg); color: #025d8b;}
.tabs-nav .tabs-selected .dueA  {background: url(../../assets/images/tab_2_sel.jpg); color: #025d8b;}
.tabs-nav .tabs-selected .treA  {background: url(../../assets/images/tab_3_sel.jpg); color: #025d8b;}
.tabs-nav .tabs-selected .quattroA  {background: url(../../assets/images/tab_4_sel.jpg); color: #025d8b;}
.tabs-nav .tabs-selected .cinqueA  {background: url(../../assets/images/tab_5_sel.jpg); color: #025d8b;}

.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited {cursor: text;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {cursor: pointer;}
.tabs-container {padding:0; margin:0;}