/* This css file serves as a template for styling your kwicks.  Feel free to modify, but please make note of the comments - some of them are important. */
.kwicks {
	/* estilos recomendado para kwicks ul contenedor */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	background-color:#FFFFFF;
}
.kwicks li{
	/* estos son necesarios, pero los valores dependen de usted (debe ser píxel) */
	width: 103px;
	height: 50px;
	cursor:pointer;
	text-indent:-3000em;	
	/*no cambiar esto */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks a{
height: 50px; /*Los valores de tamaño los asignamos al link, no al div contenedor*/
width: 100px;
text-indent:-3000em; /*Con esto hacemos que el span no se vea */
display:block; /*Aquí hacemos que funcione como caja, como botón */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 {
background-image:url(../img/menu_home.jpg);
background-repeat:no-repeat; 
	/*background-color: #53b388;*/
}
#kwick_2 {
background-image:url(../img/menu_empresa.jpg);
background-repeat:no-repeat; 
}
#kwick_3 {
background-image:url(../img/menu_comerciales.jpg);
background-repeat:no-repeat; 
}
#kwick_4 { 
background-image:url(../img/menu_artistica.jpg);
background-repeat:no-repeat; 
}
#kwick_5 { 
background-image:url(../img/menu_locutores.jpg);
background-repeat:no-repeat; 
}
#kwick_6 { 
background-image:url(../img/menu_jingles.jpg);
background-repeat:no-repeat; 
}
#kwick_7 { 
background-image:url(../img/menu_productos.jpg);
background-repeat:no-repeat; 
}
#kwick_8 { 
background-image:url(../img/menu_contacto.jpg);
background-repeat:no-repeat; 
}

.kwicks.horizontal #kwick_8 {
	margin-right: none; /* Anular el margen sobre kiwck pasado (si se establece un margen de más arriba) */
}
.kwicks.vertical #kwick_8 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}

