/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_variations.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* TODOS LOS NAVEGADORES MODERNOS*/
@font-face{
font-family:'Perpetua';
src: url('perpetua-b.ttf') format('truetype') /*u ('opentype') si lo fuera*/;
}
@font-face{
font-family:'Perpetua';
src: url('perpetua.ttf') format('truetype') /*u ('opentype') si lo fuera*/;
}

/* PARA INTERNET EXPLORER*/
<!--[if IE]> 

  @font-face {
    font-family: 'Perpetua';
    font-style:  normal;
    font-weight: normal;
    src: url('perpetu0.eot');
  }
  @font-face {
    font-family: 'Perpetua';
    font-style:  normal;
    font-weight: 700;
    src: url('perpetu1.eot');
  }
  
<![endif]--> 
  

.nada {
	border: 1px solid #886b2f;
	
	}
/* common styling */

 /* Set up the default font and ovrall size to include image */
.menu {
	font-family: 'Perpetua', "Lucida Grande", sans-serif;
	width:200px;
	height:100px;
	background:url(images/idiomas.png) 0 -4px no-repeat;
	position:relative;
	/*margin:2em 125px 0 125px;*/
	font-size: 11px;
	color: #42340a;
	white-space: nowrap;
	
}
/* get rid of the default padding - margin and bullets */
.menu ul {
padding:0; 
margin:0;
list-style-type: none;
}
/* make menu horizontal */
.menu ul li {
float:left;
position:relative;
}
/* set up the default top level links */
.menu ul li a, .menu ul li a:visited {
display:block; 
text-decoration:none; 
color:#000; 
width:150px; 
height:1.5em;
font-weight:bold;
color:#42340a; 
padding-left:10px; 
line-height:1.5em;
margin-right:2px;

}
/* hack for IE5.5 to correct the faulty box model */
* html .menu ul li a, .menu ul li a:visited {
width:98px;
w\idth:88px;
}
/* hide the drop down menu */
.menu ul li ul {
display: none;

}
/* remove all table style so that it does not interfere with the menu */
.menu table {
	margin:-1px;
	border-collapse:collapse;
	font-size:12px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
}

/* first line for IE7 and non-IE browsers, second line for IE5.5 and IE6 */

/* style the top level hover */
.menu ul li:hover a,
.menu ul li a:hover {
color:#000; 
border-bottom:px solid #ffffff;
}
/* make the drop down menu show and correctly position it */
.menu ul li:hover ul,
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:1.2em;
margin-top:0px;
left:0; 
width:144px;
border:1px solid #cab987;
border-top:5px;
background:#ffffff;
margin-left:1px;
}
/* style the drop down links with no hover */
.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
display:block; 
/*background:transparent url(../../opacity/opaque.png); */
color:#000; 
border:0;
margin:0;
color:#9e7e3b;
font-weight:normal; 
font-size:0.9em;
height:auto; 
line-height:1em; 
padding:5px; 
width:134px
}
/* style the drop down menu links when hovered */
.menu ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover {
background:#42340a; 
color:#fff;
}

/* special styling for IE5.5 and IE6 - transparency is non validating */
.menu ul li a:hover ul {
background:transparent filter: alpha(opacity=80);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
opacity:0.8;
margin-top:10px; /* for IE5.5 faulty box model */
marg\in-top:11px; /* for IE6 */
}
/* IE5.5 hack for faulty box model in drop down menu */
.menu ul li a:hover ul li a {
background:#ddd;
width:96px; /* for IE5.5 faulty box model */
w\idth:86px; /* for IE6 */
}