.language-selector
{
font-family: Calibri;
position: absolute;
top: 5px;
right: 10px;
}

.language-selector ul 
{
    display:inline-block;
    padding:0;
    margin:0;
    border-radius: 5px; 
    box-shadow: 0 0 5px rgba(0,0,0, .4); 
}

.language-selector li 
{
    width: 70px;
    z-index: 100;
    text-align:center;
    position: relative; 
    list-style: none; 
}

.language-selector a 
{
    text-decoration: none; 
    display: block; 
    padding:  5px; 
    font-weight:bold;
    border-radius: 5px; 
    text-shadow: 1px 1px 3px rgba(0,0,0, .4); 
}

.language-selector li:hover ul a
{
    border-radius: 0; 
}

.language-selector ul ul 
{
    display: none; 
    margin: 0; 
    padding: 0; 
    position: absolute; 
    top: 26px; 
    left: 0; 
    
    border-top-left-radius: 0; 
    border-top-right-radius: 0; 
}

.language-selector ul ul li 
{
    float: none;
    margin: 0; 
    padding: 0; 
    display:block;
    border-top:1px solid rgba(255,255,255,.3);
    border-bottom:1px solid rgba(0,0,0,.4);
}

.language-selector ul ul li:last-child
{
    border-bottom:none;
}

.language-selector li:hover > ul 
{
    display: block; /* this does all the magic, replaces the NONE attribute */
}

.language-selector ul:after 
{
    content: '.'; 
    display: block; 
    clear: both; 
    visibility: hidden; 
    line-height: 0; 
    height: 0;
}

* html .language-selector  ul 
{
    height: 1%;
}

.language 
{

}

.language-text
{
    color: #fff; 
}

.language-selector .language-image
{
    vertical-align: -1px;
    margin-right:7px;
}
.language-selector 
{
    padding-left:10px;
	float: left;   	
}

.language-selector ul
{
    box-shadow:none;
}

.language-selector ul ul
{
    background: #288688;
}

.language-selector a 
{
    color: #357; 
}

.language-selector ul ul a 
{
    color: #fff; 
}

.language-selector a:hover /*.language-selector li:hover > a,*/
/*.language-selector ul ul, .language-selector ul ul a */
{
    background: #444;
    color: #fff;
    /*text-shadow: 1px 1px 0 rgba(255,255,255, .5);*/
}

.language-selector ul ul a:hover 
{
    /*background: #8f8f8f;  url(images/overlay.png) repeat-x 0 -100px !important; 
    color: #fff !important; */
}