/* Basic code - don't modify */

#nav 
{ 
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    height: 34px;
}


#nav li.cat a.cat1
{ 
    display: block;
    text-decoration:none;
    font-weight:bold;
    font-size: 12px;
    padding: 12px;
    line-height: 1;
    text-transform:uppercase;
}


#nav li 
{ 
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    position: relative;
    width:135px;
    text-align:center;
}

#nav ul 
{ 
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    line-height: 0;
    top: 34px;
    /*background-color:#336699;*/
    background: url('../imgs/fundo_menu.png') 0 0;
}

#nav ul a 
{ 
    border-right: none;
}

#nav ul a.hover 
{ 
    color:#FFFFFF;
}

#nav ul ul 
{ 
    top: 0;
    left: 131px;
}

#nav ul li 
{ 
    float: none;
    text-align:left;
}


/* Alojamento **************************************************************************************/
#nav .cat a
{
    color:#336699;
}

#nav .cat a:Hover
{
    color:#FFFFFF;
}

#nav .cat:hover
{
    background-image:url(../imgs/bgalojamento.gif);
    background-repeat:repeat-x;
}



/* Utilidade **************************************************************************************/
#nav .utilidade
{
    width:167px;
}


#nav .saude
{
    width:120px;
}


#nav .comercio
{
    width:150px;
}


#nav ul.ulAlojamento {
    left:0;
    width: 480px;
    padding: 8px 0;
}
#nav ul.ulAlojamento li {
    float: left;
    width: 145px;
    margin: 8px 0 8px 15px;
}

#nav ul.ulComercio {
    left:0;
    width: 660px;
    padding: 8px 0;
}
#nav ul.ulComercio li {
    float: left;
    width:150px;
    margin: 8px 0 8px 15px;
}

#nav ul.ulTurismo {
    left:0;
    width: 450px;
    padding: 8px 0;
}
#nav ul.ulTurismo li {
    float: left;
    margin: 8px 0 8px 15px;
}

#nav ul.ulRestauracao {
    left:0;
    width: 450px;
    padding: 8px 0;
}
#nav ul.ulRestauracao li {
    float: left;
    margin: 8px 0 8px 15px;
}

#nav ul.ulSaude {
    right:0;
    width: 405px;
    padding: 8px 0;
}
#nav ul.ulSaude li {
    float: right;
    width:120px;
    margin: 8px 0 8px 15px;
}

#nav ul.ulServicos {
    right:0;
    width: 450px;
    padding: 8px 0;
}
#nav ul.ulServicos li {
    float: right;
    margin: 8px 0 8px 15px;
}

#nav ul.ulUtilidade {
    right: 0;
    width: 552px;
    padding: 8px 0;
}
#nav ul.ulUtilidade li {
    float: right;
    width:167px;
    margin: 8px 0 8px 15px;
}
#nav li.cat ul li a {
    text-decoration:none;
    font-weight:bold;
    color:#FFFFFF;
    font-size: 12px;
    line-height: 1;
    padding: 0;
    font-family: Arial, Verdana, Helvetica, sans-serif;
}
#nav li.cat ul li a:hover {
    text-decoration: underline;
}