﻿
.m-home a {background:url(images/menu/m-home.gif);}
.m-yo a {background:url(images/menu/m-yo.gif);}
#s-recommendations a {background:url(images/s-recommendations.gif);}
.m-moto a {background:url(images/menu/m-moto.gif);}
.m-dream a {background:url(images/menu/m-dream.gif);}
.m-viajes a {background:url(images/menu/m-viajes.gif);}
.m-fotos a {background:url(images/menu/m-fotos.gif);}
.m-sponsors a {background:url(images/menu/m-sponsors.gif);}
.m-foros a {background:url(images/menu/m-foros.gif);}
.m-mensajes a {background:url(images/menu/m-guestbook.gif);}
.m-contacto a {background:url(images/menu/m-mail.gif);}
.m-links a {background:url(images/menu/m-links.gif);}
.m-gracias a {background:url(images/menu/m-thanks.gif);}

.s-ia a {background:url(images/s-ia.gif);}
.s-accessibility a {background:url(images/s-accessibility.gif);}
.s-usability a {background:url(images/s-usability.gif);}
.s-copywriting a {background:url(images/s-copywriting.gif);}
.s-production a {background:url(images/s-production.gif);}
.s-html a {background:url(images/s-html.gif);}
.s-css a {background:url(images/s-css.gif);}
.s-js a {background:url(images/s-js.gif);}

#menu {
	
	/*margin: 0;*/
	padding: .2px;
	list-style-type: none;
	font-size:13px;
	margin:0 0 0 0 ;
	width:176px;
	FONT-FAMILY: verdana,sans-serif;
	background-color: black;
}

#menu li 
{
	border:1px solid;
	border-color:#999 #999 #999 #ff6600;
	margin:0 0 2px 0;
	background-color: black;
	/*background:#f1f1f1 url(images/s-bg.gif) top left repeat-x;	*/
}

#menu a 
{
	display: block;
	border:none;
	border-left: 2px solid #ff6600;
	background-position:0px 100%;
	background-repeat:no-repeat;
	color:#eee;
	text-decoration:none;	
	width: 10.1em;
	padding:.3em 3px .3em 37px;
	font-weight:bold;
	
}   


#menu a:hover {

	border:none;
	border-left: 2px solid yellow;
	background-position:-296px 100%;
	background-repeat:no-repeat;
	color:#ffcc00;
	text-decoration:none;   
	background-color: #444444;
	
}

.menuEng 
{
	font-size:75%;
	color:#aaa;
}

.menuViaje
{
	font-size:90%;
	
}
/************ SUBMENU *************/
/**********************************/

.submenu {
	
	margin: .1em;
	padding: 0;
	list-style-type: none;
	font-size:75%;
	margin: 0 1em .7em 0 ;
	width:13em;
	float:left;
	border:none;/*solid 1px afafaf;*/
	background-color: black;
}

.submenu li 
{
	border:1px solid;
	border-color:#ccc #bbb #b6b6b6 #ccc;
	margin:0 0 2px 0;
	/*background:#f1f1f1 url(images/s-bg.gif) top left repeat-x;	*/
}

.submenu a , .submenu a:visited
{
	display: block;
	border:none;
	color:#eeeeee;
	text-decoration:none;	
	width: 12em;
	padding:.3em 3px .3em .6em;
	font-weight:normal;
}   


.submenu a:hover {

	border:none;
	color:#ffffff;
	text-decoration:none;   
	background-color: #444444;

}

.submenuEng 
{
	font-size:95%;
	color:#bbbbbb;
}
