#mainNav {
                    position: relative;
                    z-index:100001;
                    border-top:1px solid #FFF;
                    padding-top:2px;
                    padding-bottom:1px;
                    padding-left:8px;
}
#mainNav{width: 767px;}
#mainNav{*width: 775px;}

#mainNav li.mainNavSelf {
    font-family: "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
    color: #525252;
    background-image:none!important;
}

#mainNav {
    height: 15px;
}

#mainNav {
    background: #3c659e;
    text-transform: uppercase;
    color:#FFFFFF;
}

#mainNav ul {
    float: left;
    position:absolute;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    top:0px;
}

#mainNav li {
    position:relative;
    float: left;
    list-style: none;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}

#mainNav li li {
    float: none;
    border: 0;
    list-style: none;
    margin:0px;
}

#mainNav a {
    float: left;
    background: url(/docroot/vilaweb/imgs/mainNavLine.gif) no-repeat 0 50%;
    line-height: 16px;
    color: #fff;
    font-weight: bold;
    font-size: 9px;
    padding-left: 1em;
    padding-right: 1em;
    text-decoration:none;
}

#mainNav li.listpares{
    /*content: "|";
    font-size:0.8em;*/
}

#mainNav li.listpares , #mainNav li.last{
    margin-left: -3px;
    margin-right: 0px;
}

#mainNav li.listpares a {
    margin-right: -3px;
    padding-top:2px;
}

#mainNav li.last a {
    padding-top:2px;
}

#mainNav li.first {

}

#mainNav .first a {
    background: none;
}

/* submenus */
#mainNav li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 18px;
    background: #f4f0eb;
    border: 1px solid #3c659e;
    border-top-width: 0;
    text-transform: none;
    list-style: none;
    margin:0px;
    padding:0px;
    width: 12em;
}

html>body #mainNav li ul {
    width: 12em;
}

#mainNav li ul a {
    float: none;
    display: block;
    border: 1px solid #f4f0eb; /* for IE spacing */
    width: 12em;
    padding-top: .2em;
    padding-bottom: .2em;
}

#mainNav li:hover ul, #mainNav li.over ul {
    display: block;
}

#mainNav a:hover, #mainNav li.over a { color: #f60; }

#mainNav li:hover>a, #mainNav li:hover li:hover a { color: #f60; } /* for moz */

#mainNav li:hover li a, #mainNav li.over li a { color: #3c659e; }

#mainNav li.over a, #mainNav li:hover a, #mainNav a:hover {
    background: url(/docroot/vilaweb/imgs/mainNavLineOn.gif) repeat-y #f4f0eb;
}

#mainNav a a:hover {
    background: #f4f0eb !important;
}

#mainNav li.over li a, #mainNav li:hover li a, #mainNav li li a:hover {
    background: none;
}
#mainNav #hora{
    float:right;
    color:#FFF;
    font-size:10px;
    font-family: arial, serif;
    text-transform: lowercase;
    padding-right:4px;
    padding-top:1px;
}