/* MENU 3 (ROXO) ----------------------------------------------------------------------------------- */

.glossymenu, .glossymenu li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 170px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu li{
position: relative;
}

.glossymenu li a{
background: white url(purpleglossyback.gif) repeat-x bottom left;
font: bold 11px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}


.glossymenu li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 65px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
border: 1px solid black;
}

.glossymenu li ul li{
float: left;
}

.glossymenu li ul a{
width: 65px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
width: 12px
}

.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}

.glossymenu li a:hover{
background-image: url(purpleglossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu li { float: left; height: 1%; }
* html .glossymenu li a { height: 1%; }
/* End */

/* MENU 2 (AZUL)----------------------------------------------------------------------------------- */

.glossymenu2, .glossymenu2 li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 170px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu2 li{
position: relative;
}

.glossymenu2 li a{
background: white url(blueglossyback.gif) repeat-x bottom left;
font: bold  11px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}


.glossymenu2 li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 80px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
border: 1px solid black;
}

.glossymenu2 li ul li{
float: left;
}

.glossymenu2 li ul a{
width: 80px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu2 .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
width: 12px
}

.glossymenu2 li a:visited, .glossymenu2 li a:active{
color: white;
}

.glossymenu2 li a:hover{
background-image: url(blueglossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu2 li { float: left; height: 1%; }
* html .glossymenu2 li a { height: 1%; }
/* End */




/* MENU 3 (VERDE) ----------------------------------------------------------------------------------- */

.glossymenu3, .glossymenu3 li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 170px; /*WIDTH OF MAIN MENU ITEMS*/
}

.glossymenu3 li{
position: relative;
}

.glossymenu3 li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 11px Verdana, Helvetica, sans-serif;
color: white;
display: block;
width: auto;
padding: 5px 0;
padding-left: 5px;
text-decoration: none;
}


.glossymenu3 li ul{ /*SUB MENU STYLE*/
position: absolute;
width: 80px; /*WIDTH OF SUB MENU ITEMS*/
left: 0;
top: 0;
display: none;
border: 1px solid black;
}

.glossymenu3 li ul li{
float: left;
}

.glossymenu3 li ul a{
width: 80px; /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
}

.glossymenu3 .arrowdiv{
position: absolute;
right: 2px;
background: transparent url(arrow.gif) no-repeat center right;
width: 12px
}

.glossymenu3 li a:visited, .glossymenu3 li a:active{
color: white;
}

.glossymenu3 li a:hover{
background-image: url(glossyback2.gif);
}

/* Holly Hack for IE \*/
* html .glossymenu3 li { float: left; height: 1%; }
* html .glossymenu3 li a { height: 1%; }
/* End */