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

#hueco_menu{
	padding-bottom:40px;
}

#menu {
	list-style:none; /* Quita las viñetas de las listas */
	padding:0px; /* Padding del menú completo */
	margin:0px;
	
}

#menu li {	
	margin-left:1px;	/* Separar los botones */
	padding:0px;	/* Aquí pongo el padding a cero porque sino al rellenar el fondo de color me quedarían el espacio del padding blanco */
	border-left:1px solid #CCCCCC; /* Creo el borde de los botones */
	border-right:1px solid #CCCCCC; /* Creo el borde de los botones */
	border-bottom:1px solid #CCCCCC; /* Creo el borde de los botones */
	float:left; /* Elimina el comportamiento de bloque, botones en línea. Gracias a esto, podemos poner en las etiquetas de los vínculos display:block, y asignar un tamaño fijo a los botones si que se me pongan en vertical*/
}

#menu li a{
	display:block; /* Botones como bloque para luego con el width y height asignarle un tamaño fijo */
	width:142px;	/* Ancho de los botones */
	padding:5px;	/* Padding de los botones pero dentro de los enlaces, así aparece todo el fondo de color */
	text-decoration:none; /* Quita el subrayado de los vínculos */
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
	background-image:url(../Imagenes/menu/fondo.png);
}

*HTML #menu li a{
	display:block; /* Botones como bloque para luego con el width y height asignarle un tamaño fijo */
	width:152px;	/* Ancho de los botones */
	padding:5px;	/* Padding de los botones pero dentro de los enlaces, así aparece todo el fondo de color */
	text-decoration:none; /* Quita el subrayado de los vínculos */
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
	background-image:url(../Imagenes/menu/fondo.png);
}

#menu li a:hover{
	color:#fff;	
	background-position:bottom;
}

#menu_producto{
	list-style: none;
	float:left;
	margin-top:14px;
	padding:0px;
}

#menu_producto li{
	padding-right: 3px;
	float:left;
}

*HTML #menu_producto li{
	padding-right:3px;
	p\adding-right:3px;	
}

#menu_producto li a{
	display:block;	
	background-color:#666;
	color:#ccc;
	text-align:center;
	width:104px;
	padding:3px;
	border:1px solid #ccc;
}

*HTML #menu_producto li a{
	width:110px;
	w\idth:110px;
	padding:3px;
	p\adding:3px;
}

#menu_producto li a:hover{
	color:#fff;
	background-color:#dc291e;
	border:1px solid #fff;
}

#menu_fotos{
	list-style: none;
	float:left;	
	margin-top:2px;
	margin-left:224px;
	padding:0px;
}

*HTML #menu_fotos{	
	margin-top:2px;
	margin-left:236px;
	padding:0px;
}

#menu_fotos li{	
	padding-right:3px;
	float:left;
}

*HTML #menu_fotos li{
	padding-right:3px;
	p\aading-right:3px;		
}

#menu_fotos li a{
	display:block;	
	background-color:#666;
	color:#ccc;
	text-align:center;
	width:101px;
	padding:3px;
	border:1px solid #ccc;	
}

*HTML #menu_fotos li a{
	width:115px;
	w\idth:115px;
	padding:3px;
	p\adding:3px;
}

#menu_fotos li a:hover{
	color:#fff;
	background-color:#dc291e;
	border:1px solid #fff;
}

.submenu {
	list-style:none; /* Quita las viñetas de las listas */
	padding:0 0 0 1px; /* Padding del menú completo */
	margin:0px;	
}

.submenu li {	
	margin-bottom:1px;	/* Separar los botones */
	padding:0px;	/* Aquí pongo el padding a cero porque sino al rellenar el fondo de color me quedarían el espacio del padding blanco */
	
	float:left; /* Elimina el comportamiento de bloque, botones en línea. Gracias a esto, podemos poner en las etiquetas de los vínculos display:block, y asignar un tamaño fijo a los botones si que se me pongan en vertical*/
	position:relative;
}

*HTML .submenu li {	
	margin-bottom:1px;	/* Separar los botones */
	m\argin-bottom:1px;
	padding:0px;	/* Aquí pongo el padding a cero porque sino al rellenar el fondo de color me quedarían el espacio del padding blanco */
	p\adding:0px;
}

.submenu li a{
	display:block; /* Botones como bloque para luego con el width y height asignarle un tamaño fijo */
	width:150px;	/* Ancho de los botones */
	padding:5px;	/* Padding de los botones pero dentro de los enlaces, así aparece todo el fondo de color */
	text-decoration:none; /* Quita el subrayado de los vínculos */
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
}

*HTML .submenu li a{
	display:block; /* Botones como bloque para luego con el width y height asignarle un tamaño fijo */
	width:170px;	/* Ancho de los botones */
	w\idth:170px;
	padding:5px;	/* Padding de los botones pero dentro de los enlaces, así aparece todo el fondo de color */
}

.submenu li a:hover{
	color:#fff;
	background-color:#dc291e;
	text-decoration:underline;
}

.submenu ul{
	list-style:none; /* Quita las viñetas de las listas */
	padding:0px; /* Padding del menú completo */
	margin:0px;	
}



#submenu_productos{
	list-style:none; /* Quita las viñetas de las listas */
	padding-left:0px; /* Padding del menú completo */
	margin:0px;	
}

*HTML #submenu_productos{	
	padding-right:0px; /* Padding del menú completo */
	margin:0px;	
}

#submenu_productos li{		
	background-color:#ccc;
	width:150px;
	padding:5px;
	color:#1f314d;
	text-align:center;
	display:block;
	margin-bottom:1px;
	font-size:10px;
}

*HTML #submenu_productos li{			
	width:170px;
	/width:170px;
	padding:5px;
}

#submenu_submenu{
	list-style:none; /* Quita las viñetas de las listas */
	padding-left:0px; /* Padding del menú completo */
	margin:0px;
}

*HTML #submenu_submenu{	
	padding-right:0px; /* Padding del menú completo */
	margin:0px;	
}

#submenu_submenu li{
	margin-bottom:1px;		
	width:160px;
	padding:0px;
	text-align:center;
	display:block;
	margin-bottom:1px;
	font-size:10px;
	color:#ccc;
}

*HTML #submenu_submenu li{
	width:170px;
	/width:170px;
	padding:0px;	
}
#submenu_submenu li a{
	display:block; /* Botones como bloque para luego con el width y height asignarle un tamaño fijo */
	width:150px;	/* Ancho de los botones */
	padding:5px;	/* Padding de los botones pero dentro de los enlaces, así aparece todo el fondo de color */
	text-decoration:none; /* Quita el subrayado de los vínculos */
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ccc;
}

*HTML #submenu_submenu li a{	
	width:170px;
	w/idth:170px;    /* Ancho de los botones */
	padding:5px;	/* Padding de los botones pero dentro de los enlaces, así aparece todo el fondo de color */	
}

#submenu_submenu li a:hover{
	width:150px;
	padding:5px;
	color:#fff;
	text-align:center;
	display:block;
	font-size:10px;
	background-color:#dc291e;
}

*HTML #submenu_submenu li a:hover{
	width:170px;
	w/idth:170px;
	padding:5px;
	color:#fff;
	text-align:center;
	display:block;	
	font-size:10px;
	background-color:#dc291e;
}