#tabs 					
{position:absolute;
	right:0px;
	height: 50px;
	width:100%;
	top:0px;
	z-index: 1000001;
	text-align: right; 
 }
						
#tabs li				{/*float:left;*/
						margin:0px; 
						display: inline-block;
						width: auto; padding: 1% 1%;
						text-align:center; font-size: 18px;  				
}
					
#tabs ol, #tabs ul, #tabs li	{list-style:none}
#tabs li a						{text-decoration:none; color:#808080; display:block;}
#tabs li .nav1st, #tabs li a.nav1st		
								{ min-height:20px;   position:relative; text-shadow: 0 1px 0 rgba(214, 214, 214, 0.7); 
 border-bottom: 3px #f5f6f6 solid; padding-left: 6px;} 
/*#tabs li .fine, #tabs li a.fine			{background: #64a49d; line-height: 32px; height:32px; width: 120px; color:#FFFFFF }	*/
#tabs li a.nav1st:hover		{border-bottom: 3px solid #85ca7c}
#tabs li a.nav1st:before	{}
#tabs li.on-sub a.nav1st	{/*background: url(../img/tabhoverg.png); */ }
/*#tabs li.on-sub a.fine		{background: url(../img/tabhoverg.png) #64a49d;  }*/

#tabs li a			{opacity: 1; transition: opacity .25s ease-in-out;
					-moz-transition: opacity .25s ease-in-out;
					-webkit-transition: opacity .25s ease-in-out}
#tabs li a:hover	{opacity: 0.5; color:#363636}


/*#tabs .current			{background: url(../imghm/attivo.png) repeat-x center bottom !important}
#tabs .current a		{}*/

 						
#tabs ul  				{ padding:0; margin:0; /*overflow:hidden; float:left;_width:100%;_width:160px;*/} 


#tabs li ul.sub			{background: #FFF;
						font-size: 14px;
						position:absolute;
						margin:0px 0px 0px -1px;
						overflow: visible;
 						float:left;
						clear:both;
						zoom:1;
						z-index: 150;
						-moz-box-shadow:1px 1px 1px 1px #b8b8b8;
  						-webkit-box-shadow:1px 1px 1px 1px #b8b8b8;
 						filter: progid:DXImageTransform.Microsoft.Shadow(color='#b8b8b8', Direction=135, Strength=1);
  						box-shadow:1px 1px 1px 1px #b8b8b8;
 }
 
#tabs li ul.sub div.blocco	{float: left; width: 160px; display: block;  margin: 4px; margin-bottom:14px;  }		
#tabs li ul.sub div.blocco img	{ height: 120px;}
#tabs li ul.sub div.blocco .blfoto	{ width: 100%; height: 160px; overflow: hidden; display:block; background:#FFFFFF; position:relative} 
#tabs li ul.sub div.blocco li	
						{float: none; 	margin:0; display: block; width: auto;
						background: inherit; padding: 2px; line-height:16px; text-align: left; font-size: 14px;}
#tabs li ul.sub div.blocco a	{line-height:28px; border-bottom:1px solid #eee; text-align: left; display:block; width: 100%;
						color:#000; padding-top: 2px; padding-bottom: 2px; }
#tabs li ul.sub div.blocco a:hover
						{background: inherit!important ;  color: #363636}

#tabs li ul.sub div.blocco .btmenu	{margin-top:6px;}
/*#tabs li ul.sub div.blocco span.bloccotit{ background: #FFF; color: #999; font-size: 16px; display:block;  height: 32px; padding-top: 6px}*/
#tabs li ul.sub div.blocco .blfoto span.bloccotit{ background: #fbfbfb; color: #363636; font-size: 16px; display:block; padding-top: 6px; padding-bottom: 6px; position: absolute; bottom: 0px; left: 0px; width: 100%; border-bottom:1px solid #999;  
}
#tabs li #bl1{}
#tabs li #bl2{}
#tabs li #bl3{}
#tabs li #bl4{}
#tabs li #bl5{}
#tabs li #bl6{}



#tabs li.on-sub ul.sub li a		{border-top:none; display:block}
#tabs li.on-sub ul li a {}
/*#tabs ul.sub li a:hover		{background-color:#f1feff!important}*/
#tabs ul.sub li ul li a:hover	{background-color:#999}
#tabs ul li ul.sub li a:hover	{background-color:transparent!important}

/*#tabs li.on-sub a.nav1st		{background: url(../img/tabhoverg.png);      }*/

/*
#tabs #tab_g2 ul.sub			{width:160px}
#tabs #tab_g1 ul.sub			{width:160px}*/

@media only screen and (max-width:880px)
{
head1 #headA #nav #tabs 		{top:34px; 	background:#FFFFFF; }
head1 #headA #nav #tabs li		{background:#fafafa; line-height: 20px; }
#tabs li .nav1st, #tabs li a.nav1st	{border-bottom:0px; text-shadow: none;  }
#tabs li a.nav1st:hover			{border-bottom: 0px}
head1 #headA #logo img	{width: 86%;}
#tabs li ul.sub div.blocco a	{line-height:16px; border-bottom:1px solid #eee; text-align: left; display:block; width: 100%;
						color:#000; padding-top: 2px; padding-bottom: 2px; }  
 
@media only screen and (max-width:380px)
{
	
head1 #headA #nav #tabs { height: 60px; width:100%; background:#FFFFFF; top:20px; z-index: 1000001;}
 
head1 #headA #nav #tabs li	 {text-shadow: none; line-height:16px; font-size: 14px; background:#fafafa; margin-bottom: 1px  }
#tabs li .nav1st, #tabs li a.nav1st	{border-bottom:0px; display:block; min-width: 90px;  text-shadow: none;   }
#tabs li a.nav1st:hover		{border-bottom: 0px}
head1 #headA #logo img	{width: 86%;}
#tabs li #bl2{ margin-left: -60px;}
#tabs li ul.sub div.blocco a	{line-height:16px; border-bottom:1px solid #eee; text-align: left; display:block; width: 100%;
						color:#000; padding-top: 2px; padding-bottom: 2px; }  
 
}