.glossymenu{
margin: 5px 0;
padding: 0;
width: 290; /*width of menu*/
border: 0px solid #ffffff;
border-bottom-width: 0;
text-align:left;
}

.glossymenu a.menuitem{
background-color: #ffffff;
font-family:"Times New Roman", Times, serif;
font-size:15pt; /*font: bold 11px, Arial, Verdana, Helvetica, sans-serif; */
color:#ffffff;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding:6px 8px 6px 10px;
margin:1px 1px 1px 1px;
padding-left: 10px;
text-decoration: none;	
text-align:right;

}

.glossymenu a.menuitem:hover{
background:#ffffff;
font: bold 11pt, "Times New Roman", Times, serif; color: #000000;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width:auto;
padding:6px 8px 6px 10px;
margin:1px 1px 1px 1px;
padding-left: 10px;
text-decoration: none;
text-align:right;

}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 8px;
right: 10px;
border: none;
}


/********************************/
/*****   MENU PRIN      *****/
/********************************/

.glossymenu a.menuitem1{
	
    font-family:"Times New Roman", Times, serif;
	font-size:15pt;
	color:#4C726D;
	display: block;
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 7px 5px 7px 7px;
	margin: 1px 1px 1px 1px;
	padding-left: 40px;
	text-decoration: none;
	text-align:left;
	
}

.glossymenu a.menuitem1:hover{
	background:#ffffff;
	font-family:"Times New Roman", Times, serif;
	color: #000000;
	display: block;
	position: relative; 
	width:auto;
	padding:7px 5px 7px 7px;
	margin:1px 1px 1px 1px;
	padding-left: 40px;
	text-decoration: none;
	text-align:left;

}


/*Posición flecha*/

.glossymenu a.menuitem1 .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 11px;
right: 260px;
border: none;
}



/*.glossymenu a.menuitem1:hover{
background:#C70540;}*/

.glossymenu a.menuitem2:hover{
background:#B8C8C0;
}

}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: #ffffff;
font: bold 10px, "Times New Roman", Times, serif; border:#000000;
text-align:left;

}
/*## Formato SUBMENU TEMAS ##*/
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
width: 290px; /*width of menu*/
border: 0px solid #ffffff;
text-align:left;
}

.glossymenu div.submenu ul li{
border: 1px solid #ffffff;
border-bottom-width: 0;
}

.glossymenu div.submenu ul li a{
display: block;
font-family:"Times New Roman", Times, serif;
	font-size:11pt;
color: #5B5B5B;
text-align:left;
text-decoration: none;
padding: 7px 5px 7px 7px;
padding-left: 40px;

}

.glossymenu div.submenu ul li a:hover{
background: #FFFFFF;
font-family:"Times New Roman", Times, serif;
	font-size:11pt;
color: #5B5B5B;
text-align:left;
text-decoration:underline;
}

/********************************/
/*****   MENU AGUA      *****/
/********************************/


.glossymenu6{
margin: 5px 0;
padding: 0;
width: 590; /*width of menu*/
border: 0px solid #ffffff;
border-bottom-width: 0;
text-align:left;
}


.glossymenu6 a.menuitem6{
	
    font-family:"Times New Roman", Times, serif;
	font-size:16pt;
	color:#4C726D;
	display: block;
	position:relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 7px 5px 7px 7px;
	margin: 1px 1px 1px 1px;
	padding-left: 40px;
	text-decoration: none;
	text-align:left;
	
}

.glossymenu6 a.menuitem6:hover{
	background:#ffffff;
	font-family:"Times New Roman", Times, serif;
	font-size:16pt;
	color:#4C726D;
	display: block;
	position: relative; 
	width:auto;
	padding:7px 5px 7px 7px;
	margin:1px 1px 1px 1px;
	padding-left: 40px;
	text-decoration: none;
	text-align:left;

}


/*Posición flecha*/

.glossymenu6 a.menuitem6 .statusicon6{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 11px;
right: 470px;
border: none;
}



/*.glossymenu a.menuitem1:hover{
background:#C70540;}*/

.glossymenu6 a.menuitem2:hover{
background:#4C726D;

}

}

.glossymenu6 div.submenu6{ /*DIV that contains each sub menu*/
background: #ffffff;
font: bold 10px, "Times New Roman", Times, serif; border:#000000;
text-align:left;

}
/*## Formato SUBMENU TEMAS ##*/
.glossymenu6 div.submenu6 ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
width: 470px; /*width of menu*/
border: 0px solid #ffffff;
text-align:left;
}

.glossymenu6 div.submenu6 ul li{
border: 1px solid #ffffff;
border-bottom-width: 0;
}

.glossymenu6 div.submenu6 ul li a{
display: block;
font-family:"Times New Roman", Times, serif;
	font-size:14pt;
color: #4C726D;
text-align:left;
text-decoration: none;
padding: 7px 5px 7px 7px;
padding-left: 60px;

}

.glossymenu6 div.submenu6 ul li a:hover{
background: #FFFFFF;
font-family:"Times New Roman", Times, serif;
	font-size:14pt;
color: #4C726D;
text-align:left;
text-decoration:underline;
}