/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #ffffff url(imagenes/bg3.gif) repeat-x;
}

td.separa
{
	background: url(imagenes/linea-separa.gif);
}

table.inferior
{
	background: url(imagenes/bg3_abajo.gif);
}

.texto_negro {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

.texto_gris {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.texto_grande_negro {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.texto_grande_azul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #0060AF;
}

.texto_azul {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #0060AF;
}

.texto_verde {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #7AA327;
}

a:link {
	color: #0060AF;
	text-decoration: none;
}
a:visited {
	color: #0060AF;
	text-decoration: none;
}
a:hover {
	color: #000000;
}

a.a:link {
	color: #666666;
	text-decoration: none;
}
a.a:visited {
	color: #666666;
	text-decoration: none;
}
a.a:hover {
	color: #cccccc;
}

img.izquierda {
	float: left;
	margin: 0 10px 0 0;
	padding:2px 2px 2px 2px; 
    background-color: #ffffff;  
    border: 1px solid #cccccc;
}

img.derecha {
	float: right;
	margin: 0 0 0 10px;
	padding:2px 2px 2px 2px; 
    background-color: #ffffff;  
    border: 1px solid #cccccc;
}



.frame {
	border: 1px solid #CCCCCC;
}

#info {height:450px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/breadcrumb.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu, .menu ul {padding:0; margin:0; list-style:none;}
.menu {margin-left:10px;} /* this demo only */
.menu {width:235px; height:280px; background:#fcfcfc; border:1px solid #83acca; border-width:1px 0 1px 1px; position:relative; z-index:500;}
.menu table {border-collapse:collapse; padding:0; margin:0 0 -1px 0; width:0; height:0; font-size:1em;}
.menu ul {position:absolute; left:-9999px;}

.menu li {width:235px; height:35px; float:left; border-right:1px solid #83acca;}

.menu li a {display:block; width:100%; height:35px; line-height:35px; color:#777777; text-decoration:none; font-size:12px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; text-indent: 5px; float:left;}

.menu li.sub a {background:url(imagenes/grey.gif) no-repeat 210px center;}

.menu li a:hover {white-space:nowrap; position:relative; color:#06f;}

.menu li.sub a:hover {background:url(imagenes/blue.gif) no-repeat 210px center; color:#06f;}
.menu li.sub a b {display:block; color:#06f; font-weight:normal;}

.menu li:hover {position:relative;}
.menu li:hover.sub > a {background:url(imagenes/blue.gif ) no-repeat 210px center; color:#06f;}


.menu :hover ul
{width:210px; height:auto; left:233px; top:7px; background:#fcfcfc; border:1px solid #83acca;}
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul
{width:210px; height:auto; left:115px; top:-1px; background:#fcfcfc; border:1px solid #dddddd; border-width:1px 0 1px 1px;}

.menu :hover ul ul,
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul
{left:-9999px; width:0; height:0;}

.menu :hover ul li,
.menu :hover ul li a
{width:210px; height:25px; line-height:25px; text-indent:10px; float:none;}

.menu :hover ul li.sub a,
.menu :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul li.sub a,
.menu :hover ul :hover ul :hover ul :hover li.sub a,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a
{background:url(imagenes/grey.gif) no-repeat 100px center; color:#777777;}

.menu :hover ul li.sub a:hover,
.menu :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul li.sub a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a:hover
{background:url(imagenes/blue.gif) no-repeat 100px center; color:#06f;}
.menu :hover ul li.sub:hover > a,
.menu :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul li.sub:hover > a,
.menu :hover ul :hover ul :hover ul :hover ul li.sub:hover > a
{background:url(imagenes/blue.gif) no-repeat 100px center; color:#06f;}

.menu :hover ul li a,
.menu :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover ul li a,
.menu :hover ul :hover ul :hover ul :hover :hover ul li a
{background:#fcfcfc; color:#777777;}

.menu :hover ul li a:hover,
.menu :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul li a:hover,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li a:hover
{background:#fcfcfc; color:#06f;}

.menu li.sub a b,
.menu :hover li.sub a b,
.menu :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover li.sub a b,
.menu :hover ul :hover ul :hover ul :hover ul :hover li.sub a b
{display:block; color:#06f; font-weight:normal;}

.menu li.sub a.selected b,
.menu :hover ul li.sub a.selected b,
.menu :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul li.sub a.selected b,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul li.sub a.selected b
{display:block; background:#fcfcfc; color:#06f; font-weight:normal;}

