/* ================================== */
/* ======.Categorias.====== */
/* ================================== */

.categorias{
	display:block;
	margin:5px 10px 5px 50px;
	padding:10px 0 30px 0;
	width: 100%;
}
.categorias TABLE 
{
	width:100%;
	vertical-align:top;
}

/* Estilos que controlan los enlaces de la ruta*/
.categorias div.jerarquia
{
	width:100%;
	color: #3F4D61;
	font-size:0.7em;
	/*font-weight:bold;*/
	margin:5px 5px 15px 5px;
	padding: 2px 0 2px 0;
}
.categorias div.jerarquia a{

	text-decoration: underline;
}

.categorias div.jerarquia a:hover{
	color: #804040;
}

/* estilos para el menú lateral o índice */

.categorias div.indice
{
	background-color: #fcfcfc;
	background-image:url(../catala/img/composicion/tramacuadrado.gif);
	border-top: 6px solid #ccc;
	border-bottom: 4px solid #e3e3e3;
	margin:5px;
	padding:5px;
	width:100%;
}

.categorias div.indice th
{
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 0.8em;
	text-align:left;
	color: #333333;
	padding-bottom:1em;
}

.categorias div.indice td
{
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: normal;
	font-size: 0.7em;
	text-align:left;
	color: #333333;
	padding-left:0.3em;
	height:1.5em;
}

.categorias div.indice a
{
	color: #333333;
	text-decoration:none;
	padding-left:20px;
	background-image:url(../catala/img/iconos/flechaD4.gif);
	background-repeat:no-repeat;
}

.categorias div.indice a:hover
{
	text-decoration:underline;
	color: #000000;
	background-image:url(../catala/img/iconos/flechaD4.gif);
	background-repeat:no-repeat;
}

/*******************************/

div.categorias div.menuCat 
{
	margin:0;
	padding:0;
	width:90%;
}

div.categorias div.menuCat div.tituloMenuCat
{
	/*margin-bottom : 0.5;
	padding-bottom : 0.05;*/
	margin:0;
	padding:0;
}

/* título de las categorias*/

div.categorias div.menuCat div.tituloMenuCat h1
{
	font-family: arial,helvetica,sans-serif;
	font-weight: bold;
	font-size: 1.4em;
	color: #42639F;
	margin : 0 10px 0 10px;
	padding: 0 10px 0 0;
	/*
	border-bottom:1px solid #42639F;
	border-left:10px solid #42639F;
	*/
}

div.categorias div.menuCat div.niveles
{
	display:block;
	margin:10px 10px 10px 10px;
	padding:10px 15px 10px 15px;
	display:block;
}

div.categorias div.menuCat div.niveles TD
{
	text-align:left;
	vertical-align:top;
	font-size: 0.7em;
}
div.categorias div.menuCat div.niveles div.nivel1
{
	margin:0 0 10px 0;
	/*
	border:1px solid #EEE;
	background-color:#FFF;
	*/
}
div.categorias div.menuCat div.niveles div.nivel1 td.nivel1
{
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
	font-size:1.0em;
	color: #42639F;
	padding:3px;
	/*background-color:#fff;*/
	border-left:6px solid #ccc;
}
div.categorias div.menuCat div.niveles div.nivel1 td.nivel1 span.descripcion
{
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-weight: normal;
	color: #666666;
	padding-bottom:0.5em;
}
div.categorias div.menuCat div.niveles div.nivel1 a
{
	text-decoration:underline;
	color: #856300;
	font-weight: bold;
	padding-left:20px;
	background-image:url(../catala/img/composicion/flechas001p.gif);
	background-repeat:no-repeat;	
}
div.categorias div.menuCat div.niveles div.nivel1 a:hover
{
	text-decoration:underline;
	color: #333333;	
}
div.categorias div.menuCat div.niveles  div.nivel2
{
	padding-left : 0.9em;
	display:block;
	width:100%;	
}

div.categorias div.menuCat div.niveles div.nivel2 td.nivel2
{
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
	color: #333333;
	text-decoration:underline;	
}

div.categorias div.menuCat div.niveles div.nivel2 a
{
	font-weight: normal;
	text-decoration:none;
	color: #856300;
	font-weight: bold;
	padding-left:20px;
	background-image:url(../catala/img/composicion/flechas001p.gif);
	background-repeat:no-repeat;	
}
div.categorias div.menuCat div.niveles div.nivel2 a:hover
{
	text-decoration:underline;
	color: #333333;	
}

div.categorias div.menuCat div.niveles  div.nivel3
{
	padding-left : 0.9em;
	display:block;
	width:100%;	
}

div.categorias div.menuCat div.niveles div.nivel3 td.nivel3
{
	font-family: verdana,geneva,arial,helvetica,sans-serif;
	font-weight: bold;
	padding-left : 0.9em;
	color: #333333;
}

div.categorias div.menuCat div.niveles div.nivel3 a
{
	font-weight: normal;
	text-decoration:none;
	color: #856300;
}
div.categorias div.menuCat div.niveles div.nivel3 a:hover
{
	text-decoration:underline;
	color: #666666;
}