/* *
 * mercar_skin skin
 * horizontal is default
 * */


/* Tipo de letra para los items padres del menú */
div.ktskinmercar_skin a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration: none;
	line-height: 30px; /*Ancho para el link*/
}

/* Tipo de letra para los items hijos del menú */
div.ktskinmercar_skin li li a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;
	line-height: 30px; /*Ancho para el link*/
}

/* Ancho para los items padres del menú */
div.ktskinmercar_skin ul li.lev1
{
	width: 140px;
	
}

/* Ancho para los items hijos del menú */
div.ktskinmercar_skin li.lev1 ul, div.ktskinmercar_skin li.lev1 li
{
	width: 180px;
}

/* HACK: fix ie5.5 setting width on inline li's */
div.ktskinmercar_skin div.kthorizontal2 ul li ul, div.ktskinmercar_skin div.kthorizontal2 ul li li
{
	/* fix ie5.5 setting width on inline li's */
	width: auto;
}

/* Estilo por defecto para un link */
div.ktskinmercar_skin a
{
	padding: 5px 15px 16px 20px; /*Caja que encierra al link*/
	color: #000000; /*Color de las letras*/
}

/* Estilo para los niveles 1 */
div.ktskinmercar_skin li.lev1
{
	background-image: url(img/bgtop_v.gif); /*Imagen*/
	/*background-color: #8CAAD9;*/ /*Color del fondo*/
}

div.ktskinmercar_skin li.lev1
{
	border: solid 1px #000000; /*Color del borde*/
}

div.ktskinmercar_skin li a.lev1
{
	border-bottom: solid 0px #000000; /*Color del borde inferior de los items*/
}

	/* Estilo para los niveles 2 */
	div.ktskinmercar_skin li ul.lev2, div.ktskinmercar_skin li li.lev2 ul
	{
		border: solid 1px #000000; /*Color del borde*/
		/*background: url(img/bgtop_v.gif) repeat-y 98% 50%;*/
		background-color: #EBF5FF; /*Color del fondo*/
	}
	
	/* Color para el link de los items hijos del menú */
	div.ktskinmercar_skin li li a
	{
		/*border-bottom: solid 1px #0B3D43; Color de la línea inferior del borde que encierra los items*/
		color: #000000; /*Color de la letra de los item seleccionados*/
	}

/* *
 * Items que tiene hijos:
 * - the main item background is alreay set on the li's
 *   and we must only overlay an arrow showing if the element has children
 * */

/* Hijos para el nivel 1 */
div.ktskinmercar_skin li.lev1 a.lev1_haschildren
{
	background-image: url(img/arrow_right_color.gif);
	background-repeat: no-repeat;
	background-position: 6px 50%;
}

/* Hijos para el nivel 2 */
div.ktskinmercar_skin li.lev1 li.lev2 a.haschildren
{
	background-image: url(img/sarrow_right_dark.gif);
	background-repeat: no-repeat;
	background-position: 98% 50%;
}

/* Primer nivel seleccionado */
div.ktskinmercar_skin li.lev1_selected
{
	/*background-image: url(img/bgtop_h_sel.gif);*/
	background-color: #D6E4F0; /*Color del fondo*/
}

div.ktskinmercar_skin li a.lev1_selected
{
	border-bottom-color: #000000;
}

div.ktskinmercar_skin li a.selected
{
	color: #000000;
}

div.ktskinmercar_skin li li.lev1_selected
{
	/*background-image: url(img/bg_sel.gif);*/
	background-color: #3C63A2; Color del fondo*/
}

/* Todos los items */
div.ktskinmercar_skin li a.current
{
	background-color: #767B80; /*Color de fondo para los items seleccionados*/
	color: #ffffff; /*Color de la letra cuando se selecciona un item*/
}

/* Nivel 1 seleccionado */
div.ktskinmercar_skin li a.lev1_current
{
	border-bottom-color: #FFFFFF; /*Color del borde inferior del item seleccinado*/
}

/* Nivel 3 seleccionado */
div.ktskinmercar_skin li li li a.current
{
	background-color: #3C63A2;
	/*background-image: url(img/bg_over.gif);*/
}

/* Nivel 1 que tiene hijos, debe cambiar la imagen (flecha) */
div.ktskinmercar_skin li.lev1 a.lev1_current_haschildren
{
	background-image: url(img/arrow_down_light.gif);
}

div.ktskinmercar_skin li.lev1_current
{
	border-bottom-color: #3C63A2;
}

	/* Nivel 2 que tiene hijos, debe cambiar la imagen (flecha) */
	div.ktskinmercar_skin li.lev1 li.lev2 a.lev2_current_haschildren
	{
		background-image: url(img/sarrow_right_light.gif);
	}
		
		/* Nivel 3 */
		div.ktskinmercar_skin li li li a.current
		{
			background-color: #3C63A2; /*Color del fondo para el tercer nivel*/
		}

/* *
 * Especifico para vertical
 * - first level menu items have a different size than the horizontal ones
 * - the borders must be moved from the bottom of the menu to its left
 * - the haschildren arrows must be moved from the left of the text to the right for first level items
 * */
div.ktskinmercar_skin div.ktvertical ul.lev1
{
	width: 150px; /*Ancho para los items padres*/
	border: solid 1px #000000; /*Color para el borde*/
}

div.ktskinmercar_skin div.ktvertical li.lev1
{
	width: 150px;
	background: url(img/bgtop_v.gif) repeat-y 98% 50%;
	border: none 0;
	border-bottom: solid 1px #000000; /*Color de la línea de separación de los items*/
}

div.ktskinmercar_skin div.ktvertical a.lev1
{
	border: none 0;
}

div.ktskinmercar_skin div.ktvertical li a.lev1
{
	border-left: solid 0px #3C63A2; /*Color del borde de la izquierda de los items*/
}

/* Selección de los items del nivel 1 */
div.ktskinmercar_skin div.ktvertical li a.lev1_selected
{
	border-left-color: #3C63A2; /*Color del borde de la izquierda de los items seleccionados*/
}

/* Selección de los items del nivel 1 */
div.ktskinmercar_skin div.ktvertical li a.lev1_current
{
	border-left-color: #3C63A2; /*Color del borde de la izquierda de los items seleccionados*/
}

/* Item que tiene hijos */
div.ktskinmercar_skin div.ktvertical li.lev1 a.lev1_current_haschildren
{
	background-image: url(img/arrow_right_light.gif);
}

/* *
 * Especifico para horizontal2
 * - there is no level 3
 * - level 2 items don't have backgrounds
 * - must add padding between level 2 menu items
 * */
div.ktskinmercar_skin div.kthorizontal2 li ul
{
	padding: 0;
	border: none 0;
}

div.ktskinmercar_skin div.kthorizontal2 li.lev1 li,
div.ktskinmercar_skin div.kthorizontal2 li.lev1 li a
{
	padding: 0;
	border: none 0;
	background: transparent !important;
	background-image: none !important;
}

div.ktskinmercar_skin div.kthorizontal2 li.lev1 li a
{
	padding-right: 40px;
}

div.ktskinmercar_skin div.kthorizontal2 li.lev1 li a.selected
{
	color: #3c63a2 !important;
	background: transparent !important;
}

div.ktskinmercar_skin div.kthorizontal2 li ul.lev2
{
	background-image: none;
	padding-left: 21px;
}

/* selected horizontal2 second level menu items */
div.ktskinmercar_skin div.kthorizontal2 li li a.selected
{
	font-weight: bold;
}