/* TemaCGTSevillaMenu Style Sheet */

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

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

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

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

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


.TemaCGTSevillaSubMenu /* 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;
}

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

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

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

.TemaCGTSevillaMenuItem,.TemaCGTSevillaMenuItemHover,.TemaCGTSevillaMenuItemActive /* submenus */
{	
	display:block;
	margin: 0px;
	cursor:pointer;
	cursor:hand;
	text-wrap:none;
	white-space: nowrap;
	padding: 0px 3px 0px 0px;
}

.TemaCGTSevillaMainItem,
.TemaCGTSevillaMenuItem 
{
	color:#cc0033;
	background:transparent;
}

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

.TemaCGTSevillaMainItemHover,
.TemaCGTSevillaMainItemActive,
.TemaCGTSevillaMenuItemHover,
.TemaCGTSevillaMenuItemActive
{
	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 */

.TemaCGTSevillaMainFolderLeft,
.TemaCGTSevillaMainItemLeft /* 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;
}

.TemaCGTSevillaMainFolderText,
.TemaCGTSevillaMainItemText /* 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;
}

.TemaCGTSevillaMainItemRight,
.TemaCGTSevillaMainFolderRight /* 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 */
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainFolderLeft,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainFolderLeft,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainItemLeft,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainItemLeft,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainFolderText,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainFolderText,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainItemText,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainItemText,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainFolderRight,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainFolderRight,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainItemRight,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainItemRight /* 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;
}

.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainFolderLeft,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainFolderLeft,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainItemLeft,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainItemLeft
{
	border-width:	0;
	border-style:	solid;
	padding:0px;
	cursor:pointer;
	cursor:hand;
}

.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainFolderText,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainFolderText,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainItemText,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainItemText
{
	border-width:	0;
	border-style:	solid;
	padding: 0px;
	cursor:pointer;
	cursor:hand;
}

.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainFolderRight,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainFolderRight,
.TemaCGTSevillaMainItemHover .TemaCGTSevillaMainItemRight,
.TemaCGTSevillaMainItemActive .TemaCGTSevillaMainItemRight
{
	border-width:	0;
	border: 0;
	padding: 0px;
	cursor:pointer;
	cursor:hand;
}

/* sub menus sub components */

.TemaCGTSevillaMenuFolderLeft,
.TemaCGTSevillaMenuItemLeft /* lado izquierdo submenus */
{
	border-width:	0;
	border-style:	solid;
	padding:0px;
	background-color:	inherit;
	text-wrap:none;
	white-space:	nowrap;
}

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

.TemaCGTSevillaMenuItemRight,
.TemaCGTSevillaMenuFolderRight /*lado derecho submenus */
{
	border:	0px;
	margin:0px;
	padding:0px;
	background-color:	inherit;
	text-wrap:none;
	white-space:	nowrap;
}

/* hoover and active border */
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuFolderLeft,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuFolderLeft,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuItemLeft,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuItemLeft,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuFolderText,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuFolderText,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuItemText,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuItemText,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuFolderRight,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuFolderRight,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuItemRight,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuItemRight /* fondo y color de los a:hover de los submenus */
{
	border-color:	#9C9A9C;
	color:#fff;
}

.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuFolderLeft,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuFolderLeft,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuItemLeft,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuItemLeft
{
	border-width:	0;
	border-style:	solid;
}

.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuFolderText,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuFolderText,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuItemText,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuItemText
{	
	border-width:	0;
	border-style:	solid;
	background-color:	inherit;
	text-wrap: none;
}

.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuFolderRight,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuFolderRight,
.TemaCGTSevillaMenuItemHover .TemaCGTSevillaMenuItemRight,
.TemaCGTSevillaMenuItemActive .TemaCGTSevillaMenuItemRight
{
	border:0px;
	border-style:	solid;
}

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

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

div.TemaCGTSevillaMenuSplit /* 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:	red;
}

* html div.TemaCGTSevillaMenuSplit {
	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" />
*/

.TemaCGTSevillaMenuItem img.seq1
{
	display:	inline;
}

.TemaCGTSevillaMenuItemHover seq2,
.TemaCGTSevillaMenuItemActive seq2
{
	display:	inline;
}

.TemaCGTSevillaMenuItem .seq2,
.TemaCGTSevillaMenuItemHover .seq1,
.TemaCGTSevillaMenuItemActive .seq1
{
	display:	none;
}