﻿/*↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨
name: menu
description: style for menus
version: 1.0
author: MASS DIGITAL
email: diego.rubiano@mass.com.co
website: http://www.mass.com.co
date: April 30 - 2010
↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨*/

/* -----------------------------------------------*/
/* --- MAIN MENU CORPORATIVO - .com.co TEMPLATE --*/
/* -----------------------------------------------*/
.menuType01 ul
{
    margin:0;
    padding:0;
}
.menuType01 ul li
{
    float:left;
    list-style-type:none;
    padding:0 3px;
}
/* --------------------- END ---------------------*/

/* -----------------------------------------------*/
/* ---------- MAIN MENU - .com.co TEMPLATE -------*/
/* -----------------------------------------------*/

.menu-organizacion{
	overflow:hidden;
	margin:0;
}
.menu-organizacion ul {
    margin:11px 0px 0px 0px;
    padding:0;
}
.menu-organizacion li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu-organizacion li a{
	text-align:center;
	display:block;
    text-indent:-9999em;
	background: url(../images/bgMainMenuType01.png) top left no-repeat;
}
/*hogar*/
.menu-organizacion li a#hogarID {
    width:87px;
    height:53px;
	background-color:#FFFFFF;
    background-position:-74px 0;
}
.menu-organizacion li a#hogarID:hover {
	background-position:-74px -54px;
	background-color:#ffffff;
}
.menu-organizacion li a#hogarSelectedID {
    width:87px;
    height:53px;
	background-position:-74px -54px;
	background-color:#ffffff;
}
/*profesionales*/
.menu-organizacion li a#profesionalesID {
	background-color:#FFFFFF;
	background-position:-162px 0;
    height:53px;
    width:129px;
}
.menu-organizacion li a#profesionalesID:hover {
	background-position:-162px -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#profesionalesSelectedID {
    height:53px;
    width:129px;
	background-position:-162px -54px;
	background-color:#FFFFFF;
}
/*maestros*/
.menu-organizacion li a#maestrosID {
    width:98px;
    height:53px;
	background-position:-291px 0;
	background-color:#FFFFFF;
}
.menu-organizacion li a#maestrosID:hover {
	background-position:-291px  -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#maestrosSelectedID {
    width:98px;
    height:53px;
	background-position:-291px  -54px;
	background-color:#FFFFFF;
}
/*vajillas*/
.menu-organizacion li a#vajillasID {
    width:91px;
    height:53px;
	background-position:-390px 0;
	background-color:#FFFFFF;
}
.menu-organizacion li a#vajillasID:hover {
	background-position:-390px  -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#vajillasSelectedID {
    width:91px;
    height:53px;
	background-position:-390px  -54px;
}
/*institucional*/
.menu-organizacion li a#institucionalID {
    width:136px;
    height:53px;
	background-position:-482px 0;
	background-color:#FFFFFF;
}
.menu-organizacion li a#institucionalID:hover {
	background-position:-482px -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#institucionalSelectedID {
    width:136px;
    height:53px;
	background-position:-482px -54px;
	background-color:#FFFFFF;
}
/*griferias*/
.menu-organizacion li a#griferiasID {
    width:89px;
    height:53px;
	background-position:-618px 0;
	background-color:#FFFFFF;
}
.menu-organizacion li a#griferiasID:hover {
	background-position:-618px -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#griferiasSelectedID {
    background-color:#82ADB4;
    background-position:-618px -54px;
    height:53px;
    width:89px;
}
/*gamma*/
.menu-organizacion li a#gammaID {
    width:102px;
    height:53px;
	background-position:-708px 0;
	background-color:#FFFFFF;
}
.menu-organizacion li a#gammaID:hover {
	background-position:-708px -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#gammaSelectedID {
    width:102px;
    height:53px;
	background-position:-708px -54px;
	background-color:#FFFFFF;
}
/*hipercentros*/
.menu-organizacion li a#hipercentrosID {
    width:122px;
    height:53px;
	background-position:-809px 0;
	background-color:#FFFFFF;
}
.menu-organizacion li a#hipercentrosID:hover {
	background-position:-809px -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#hipercentrosSelectedID {
    width:122px;
    height:53px;
	background-position:-809px -54px;
	background-color:#8C8C8C;
}
/*corona verde*/
.menu-organizacion li a#verdeID {
    width:126px;
    height:53px;
	background-position:-930px 0;
	background-color:#FFFFFF;
}
.menu-organizacion li a#verdeID:hover {
	background-position:-930px -54px;
	background-color:#FFFFFF;
}
.menu-organizacion li a#verdeSelectedID {
    width:126px;
    height:53px;
	background-position:-930px -54px;
	background-color:#FFFFFF;
}
/* --------------------- END ---------------------*/

/* -----------------------------------------------*/
/* ---------- MAIN MENU - CORONA TEMPLATE --------*/
/* -----------------------------------------------*/

.menu-corona{
	margin:0 auto;
    overflow:hidden;
    width:971px;
}
.menu-corona ul {
    margin:0;
    padding:0;
}
.menu-corona li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}
.menu-corona li a{
	text-align:center;
	display:block;
    text-indent:-9999em;
	background: url(../Images/bgCoronaMainMenuType01.png) top left no-repeat;
}
/*catalogo*/
.menu-corona li a#catalogoID {
    width:88px;
    height:32px;
	background-color:#FFFFFF;
    background-position:0 0;
}
.menu-corona li a#catalogoID:hover {
	background-position:0 -32px;
	background-color:#ffffff;
}
/*novedades*/
.menu-corona li a#novedadesID {
	background-color:#FFFFFF;
	background-position:-88px 0;
    height:32px;
    width:92px;
}
.menu-corona li a#novedadesID:hover {
	background-position:-88px -32px;
	background-color:#FFFFFF;
}
/*baños*/
.menu-corona li a#banosID {
    width:81px;
    height:32px;
	background-position:-180px 0;
	background-color:#FFFFFF;
}
.menu-corona li a#banosID:hover {
	background-position:-180px  -32px;
	background-color:#FFFFFF;
}
/*cocinas*/
.menu-corona li a#cocinasID {
    width:79px;
    height:32px;
	background-position:-261px 0;
	background-color:#FFFFFF;
}
.menu-corona li a#cocinasID:hover {
	background-position:-261px  -32px;
	background-color:#FFFFFF;
}
/*otros ambientes*/
.menu-corona li a#otrosAmbientesID {
    width:140px;
    height:32px;
	background-position:-340px 0;
	background-color:#FFFFFF;
}
.menu-corona li a#otrosAmbientesID:hover {
	background-position:-340px -32px;
	background-color:#FFFFFF;
}
/*remodelacion*/
.menu-corona li a#remodelacionID {
    width:121px;
    height:32px;
	background-position:-480px 0;
	background-color:#FFFFFF;
}
.menu-corona li a#remodelacionID:hover {
	background-position:-480px -32px;
	background-color:#FFFFFF;
}
/*diseño interior*/
.menu-corona li a#disenoInteriorID {
    width:130px;
    height:32px;
	background-position:-601px 0;
	background-color:#FFFFFF;
}
.menu-corona li a#disenoInteriorID:hover {
	background-position:-601px -32px;
	background-color:#FFFFFF;
}
/*arquitectura*/
.menu-corona li a#arquitecturaID {
    width:121px;
    height:32px;
	background-position:-731px 0;
	background-color:#FFFFFF;
}
.menu-corona li a#arquitecturaID:hover {
	background-position:-731px -32px;
	background-color:#FFFFFF;
}
/*donde comprar*/
.menu-corona li a#dondeComprarID {
    width:119px;
    height:32px;
	background-position:-852px 0;
	background-color:#FFFFFF;
}
.menu-corona li a#dondeComprarID:hover {
	background-position:-852px -32px;
	background-color:#FFFFFF;
}
/* --------------------- END ---------------------*/
