
.glossymenu{
margin: 0 0 5px 0;
padding: 0;
width: 170px; /*width of menu*/
border: 1px solid #9A9A9A;
border-bottom-width: 0;
}

.glossymenu a.menuitem{
	background:#FFFFFF;
	/*background: black url(../../imagenes/ima_menucole/glossyback.jpg) repeat-x bottom left;*/
	font: bold 12px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	/*
	padding: 4px 0;
	padding-left: 10px;
	*/
	text-decoration: none;
}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 5px;
	right: 5px;
	border: none;
}
.glossymenu a.menuitem:hover{
	background-image: url(../../imagenes/ima_menucole/glossyback2.jpg);
}



.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}
.glossymenu div.submenu ul li{
	border-bottom: 1px solid gray;
}

/*
.glossymenu div.submenu ul li a{
	display: block;
	font: normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	color: black;
	text-decoration: none;
	padding: 2px 0;
	padding-left: 10px;
}
.glossymenu div.submenu ul li a:hover{
	background: #DFDCCB;
	colorz: white;
}
*/

/*Prueba*/
.BarArea1{
/*	width: 170px;*/
/*	padding-left:10px;*/
	margin: 0;
/*	background:#E9E9E9;*/
	background:#FFFFFF;
	color:#FFFFFF;
	height:30px;
/*	border:solid 1px #999999;*/
}
.BarOff1{
	/*background: black url(../../imagenes/ima_menucole/glossyback.jpg) repeat-x bottom left;*/
	font-size: 11px;
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	height:30px;
	padding-left:10px;
	border:solid 1px #FFFFFF;
/*	color:#FFFFFF;*/
	font-weight:bold;
}
.BarOn1{
	font-size:11px;
	text-align:left;
	font-family: arial,helvetica,sans-serif;
	color:#004080;
	background-image: url(../../imagenes/ima_menucole/glossyback2.jpg);
	font-weight:bold;
	height:30px;
	padding-left:10px;
	border:solid 1px #FFFFFF;
}
.BarOver1{
	color:#004080;
	background-image: url(../../imagenes/ima_menucole/glossyback2.jpg);
	font-size: 11px;
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	font-weight:bold;
	height:30px;
	padding-left:10px;
	border:solid 1px #FFFFFF;
}

.BarArea1 a:link, .BarArea1 a:visited{
	text-decoration: none;
	color:#666666;
}

/*
.BarArea2{
	width: 170px;
	margin: 0;
	background:#FFFFFF;
	color:#FFFFFF;
	height:30px;
	border:solid 1px #FFFFFF;
}
*/
.BarOff2{
	background:#FFFFFF;
	font-size: 11px;
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	height:28px;
	padding-left:5px;
	border:solid 1px #999999;
	color:#666666;
	font-weight:bold;
}
.BarOn2{
	font-size:11px;
	text-align:left;
	font-family: arial,helvetica,sans-serif;
/*	color:#004080;*/
	color:#00356A;
/*	background:#D3D3D3;*/
	background-image:url(../../imagenes/ima_menucole/pro16_back.gif);
	font-weight:bold;
	height:30px;
	padding-left:5px;
/*	border:solid 1px #FFFFFF;*/
}
.BarOver2{
/*	color:#004080;*/
	color:#00356A;
/*	background:#999999;*/
/*	background:#D3D3D3;*/
	background-image:url(../../imagenes/ima_menucole/pro16_0.gif);
	font-size: 11px;
	text-align: left;
	font-family: arial,helvetica,sans-serif;
	font-weight:bold;
	height:30px;
	padding-left:5px;
/*	border:solid 1px #FFFFFF;*/
}

.BarArea2 a:link, .BarArea2 a:visited{
	text-decoration: none;
	color:#666666;
}

/*Prueba*/


#Layer1 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}
#Layer2 {
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
}