/*--------------------------------------------------------------
# Viyo - January 2009 (for Joomla 1.5)
# Copyright (C) 2007-2009 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com  
---------------------------------------------------------------*/

/* Box-model
------------------------------------------------------------*/




div#horiz-menu,
div#horiz-menu * {
	margin:0;
	padding:0;
}
div#horiz-menu {
	margin: 0 0px;
	/*margin:4px 4px 1.5em 0;*/
}
div#horiz-menu ul {
	margin: 0;
	padding: 0;
	height:27px;
}
div#horiz-menu li {
	border: 0;
	height: 27px;
	line-height: 27px;
}

div#horiz-menu a {
	padding: 0 0 0 3px;
}
div#horiz-menu a span {
	padding: 0 10px 0 5px;
}
div#horiz-menu .separator span {
	padding: 0 10px 0 5px;
	
}
div#horiz-menu li li {
	
	margin: 0;
	height: 27px; /*Modifica el alto del hover*/
}

div#horiz-menu ul {
	width:960px;
	padding: 0;
}
div#horiz-menu li li a {

	padding: 0 0 0 5px;	
	width:auto;
	/*Le da el ancho a la posicion de los items si lo saco se comodan segun tamaņo, por eso lo saque :D*/
	
}
div#horiz-menu li ul {
	background:#CCC;
	width: 960px;
	left:-999px;
	position:absolute;
	z-index: 1000;
}

div#horiz-menu li li ul {

	float:left;
	position:absolute;
	
}
div#horiz-menu li li li {
	position:relative;
}
div#horiz-menu li li:hover ul,
div#horiz-menu li li li:hover ul,
div#horiz-menu li li li li:hover ul {

 /*
 width: 190 px;
 */
}
div#horiz-menu li li {
	/*marca el ancho de la celda, pero yo quiero que se ajuste al contenido*/
	/*width: 190px;*/
}
/* Fonts
------------------------------------------------------------*/

div#horiz-menu {
	font-size: 9pt;
	font-family: Trebuchet, Arial, Verdana, sans-serif;
	font-color:E6E5DF;
	//text-transform: uppercase;
	//font-weight: bold;
	line-height: 18px;
}
div#horiz-menu a {
	text-decoration: none;
}
div#horiz-menu a:hover
{
	text-decoration: none!important; /*Sin el imporant aparece un subrayado*/
}
div#horiz-menu li li a {
	text-decoration:none;
}
div#horiz-menu li li a {
	/*factor para multiplicar el alto del segundo nivel por la cantidad de items que este contiene.*/
	/*
	line-height: 100px; 
	*/
}

/* Other rules
------------------------------------------------------------*/

div#horiz-menu {
	position: relative;
}
div#horiz-menu ul {
	list-style: none;
}
div#horiz-menu li,
div#horiz-menu a {
	display: block;
}
div#horiz-menu li span {
	display: block;
}
div#horiz-menu {
	float:left;
	position: relative;
}
div#horiz-menu li {
	/*este hace que se acomoden horizontales los items de primer nivel del menu*/
	float:left;
	list-style:none;
	/*position:relative;*/
	/*Le saco el position:relative para que los hijos (submenues) vayan a la posicion del anterior que es el submenu */
}
div#horiz-menu li li a {
	display:block;
	
}

div#horiz-menu li:hover ul {
	/*posicion a partir de la cual se despliega el segundo menu*/
	left:0px;
	top: 27px;
}
div#horiz-menu li:hover li ul,
div#horiz-menu li li:hover li ul,
div#horiz-menu li li li:hover li ul {
	top:-999em;
	
}
div#horiz-menu li li:hover ul{
/* se ocupa de la posicion del tercer nivel para abajo desde "li li" en adelante, y el primer nivel es esolo "li" */
	
	//left:-15px;
	top: 27px;
	
 /*Hasta aca llegue no me anda voy a tener que separa los niveles*/
}
div#horiz-menu li li li ul{
	left:0px!important;
	top:30px;
	display:block;
	visibility:visible;
}
div#horiz-menu li li li:hover ul{
	background:#000;
	left:0px;
	display:block;
	visibility:visible;
	 /*Hasta aca llegue no me anda voy a tener que separa los niveles*/
}
div#horiz-menu li li li li:hover ul {
	left:5px;
	clear:left;
	background:#000;
	 
}