#lang_sel {height:18px;position:relative; z-index:99; display:inline-block;text-align:left;margin: 0;background: #999999}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel { width:12em; }
/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
#lang_sel li:before{content:'' !important;}
#lang_sel ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left;width:90px; position:relative;  }
/* style the links for the top level */
#lang_sel a, #lang_sel a:visited {display:block;font-size:0.9em;text-decoration:none !important; text-transform: uppercase;color:#fff; padding-left:10px;background:#999999;}
#lang_sel a.attivo,
#lang_sel a.attivo:visited	{border:none; }

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {display: none;}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:visited {background:#999999;color:#fff;  height:auto; line-height:18px; padding:3px 10px;border:0;}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover{color:#fff; background:#555;}
#lang_sel :hover > a, #lang_sel ul ul :hover > a { color:#fff; background:#999999; border-style: solid; border-width:1px; }

#lang_sel a {text-align:left; }
#lang_sel a.attivo{
    background: #999999;
    color:#ddd;
	 border-style: solid; border-width:1px; 
}

#lang_sel a.attivo i{
    float: right;
	margin-top: 3px;
}

#lang_sel a.attivo:hover{
    text-decoration: none;
    color:#ccc;
    background: #999999;
	 border-style: solid; border-width:1px; 
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul{display: block; }

#lang_sel img.flag{width:18px;height:12px;position: relative; top: -1px;margin-right: 5px;}