Codice:
.menu{
height: auto;
margin-left: 323px;
}
.menu_one{
position:relative;
margin:0px;
/*display: block;*/
z-index:999;
}
.menu a{
text-decoration:none;
display:block;
height:64px;
line-height:64px;
color:#df6566;
font-size:13px;
float:left;
font-family: 'Raleway', sans-serif;
font-weight:500;
}
.menu li:hover > a,
.menu li >a:hover,
.menu .selected{
text-decoration:none;
display:block;
height:64px;
line-height:64px;
color:#df6566;
font-size:13px;
float:left;
font-family: 'Raleway', sans-serif;
font-weight:500;
background-image: url('#file({'filename': 'bg_sel.png', 'contentId': $content.contentId, '':''})');
background-position:center center;
background-repeat:no-repeat;
}
.menu li{
list-style: none;
position: relative;
z-index:90;
line-height:15px;
float: left;
text-align: center;
}
.menu li a{
}
.menu ul li:hover{
}
.menu ul ul{
background:#FFFFFF;
position:absolute;
top: 59px;
visibility: hidden;
left: 0px;
padding-left: 0px;
padding-top: 0px;
width:200px;
z-index: 100;
}
.menu ul ul a{
display: block;
width: 200px !important;
height: 30px !important;
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
font-size: 12px;
line-height:30px;
text-decoration: none;
float: none;
position: absolute;
z-index: 100;
}
.menu ul ul li{
background-image:none;
font-family: 'Open Sans', sans-serif;
float:none;
text-align:left;
height:30px;
line-height:30px;
text-indent:20px;
}
.menu ul ul li:hover > a,
.menu ul ul a:hover,
.menu ul ul .selected{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: underline;
padding:0px;
width:200px;
height:30px;
line-height:30px;
}
#menu_first_1 a,
#menu_first_1 a:hover,
#menu_first_1:hover > a,
#menu_first_1.selected
{
width:78px;
}
#menu_first_2 a,
#menu_first_2 a:hover,
#menu_first_2:hover > a,
#menu_first_2.selected
{
width:78px;
}
#menu_first_3 a,
#menu_first_3 a:hover,
#menu_first_3:hover > a,
#menu_first_3.selected
{
width:78px;
}
#menu_first_4 a,
#menu_first_4 a:hover,
#menu_first_4:hover > a,
#menu_first_4.selected
{
width:78px;
}
#menu_first_5 a,
#menu_first_5 a:hover,
#menu_first_5:hover > a,
#menu_first_5.selected
{
width:78px;
}
#menu_first_6 a,
#menu_first_6 a:hover,
#menu_first_6:hover > a,
#menu_first_6.selected
{
width:78px;
}
#menu_first_7 a,
#menu_first_7 a:hover,
#menu_first_7:hover > a,
#menu_first_7.selected
{
width:78px;
}
#menu_first_8 a,
#menu_first_8 a:hover,
#menu_first_8:hover > a,
#menu_first_8.selected
{width:78px;
/*text-align:right;*/
}
/*
.first_link{
background-image: url('#file({'filename': 'sel1.png', 'contentId': $content.contentId, '':''})')!important;
background-repeat:repeat-x !important;
background-position: top center !important;
color:#fff !important;
!margin-top:0px !important;
}
*/
.menu ul ul ul{
background:#FFFFFF;
position:absolute;
top: 0px;
visibility: hidden;
z-index: 100;
left: 200px;
padding-left: 0px;
padding-top: 0px;
width:100px;
}
.menu ul ul ul a{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: none;
width: 100px !important;
height: 30px !important;
line-height:30px;
}
.menu ul ul ul li{
background-image:none;
font-family: 'Open Sans', sans-serif;
float:none;
text-align:left;
height:30px;
line-height:30px;
text-indent:20px;
}
.menu ul ul ul li:hover > a,
.menu ul ul ul a:hover,
.menu ul ul ul .selected{
background-image:none;
font-family: 'Open Sans', sans-serif;
color: #df6566;
display: block;
float: none;
font-size: 12px;
text-decoration: underline;
padding:0px;
width:200px;
height:30px;
line-height:30px;
}
/*
.menu ul li :hover ul{
visibility:visible;
}
*/
.menu > ul > li:hover ul{
visibility:visible;
}
.menu > ul > ul > li:hover .menu > ul > ul > ul {
visibility:visible;
}