﻿/*↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨↨
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;
	position: relative;
    top: -4px;
}
.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/bgs/bgMainMenuType01.png) top left no-repeat;
}
/*hogar*/
.menu-organizacion li a#hogarID {
    width:87px;
    height:53px;
    background-position:-74px 0;
    background-color:transparent;
}
.menu-organizacion li a#hogarID:hover {
	background-position:-74px -54px;
    background-color:transparent;
}
/*profesionales*/
.menu-organizacion li a#profesionalesID {
	background-position:-162px 0;
    background-color:transparent;
    height:53px;
    width:129px;
}
.menu-organizacion li a#profesionalesID:hover {
	background-position:-162px -54px;
    background-color:transparent;
}
/*maestros*/
.menu-organizacion li a#maestrosID {
    width:98px;
    height:53px;
	background-position:-291px 0;
    background-color:transparent;
}
.menu-organizacion li a#maestrosID:hover {
	background-position:-291px  -54px;
    background-color:transparent;
}
/*vajillas*/
.menu-organizacion li a#vajillasID {
    width:91px;
    height:53px;
	background-position:-390px 0;
    background-color:transparent;
}
.menu-organizacion li a#vajillasID:hover {
	background-position:-390px  -54px;
    background-color:transparent;
}
/*institucional*/
.menu-organizacion li a#institucionalID {
    width:136px;
    height:53px;
	background-position:-482px 0;
    background-color:transparent;
}
.menu-organizacion li a#institucionalID:hover {
	background-position:-482px -54px;
    background-color:transparent;
}
/*griferias*/
.menu-organizacion li a#griferiasID {
    width:89px;
    height:53px;
	background-position:-618px 0;
    background-color:transparent;
}
.menu-organizacion li a#griferiasID:hover {
	background-position:-618px -54px;
    background-color:transparent;
}
/*gamma*/
.menu-organizacion li a#gammaID {
    width:102px;
    height:53px;
	background-position:-708px 0;
    background-color:transparent;
}
.menu-organizacion li a#gammaID:hover {
	background-position:-708px -54px;
    background-color:transparent;
}
/*hipercentros*/
.menu-organizacion li a#hipercentrosID {
    width:122px;
    height:53px;
	background-position:-809px 0;
    background-color:transparent;
}
.menu-organizacion li a#hipercentrosID:hover {
	background-position:-809px -54px;
    background-color:transparent;
}
/*corona verde*/
.menu-organizacion li a#verdeID {
    width:126px;
    height:53px;
	background-position:-930px 0;
    background-color:transparent;
}
.menu-organizacion li a#verdeID:hover {
	background-position:-930px -54px;
    background-color:transparent;
}
/* --------------------- END ---------------------*/

/* -----------------------------------------------*/
/* ------- MAIN MENU - VAJILLLAS TEMPLATE --------*/
/* -----------------------------------------------*/

.menu-Vajillas {
    margin: 0 auto;
    overflow: hidden;
    width: 971px;
}
.menu-Vajillas ul {
    margin: 0;
    padding: 0 30px;
	list-style:none;
	background:url(../images/menu/bg_submenu_v.png) repeat 0 0;
	overflow:hidden;
	font-size:13px;
	line-height:27px;
	text-transform:uppercase;
	font-family: 'thesansbold', Times, serif;
}
.menu-Vajillas li {
    float: left;
	padding:0 36px;
	background:url(../images/menu/sep_v_m.png) no-repeat 0 center;
}
.menu-Vajillas li:first-child{
	background:none;
}
.menu-Vajillas li a{
	color:#0b86a6;
	text-decoration:none;
}
.menu-Vajillas li a:hover{
	color:#004183;
}
/* --------------------- END ---------------------*/

/* -----------------------------------------------*/
/* --------------------- FOOTER ------------------*/
/* -----------------------------------------------*/
.footerLinks{
    margin:0 auto;
    overflow:hidden;
    width:971px;
}
.footerLinks ul {
    margin:0;
    padding:0;
}
.footerLinks li {
    float:left;
    list-style-type:none;
    margin:0 23px;
    padding:0;
}
.footerLinks li a{
    text-align:center;
    display:block;
    text-indent:-9999em;
    background: url("../Images/Bgs/bgFooterIcons.png") top left no-repeat;
}
/*rssID*/
.footerLinks li a#rssID {
    background-position:-28px -80px;
    height:71px;
    width:49px;
}
.footerLinks li a#rssID:hover {
    background-position:-28px -10px;
}
/*fanpageID*/
.footerLinks li a#fanpageID {
    background-position:-122px -80px;
    height:71px;
    width:49px;
}
.footerLinks li a#fanpageID:hover {
    background-position:-122px -10px;
}
/*recetarioID*/
.footerLinks li a#recetarioID {
    background-position:-226px -80px;
    height:71px;
    width:53px;
}
.footerLinks li a#recetarioID:hover {
    background-position:-226px -10px;
}
/*flickrID*/
.footerLinks li a#flickrID {
    background-position:-328px -80px;
    height:71px;
    width:49px;
}
.footerLinks li a#flickrID:hover {
    background-position:-328px -10px;
}

/* -----------------------------------------------*/
/* ----------------- TOOLS MENU ------------------*/
/* -----------------------------------------------*/

.menu-toolsType01{
	margin:0 auto;
    overflow:hidden;
    padding:0;
}
.menu-toolsType01 ul {
    margin:0;
    padding:0;
}
.menu-toolsType01 li {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0 2px;
}
.menu-toolsType01 li.first
{
    padding:0;
}
.menu-toolsType01 li.last
{
    padding:0;
}
.menu-toolsType01 li a{
	text-align:center;
	display:block;
    text-indent:-9999em;
	background: url(../Images/Menu/assetsUtilitiesType01.png) top left no-repeat;
}
/*simuladorID*/
.menu-toolsType01 li a#simuladorID {
    background-position:4px 0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#simuladorID:hover {
	background-position:4px -106px;
}
.menu-toolsType01 li a#simuladorSelectedID {
	background-position:4px -106px;
}
/*mezclaID*/
.menu-toolsType01 li a#mezclaID {
    background-position:-79px 0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#mezclaID:hover {
	background-position:-79px -106px;
}
.menu-toolsType01 li a#mezclaSelectedID {
	background-position:-79px -106px;
}
/*calculadoraFinancieraID*/
.menu-toolsType01 li a#calculadoraFinancieraID {
    background-position:-159px  0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#calculadoraFinancieraID:hover {
	background-position:-159px  -106px;
}
.menu-toolsType01 li a#calculadoraFinancieraSelectedID {
	background-position:-159px  -106px;
}
/*calculadoraAguaID*/
.menu-toolsType01 li a#calculadoraAguaID {
    background-position:-241px 0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#calculadoraAguaID:hover {
	background-position:-241px -106px;
}
.menu-toolsType01 li a#calculadoraAguaSelectedID {
	background-position:-241px -106px;
}
/*personalizaID*/
.menu-toolsType01 li a#personalizaID {
    background-position:-325px 0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#personalizaID:hover {
	background-position:-325px -106px;
}
.menu-toolsType01 li a#personalizaSelectedID {
	background-position:-325px -106px;
}
/*descargaID*/
.menu-toolsType01 li a#descargaID {
    background-position:-410px 0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#descargaID:hover {
	background-position:-410px -106px;
}
.menu-toolsType01 li a#descargaSelectedID {
	background-position:-410px -106px;
}
/*guiaMaestrosID*/
.menu-toolsType01 li a#guiaMaestrosID {
    background-position:-491px 0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#guiaMaestrosID:hover {
	background-position:-491px -106px;
}
.menu-toolsType01 li a#guiaMaestrosSelectedID {
	background-position:-491px -106px;
}
/*guiaProfesionalesID*/
.menu-toolsType01 li a#guiaProfesionalesID {
    background-position:-573px 0;
    height:91px;
    width:80px;
}
.menu-toolsType01 li a#guiaProfesionalesID:hover {
	background-position:-573px -106px;
}
.menu-toolsType01 li a#guiaProfesionalesSelectedID {
	background-position:-573px -106px;
}


/*menu de especificaciones*/
.menu-useSpecs{
	margin:0 auto;
    overflow:hidden;
    
}
.menu-useSpecs ul {
    margin:0;
    padding:0;
}
.menu-useSpecs li {
	float:left;
    list-style-type:none;
    margin:0 6px 0 0;
    padding:0;
}
.menu-useSpecs li a{
	text-align:center;
	display:block;
    text-indent:-9999em;
	background: url(../images/menu/assetsUtilitiesType02.png) top left no-repeat;
}
/*brushID*/
.menu-useSpecs li a#brushID {
    width:26px;
    height:26px;
	background-color:#FFFFFF;
    background-position:0 0;
}
.menu-useSpecs li a#brushID:hover {
	background-position:0 -30px;
	background-color:#ffffff;
}
/*solID*/
.menu-useSpecs li a#solID {
    width:26px;
    height:26px;
	background-color:#FFFFFF;
    background-position:-33px 0;
} 
.menu-useSpecs li a#solID:hover {
	background-position:-33px -30px;
	background-color:#ffffff;
}
/*lluviaID*/
.menu-useSpecs li a#lluviaID {
    width:26px;
    height:26px;
	background-color:#FFFFFF;
    background-position:-67px 0;
}
.menu-useSpecs li a#lluviaID:hover {
	background-position:-67px -30px;
	background-color:#ffffff;
}

