DIV{-moz-box-sizing:border-box;box-sizing:border-box;}

#menu {
   float:left;
   width:999px;
   overflow:hidden;
   position:absolute;
   bottom: 0px;
}
#menu ul { 
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}
#menu ul li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
}
#menu ul.cuadroMenu li a {
   display:block;
   margin:0 2px 0 2px; 
   padding-top: 10px;
   color:#fff;
   text-decoration:none;
   line-height:1.3em;
   width: 121px;
   height: 43px;
   background: url(imgTemplate/botonBotonera.jpg) no-repeat;
}

.cuadroMenu, .cuadroSubMenu{
	position:relative;
}

.cuadroSubMenu {	
	position:absolute;
	display: none;
	background-color: #333;
	margin:0px 10px 0px 0px;
	width:235px;
	text-align:left;
  z-index: 3;
}

.cuadroSubMenu .cuadroSubMenu{	
	position:absolute;
	display: none;
	width:235px;
  background: #555;
  z-index: 3;
}

.elementoMenu, .elementoMenuActual {
	position:relative;
	width:122px;
	float:left;
}


/* ------------------------------------- SUBMENU -------------------------------------------*/

.cuadroSubMenu .elementoMenu {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
	position:relative;
	display:block;
	height: 27px;
	font-size:12px;
	background: url(imgTemplate/fondoCuadroMenu.jpg) repeat-y;
	width:200px;
}

.cuadroSubMenu .elementoMenu:hover {
  background: url(imgTemplate/fondoCuadroMenuActual.jpg) repeat-y;
}

.cuadroSubMenu .elementoMenuActual {
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 5px 15px;
	position:relative;
	display:block;
	height: 27px;
	font-size:12px;	
  background: url(imgTemplate/fondoCuadroMenu.jpg) repeat-y;
}

.cuadroSubMenu .elementoMenuActual:hover {
  background: url(imgTemplate/fondoCuadroMenuActual.jpg) repeat-y;
}

.cuadroMenu .cuadroSubMenu .elementoMenu a{
	height:19px;
	width:200px;
	color:#ccc;
	text-align:left;
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: none;
}

.cuadroMenu .cuadroSubMenu .elementoMenuActual a{
	height:19px;
	width:200px;
	color:#ccc;
	text-align:left;	
  padding: 0;
  margin: 0;
  text-decoration: none;
  background: none;
}

.cuadroSubMenu ul li a {
background: none;
}

.cuadroSubMenu .elementoMenu a:hover{
  font-weight: bold;
}

.cuadroSubMenu .elementoMenuActual a:hover{
  font-weight: bold;
}

.letraMenu {
  color: #ff00cc;
  font-weight: bold;
}

.flechaMenu {
  position: absolute;
  right: 10px;
  top: 7px;
}