/* TemaecospipMenu Style Sheet */

.TemaecospipMenu /* toda la tabla principal */
{
	text-transform:uppercase;
	padding:0px;
	padding-top:0px;
	color:#fff;
	cursor:pointer;
	cursor:hand;
}

.TemaecospipMenu a {
	display:block;
	padding: 2px 0px 0px 0px;
	cursor:pointer;
	cursor:hand;
}

.TemaecospipMenu a:hover {
	color:#fff;
	cursor:pointer;
	cursor:hand;
}

.TemaecospipMenu a:active {
	color:#fff;
	cursor:pointer;
	cursor:hand;
}

.TemaecospipSubMenuTable /* toda la tabla de los submenus */
{
	padding:0px;
	cursor:pointer;
	cursor:hand;
	white-space:nowrap;
	width:20px;
}


.TemaecospipSubMenu /* capa de la sombra de los paneles secundarios */
{
	z-index:	0;
	position:	absolute;
	visibility:	hidden;
	display:	block;
	overflow:	hidden;
	border:		0;
	background-color: inherit;
	margin-left:2px;
}

.TemaecospipSubMenuShadow
{
		z-index:	-1;
	position:	absolute;
	top:		3px;
	left:		3px;
	width:		100%;
	height:		300em;
	background-color:	gray;
	opacity:	0.5;
	border:		0;
	margin:		0;
}

.TemaecospipSubMenuBorder /* crea la sombra */
{
	border:		1px solid #9C9A9C;
	background-color:	#F7F3F7;
	padding:	0px;
	margin:	1px 3px 3px 0px;
}

.TemaecospipSubMenuTable
{
	margin: 0;
	padding: 0;
	border-collapse:separate;
}

.TemaecospipMenuItem,.TemaecospipMenuItemHover,.TemaecospipMenuItemActive /* submenus */
{	
	display:block;
	margin: 0px;
	cursor:pointer;
	cursor:hand;
	word-wrap:nowrap;
	white-space: nowrap;
	padding: 0px 3px 0px 0px;
}

.TemaecospipMainItem,
.TemaecospipMenuItem 
{
	color:#000000;
	background:transparent;
}

*html .TemaecospipMainItem {
  padding: 2px 0px 1px 0px;
  }

.TemaecospipMainItemHover,
.TemaecospipMainItemActive,
.TemaecospipMenuItemHover,
.TemaecospipMenuItemActive
{
	background-color:#666;
	color:#fff;
	cursor:pointer;
	cursor:hand;
}

/* horizontal main menu sub components */
/* panel doesn't really support horizontal menus */
/* there are simpler approaches, but the setting here allows me to
   set a background image for the menu without lines all over it */

.TemaecospipMainFolderLeft,
.TemaecospipMainItemLeft /* flechitas izquierdas del panel principal */
{
	border:		0;
	padding: 0px;
	background:transparent; /* fondo gris suave background-color:#f5f5f5; */
	border-bottom:0px solid silver;
	margin: 0px;
	font-weight:bold;
}

.TemaecospipMainFolderText,
.TemaecospipMainItemText /* texto del menu en el panel principal */
{
	width:100%;
	border:		0;
	padding: 0px;
	background:transparent; /* fondo gris suave background-color:#f5f5f5; */
	border-bottom:0px solid silver;
	margin: 0px;
	font-weight:bold;
}

.TemaecospipMainItemRight,
.TemaecospipMainFolderRight /* flechitas derechas del panel principal */
{
	padding:	0px;
	border:		0px;
	background:transparent; /* fondo gris suave background-color:#f5f5f5; */
	border-bottom:0px solid silver;
	margin: 0px;
	font-weight:bold;
}

/* hoover and active border */
.TemaecospipMainItemHover .TemaecospipMainFolderLeft,
.TemaecospipMainItemActive .TemaecospipMainFolderLeft,
.TemaecospipMainItemHover .TemaecospipMainItemLeft,
.TemaecospipMainItemActive .TemaecospipMainItemLeft,
.TemaecospipMainItemHover .TemaecospipMainFolderText,
.TemaecospipMainItemActive .TemaecospipMainFolderText,
.TemaecospipMainItemHover .TemaecospipMainItemText,
.TemaecospipMainItemActive .TemaecospipMainItemText,
.TemaecospipMainItemHover .TemaecospipMainFolderRight,
.TemaecospipMainItemActive .TemaecospipMainFolderRight,
.TemaecospipMainItemHover .TemaecospipMainItemRight,
.TemaecospipMainItemActive .TemaecospipMainItemRight /* el a:hover del menu principal y el fondo completo de las tres zonas */
{	
	cursor:pointer;
	cursor:hand;
	background-color:#666;
	border-color:#9C9A9C;
	font-weight:bold;
	padding:0px;
}

.TemaecospipMainItemHover .TemaecospipMainFolderLeft,
.TemaecospipMainItemActive .TemaecospipMainFolderLeft,
.TemaecospipMainItemHover .TemaecospipMainItemLeft,
.TemaecospipMainItemActive .TemaecospipMainItemLeft
{
	border-width:	0;
	border-style:	solid;
	padding:0px;
	cursor:pointer;
	cursor:hand;
}

.TemaecospipMainItemHover .TemaecospipMainFolderText,
.TemaecospipMainItemActive .TemaecospipMainFolderText,
.TemaecospipMainItemHover .TemaecospipMainItemText,
.TemaecospipMainItemActive .TemaecospipMainItemText
{
	border-width:	0;
	border-style:	solid;
	padding: 0px;
	cursor:pointer;
	cursor:hand;
}

.TemaecospipMainItemHover .TemaecospipMainFolderRight,
.TemaecospipMainItemActive .TemaecospipMainFolderRight,
.TemaecospipMainItemHover .TemaecospipMainItemRight,
.TemaecospipMainItemActive .TemaecospipMainItemRight
{
	border-width:	0;
	border: 0;
	padding: 0px;
	cursor:pointer;
	cursor:hand;
}

/* sub menus sub components */

.TemaecospipMenuFolderLeft,
.TemaecospipMenuItemLeft /* lado izquierdo submenus */
{
	border-width:	0;
	border-style:	solid;
	padding:0px;
	background-color:	inherit;
	word-wrap:nowrap;
	white-space:	nowrap;
}

.TemaecospipMenuFolderText,
.TemaecospipMenuItemText	/* texto submenus */
{
	border-width:	0;
	border-style:	solid;
	background-color:	inherit;
	word-wrap:nowrap;
	white-space:	nowrap;
	padding: 0px 10px 0px 0px;
	width:100%;
}

.TemaecospipMenuItemRight,
.TemaecospipMenuFolderRight /*lado derecho submenus */
{
	border:	0px;
	margin:0px;
	padding:0px;
	background-color:	inherit;
	word-wrap:nowrap;
	white-space:	nowrap;
}

/* hoover and active border */
.TemaecospipMenuItemHover .TemaecospipMenuFolderLeft,
.TemaecospipMenuItemActive .TemaecospipMenuFolderLeft,
.TemaecospipMenuItemHover .TemaecospipMenuItemLeft,
.TemaecospipMenuItemActive .TemaecospipMenuItemLeft,
.TemaecospipMenuItemHover .TemaecospipMenuFolderText,
.TemaecospipMenuItemActive .TemaecospipMenuFolderText,
.TemaecospipMenuItemHover .TemaecospipMenuItemText,
.TemaecospipMenuItemActive .TemaecospipMenuItemText,
.TemaecospipMenuItemHover .TemaecospipMenuFolderRight,
.TemaecospipMenuItemActive .TemaecospipMenuFolderRight,
.TemaecospipMenuItemHover .TemaecospipMenuItemRight,
.TemaecospipMenuItemActive .TemaecospipMenuItemRight /* fondo y color de los a:hover de los submenus */
{
	border-color:	#9C9A9C;
	color:#fff;
}

.TemaecospipMenuItemHover .TemaecospipMenuFolderLeft,
.TemaecospipMenuItemActive .TemaecospipMenuFolderLeft,
.TemaecospipMenuItemHover .TemaecospipMenuItemLeft,
.TemaecospipMenuItemActive .TemaecospipMenuItemLeft
{
	border-width:	0;
	border-style:	solid;
}

.TemaecospipMenuItemHover .TemaecospipMenuFolderText,
.TemaecospipMenuItemActive .TemaecospipMenuFolderText,
.TemaecospipMenuItemHover .TemaecospipMenuItemText,
.TemaecospipMenuItemActive .TemaecospipMenuItemText
{	
	border-width:	0;
	border-style:	solid;
	background-color:	inherit;
	word-wrap:nowrap;
}

.TemaecospipMenuItemHover .TemaecospipMenuFolderRight,
.TemaecospipMenuItemActive .TemaecospipMenuFolderRight,
.TemaecospipMenuItemHover .TemaecospipMenuItemRight,
.TemaecospipMenuItemActive .TemaecospipMenuItemRight
{
	border:0px;
	border-style:	solid;
}

td.TemaecospipMenuSplit /* zona bajo cada item del menu principal */
{
	padding:	0px;
	margin:		0px;
	height:		0px;
	border:		0px;
	background-color:	inherit;
	overflow:	hidden;
}

*html td.TemaecospipMenuSplit {
  line-height:0px;
}

div.TemaecospipMenuSplit /* div zona bajo cada item del menu principal */
{
	display:	block;
	margin:		0;
	padding:	0;
	height:		0px;
	overflow:	hidden;
	background-color:	inherit;
	border-style:	solid;
	border-width:	0px;
	border-color:	#006600;
}

*html div.TemaecospipMenuSplit {
    line-height:0px;
}

/* image shadow animation */

/*
	seq1:	image for normal
	seq2:	image for hover and active

	To use, in the icon field, input the following:
	<img class="seq1" src="normal.gif" /><img class="seq2" src="hover.gif" />
*/

.TemaecospipMenuItem img.seq1
{
	display:	inline;
}

.TemaecospipMenuItemHover seq2,
.TemaecospipMenuItemActive seq2
{
	display:	inline;
}

.TemaecospipMenuItem .seq2,
.TemaecospipMenuItemHover .seq1,
.TemaecospipMenuItemActive .seq1
{
	display:	none;
}