@charset "utf-8";
/* CSS Document */

/* menu institucional */

.como_llegar{
	display:inline-block;
	width:67px;
	height:21px;
	background-image:url(../imagenes/menu/como_llegar.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.como_llegar:hover{
	background-image:url(../imagenes/menu/como_llegar_on.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.pago_envio{
	display:inline-block;
	width:120px;
	height:21px;
	background-image:url(../imagenes/menu/pago_envio.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.pago_envio:hover{
	background-image:url(../imagenes/menu/pago_envio_on.gif);
	background-position:top;
	background-repeat:no-repeat;
}



.preguntas{
	display:inline-block;
	width:113px;
	height:21px;
	background-image:url(../imagenes/menu/preguntas_frecuentes.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.preguntas:hover{
	background-image:url(../imagenes/menu/preguntas_frecuentes_on.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.contact{
	display:inline-block;
	width:58px;
	height:21px;
	background-image:url(../imagenes/menu/contacto.gif);
	background-position:top;
	background-repeat:no-repeat;
}

.contact:hover{
	background-image:url(../imagenes/menu/contacto_on.gif);
	background-position:top;
	background-repeat:no-repeat;
}









/* menu desplegable */

.cant_titulo{
	color:#374261;
	font-size:10px;
	
}

a{
	color:#FFF;
	text-decoration:none;
}

#menu1 ul li .cant_titulo{
	color:#FFF;
}
#menu1 ul li:hover .cant_titulo{
  color: #374261;
}


#menu1 ul.menub
{
   list-style:none;
   margin-top:10px;
   text-align:right;

}


#menu1 ul li{
		 padding-left:0px;
		 padding-top:3px;
		 padding-bottom:3px;
		 padding-right:3px;
}

#menu1 ul li a{
  color: #FFF;
  text-decoration:none;
  font-weight:bold;
  margin-top:0px;
  font-size:14px;
}
#menu1 ul li a:hover{
	font-size:16px;

}
#menu1 ul ul /* Para todos los ul debajo del ul.menu */
{
	display:none;
   list-style:none;
/*   background-color:#fafafa;
*/}
#menu1 ul li:hover{
	background-color:#fafafa;
}
#menu1 ul li:hover a{
	font-size:18px;
	color:#B70B0B;
}

#menu1 ul:hover ul a{
	font-size:12px;	
	color:#374261;
}

#menu1 ul ul li{
	   border:none;
	   margin-left:0px;
	   padding-left:0px;
	 padding-top:0px;
	 padding-bottom:0px;
}

/* Esto afecta a todos los ul inmediatamente debajo (el > ) de un li que a su vez esté dentro de un ul.menu */

#menu1 ul ul a{
  color: #374261;
  text-decoration: none;
  font-weight:normal;
  font-size:12px;
}
#menu1 ul ul a:hover{
	font-weight:bold;
	font-size:14px;

}

/* menu marcas */ 

ul.menu_marcas
{
   list-style:none;
   z-index:20;
   width:150px;
   text-align:right;

}

ul.menu_marcas li{
	width:150px;
	height:38px;
	
}

ul.menu_marcas a{
	text-decoration:none;
	color:#B70B0B;
	font-weight:bold;
	
}


ul.menu_marcas li
{
   position:relative; /* Las coordenadas de los ul inferiores serán relativas al <li> que los contiene */
   width:152px;
}
ul.menu_marcas ul
{
   position:absolute; /* Esta posición es relativa al <li> que contiene a este <ul> */
   left:10px; /* Para que no monte sobre el <li> */
   top:-1px;
   display:none;
   list-style:none;
   height:200px;
   overflow-y:auto;
   overflow-x:hidden;
   z-index:50;
}


ul.menu_marcas li:hover > ul
{
   display:block;
   z-index:50;
}


ul.menu_marcas> li > ul /* Solo para los ul debajo de los li de primer nivel. */
{
   position:absolute;
   left:-18px;
   top:10px;
   display:none;
   list-style:none;
   background-color:#E5E5E5;
   border:1px dashed #374261;
   font-size:12px;
   text-align:right;
}

ul.menu_marcas > li > ul > li{
	   border-bottom:1px dashed #AFAFAF;
   	   padding-right:15px;

}

ul.menu_marcas > li > ul > li:hover{
	   border-bottom:1px dashed #374261;
	   border-top:1px dashed #374261;
	   background-color:#C4C4C4;
}

ul.menu_marcas > li > ul a{
	color:#B70B0B;
	font-weight:bold;
}
ul.menu_marcas > li > ul a:hover{
	font-weight:bolder;
}

ul.menu_marcas > li > ul a img{
	border:0;

}
ul.menu_marcas > li /* Sólo para li de primer nivel */
{
   display:inline;

}





