/* MENU PRINCIPALE */


.menuPrincipale {
display: block;
float: left;
width: 960px;
height: 53px;
margin: 0px 0px 0px 0px;
background: url(/dl/portali/site/images/bkg_menu.png) repeat-x;
}
.menuPrincipale ul#menuTendina {
display: block;
float: left;
width: 960px;
height: 41px;
padding: 0px 0px 0px 0px;
}
.menuPrincipale ul#menuTendina li {
display: block;
float: left;
width: auto;
height: 35px;
padding: 13px 0px 0px 4px;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 10000;
}

.menuPrincipale ul#menuTendina li a:link, 
.menuPrincipale ul#menuTendina li a:visited{
display: block;
float: left;
height: 25px;
padding: 0px 0px 0px 13px;
color: #9e9e9e;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
position:relative;
cursor: pointer;
}

.menuPrincipale ul#menuTendina li a:link span, 
.menuPrincipale ul#menuTendina li a:visited span{
display: block;
float: left;
padding: 5px 13px 0px 0px;
height: 20px;
color: #9e9e9e;
}

.menuPrincipale ul#menuTendina li a:hover,
.menuPrincipale ul#menuTendina li.selected a {
display: block;
float: left;
height: 25px;
padding: 0px 0px 0px 13px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
background: url(/dl/portali/site/images/bkg_minisito.gif) 0px 0px no-repeat;
}

.menuPrincipale ul#menuTendina li a:hover span,
.menuPrincipale ul#menuTendina li.selected a span{
display: block;
float: left;
padding: 5px 13px 0px 0px;
height: 20px;
color: #fff;
background: url(/dl/portali/site/images/bkg_minisito.gif) right 0px no-repeat;
}
/*freccina*/


.menuPrincipale ul#menuTendina li.sottoMenu a:link span, 
.menuPrincipale ul#menuTendina li.sottoMenu a:visited span{
display: block;
float: left;
padding: 5px 26px 0px 0px;
height: 20px;
color: #9e9e9e;
position:relative;
cursor: pointer;
background: url(/dl/portali/site/images/bkg_minisito.gif) right -50px no-repeat;
}

.menuPrincipale ul#menuTendina li.sottoMenu a:hover{
display: block;
float: left;
height: 25px;
padding: 0px 0px 0px 13px;
color: #fff;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
background: url(/dl/portali/site/images/bkg_minisito.gif) 0px -25px no-repeat;
}

.menuPrincipale ul#menuTendina li.sottoMenu a:hover span{
display: block;
float: left;
padding: 5px 26px 0px 0px;
height: 20px;
color: #fff;
background: url(/dl/portali/site/images/bkg_minisito.gif) right -25px no-repeat;
}

.sottoMenu .imgItemSmall {
display: none;
}


/* FiNE MENU PRINCIPALE */

/* TENDINA */



/*######### MENU TENTINA ######### */

.menuPrincipale ul#menuTendina ul li.Apertura {
width: 180px;
height: 10px;
position: relative;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow: hidden;
position: relative;
z-index: 100;
background: url(/dl/portali/site/custom/images/bkg_tendina_top.png);
}

.menuPrincipale ul#menuTendina ul li.Chiusura {
width: 180px;
height: 10px;
position: relative;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: url(/dl/portali/site/custom/images/bkg_tendina_bot.png);
}


.menuPrincipale ul#menuTendina ul {
display: none;
position: absolute;
top: 43px;
left: 4px;
width: 180px;
z-index: 10;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: transparent;
}

.menuPrincipale ul#menuTendina ul:after /*IE 7 loc*/ {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

.menuPrincipale ul#menuTendina ul li {
display: block;
width: 180px;
height: auto;
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
position: relative;
z-index: 1;
background: #555;
float: left; /*IE 7 loc*/
display: block !important;
display: inline; /*IE*/
}

/* Menu */


/* secondo livello */

.menuPrincipale ul#menuTendina li:hover ul li a.link,
.menuPrincipale ul#menuTendina li:hover ul li a.visited,
.menuPrincipale ul#menuTendina li.iehover ul li a.link,
.menuPrincipale ul#menuTendina li.iehover ul li a.visited  {
float: left;
width: 160px;
height: auto;
padding: 5px 10px 5px 10px;
margin: 0px;
z-index: 1000;
color: #fff;
background: transparent;
position: relative;
text-transform: none;
}

.menuPrincipale ul#menuTendina li:hover ul li a:hover,
.menuPrincipale ul#menuTendina li.iehover ul li.iehover a:hover {
float: left;
width: 160px;
height: auto;
padding: 5px 10px 5px 10px;
margin: 0px;
z-index: 1000;
color: #ddd;
background: #7a7a7a;
position: relative;
text-transform: none;
}

.menuPrincipale ul#menuTendina li:hover ul,
.menuPrincipale ul#menuTendina ul li:hover ul,
.menuPrincipale ul#menuTendina ul ul li:hover ul,
.menuPrincipale ul#menuTendina li.iehover ul,
.menuPrincipale ul#menuTendina ul li.iehover ul,
.menuPrincipale ul#menuTendina ul ul li.iehover ul {
display: block;
}

.menuPrincipale ul#menuTendina li.sottoMenu ul li a:link span, 
.menuPrincipale ul#menuTendina li.sottoMenu ul li  a:visited span,
.menuPrincipale ul#menuTendina li.sottoMenu ul li  a:hover span,
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:link p,
.menuPrincipale ul#menuTendina li.sottoMenu ul li  a:visited p,
.menuPrincipale ul#menuTendina li.sottoMenu ul li  a:hover p{
display: none;
}
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:link p.titoloAdv,
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:visited p.titoloAdv,
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:hover p.titoloAdv,
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:link h4,
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:visited h4,
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:hover h4{
font-size: 12px;
display: block;
font-weight: bold;
}
.menuPrincipale ul#menuTendina li.sottoMenu ul li a:link span.data, 
.menuPrincipale ul#menuTendina li.sottoMenu ul li  a:visited span.data{
display: block;
float: left;
width: 160px;
height: auto;
font-size: 11px;
padding: 0px 0px 0px 0px;
color: #aaa;
font-weight: normal;
background: transparent;
}
.menuPrincipale ul#menuTendina li.sottoMenu ul li  a:hover span.data{
color: #ddd;
}