.container2 { left:0; margin:0; padding:0; width:80% } .bg { background:url(Bg2.gif) repeat-y center top; border-bottom: 1px solid #7F7F7F; bottom:5px } .style2 { color:#F60; font-weight:700 } .offer { left:36px; position:absolute; top:179px } .home1 { left:1px; position:absolute; top:4px; background-image:none; border-bottom: 1px solid #FF6600; } body { background-image:url(http://www.cinqueterreriviera.com/images/OmbraNew.jpg); background-position:center; background-repeat:repeat-y; left:2px; right:2px; top:0 } .testo { padding-top:5px; padding-bottom:0px; padding-left:3px; padding-right:2px; line-height: 14pt } .testo1 { padding-right:3px; padding-left:3px } .testo2 { background-image:url(PageCurl.jpg); background-position:right top; background-repeat:no-repeat; padding-bottom:5px; padding-left:3px; padding-right:2px; padding-top:30px } .swirl { background-image:url(swirl.gif); background-position:right bottom; background-repeat:no-repeat; } .linea { background-image:none; border-bottom: 1px solid #FF6600; } .lineaGrey { background-image:none; border-bottom: 1px solid #7F7F7F; } .Stile12 { color:#666; font-weight:700 } .imagebox { display: block; background-color: #fff; border: 1px solid #a9a9a9; padding: 4px; } --> /* common styling menu general */ .menu2 { background:#ddd url(menu2.gif) repeat-x; border-top:1px solid #F60; bottom:-2px; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; width:100% } .menu2 ul li.group { background:#666; color:#F60; display:block; padding:4px 0; text-indent:10px; width:152px } .menu2 ul li:hover ul.scroller { height:138px; overflow:auto; width:172px } .menu2 ul li a:hover ul.scroller { height:138px; overflow:auto } .left { clear:both } .menu3 { background:#ddd url(menu2.gif) repeat-x; border-bottom:1px solid #F60; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; width:100% } .menu3 ul li.group { background:#666; color:#666; display:block; padding:4px 0; text-indent:10px; width:152px } .menu3 ul li:hover ul.scroller { height:200px; overflow:auto; width:172px } .menu3 ul li a:hover ul.scroller { height:200px; overflow:auto } #navCircle2 { border-bottom:1px solid #999B99; margin:0; padding:0 0 26px 10px } #navCircle2 li { display:inline; list-style-type:none; margin:0; padding:0 } #navCircle2 a:link { bottom:2px; color:#666; float:left; font-size:12px; line-height:15px; padding:0 12px 6px 6px; right:6px; text-decoration:none; top:2px } #navCircle2 a:visited { bottom:2px; color:#666; float:left; font-size:12px; line-height:15px; padding:0 12px 6px 6px; right:6px; text-decoration:none; top:2px } #navCircle2 a:link.active { background:url(http://www.cinqueterreriviera.com/images/giramini.gif) no-repeat bottom left; color:#F60; padding-bottom:12px } #navCircle2 a:visited.active { background:url(http://www.cinqueterreriviera.com/images/giramini.gif) no-repeat bottom left; color:#F60; padding-bottom:12px } #navCircle2 a:hover { background:url(http://www.cinqueterreriviera.com/images/giramini.gif) no-repeat bottom left; color:#F60; padding-bottom:12px } a:visited { color:#666; text-decoration:none } a:active { color:#666; text-decoration:none } .menu2 ul { list-style-type:none; margin:0; padding:0 } .menu3 ul { list-style-type:none; margin:0; padding:0 } .menu2 ul li { float:left; position:relative } .menu3 ul li { float:left; position:relative } .menu2 ul li a { color:#444; display:block; float:left; height:30px; line-height:25px; padding:0 16px; text-decoration:none } .menu2 ul li a:visited { color:#444; display:block; float:left; height:30px; line-height:25px; padding:0 16px; text-decoration:none } .menu3 ul li a { color:#444; display:block; float:left; height:30px; line-height:25px; padding:0 16px; text-decoration:none } .menu2 ul li:hover { width:auto } .menu3 ul li:hover { width:auto } .menu2 ul li a:hover { background:#aaa url(sub2a.gif); color:#F60 } .menu2 ul li:hover a { background:#aaa url(sub2a.gif); color:#F60 } .menu3 ul li a:hover { background:#aaa url(sub2a.gif); color:#F60 } .menu3 ul li:hover a { background:#aaa url(sub2a.gif); color:#F60 } .menu2 ul li ul { display:none } .menu2 ul li:hover ul li ul { display:none } .menu3 ul li ul { display:none } .menu3 ul li:hover ul li ul { display:none } .menu2 table { border-collapse:collapse; font-size:11px; left:0; margin:0; position:absolute; top:0 } .menu3 table { border-collapse:collapse; font-size:11px; left:0; margin:0; position:absolute; top:0 } .menu2 ul li:hover ul { background:#aaa; display:block; left:0; margin-top:1px; position:absolute; top:29px; width:152px } .menu3 ul li:hover ul { background:#aaa; display:block; left:0; margin-top:1px; position:absolute; top:29px; width:152px } .menu2 ul li:hover ul.endstop { left:-90px } .menu2 ul li a:hover ul.endstop { left:-90px } .menu3 ul li:hover ul.endstop { left:-90px } .menu3 ul li a:hover ul.endstop { left:-90px } .menu2 ul li:hover ul li a { background:#aaa; color:#fff; display:block; height:auto; line-height:15px; padding:4px 16px; width:120px } .menu3 ul li:hover ul li a { background:#aaa; color:#fff; display:block; height:auto; line-height:15px; padding:4px 16px; width:120px } .menu2 ul li:hover ul li a.drop { background:#888 } .menu2 ul li:hover ul li:hover ul li a { background:#888 } .menu3 ul li:hover ul li a.drop { background:#888 } .menu3 ul li:hover ul li:hover ul li a { background:#888 } .menu2 ul li:hover ul li a:hover { background:#888; color:#F60 } .menu2 ul li a:hover ul li a:hover { background:#888; color:#F60 } .menu3 ul li:hover ul li a:hover { background:#888; color:#F60 } .menu3 ul li a:hover ul li a:hover { background:#888; color:#F60 } .menu2 ul li:hover ul li a:hover.drop { background:#888; color:#F60 } .menu2 ul li a:hover ul li a:hover.drop { background:#888; color:#F60 } .menu3 ul li:hover ul li a:hover.drop { background:#888; color:#F60 } .menu3 ul li a:hover ul li a:hover.drop { background:#888; color:#F60 } .menu2 ul li:hover ul li:hover ul { background:#888; color:#000; display:block; height:138px; left:152px; overflow:auto; position:absolute; top:-70px; width:172px } .menu3 ul li:hover ul li:hover ul { background:#888; color:#000; display:block; height:138px; left:152px; overflow:auto; position:absolute; top:-70px; width:172px } .menu2 ul li:hover ul li:hover ul li.group { padding:5px 0; width:152px } .menu3 ul li:hover ul li:hover ul li.group { padding:5px 0; width:152px } .menu2 ul li:hover ul li:hover ul.left { left:-172px } .menu3 ul li:hover ul li:hover ul.left { left:-172px } .menu2 ul li:hover ul li:hover ul li a:hover { background:#666; color:#F60 } .menu2 ul li a:hover ul li a:hover ul li a:hover { background:#666; color:#F60 } .menu3 ul li:hover ul li:hover ul li a:hover { background:#666; color:#F60 } .menu3 ul li a:hover ul li a:hover ul li a:hover { background:#666; color:#F60 } .menu2 ul li a:hover ul { background:#aaa; display:block; left:0; margin-top:1px; position:absolute; top:29px } .menu3 ul li a:hover ul { background:#aaa; display:block; left:0; margin-top:1px; position:absolute; top:29px } .menu2 ul li a:hover ul li a { color:#fff; display:block; height:1px; line-height:15px; padding:4px 16px; width:120px } .menu3 ul li a:hover ul li a { color:#fff; display:block; height:1px; line-height:15px; padding:4px 16px; width:120px } .menu2 ul li a:hover ul li a.drop { background:#888; padding-bottom:5px } .menu3 ul li a:hover ul li a.drop { background:#888; padding-bottom:5px } .menu2 ul li a:hover ul li a ul { height:0; position:absolute; visibility:hidden; width:0 } .menu3 ul li a:hover ul li a ul { height:0; position:absolute; visibility:hidden; width:0 } .menu2 ul li a:hover ul li a:hover ul { background:#888; color:#000; height:138px; left:152px; overflow:auto; position:absolute; top:-70px; visibility:visible; width:170px } .menu3 ul li a:hover ul li a:hover ul { background:#888; color:#000; height:138px; left:152px; overflow:auto; position:absolute; top:-70px; visibility:visible; width:170px } .menu2 ul li a:hover ul li a:hover ul.left { left:-170px } .menu3 ul li a:hover ul li a:hover ul.left { left:-170px }