.ddsmoothmenu{ font: bold 12px Verdana;width: 778px;height:50px;}
.ddsmoothmenu ul{margin: 0;padding: 0;list-style-type: none;}

/*Top level list items*/
.ddsmoothmenu ul li{position: relative;display: inline;float: left;}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{display: block;text-decoration: none;background:#6231118;}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{color: #dda75f;}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
color: #ffffff;}

.ddsmoothmenu ul li a:hover{color: white;}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 11px Arial #dda75f;
width: 160px; /*width of sub menus*/
padding: 3px;
margin: 0;
border-top-width: 0;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
display:none;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: #562914;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
.ddsmoothmenu ul li a.nosotros{ background: url(home/imagenes/bot_nosotros_off.gif)  85% 50%  no-repeat; width:80px; height:37px; padding: 5px 10px 0 100px; display:block; }
.ddsmoothmenu ul li a.nosotros:hover{ background: url(home/imagenes/bot_nosotros_on.gif) 90% 50%  no-repeat; }

.ddsmoothmenu ul li a.padres{ background: url(home/imagenes/bot_padres_off.gif)  80% 50% no-repeat; width:80px; height:37px; padding: 5px 10px 0 40px;}
.ddsmoothmenu ul li a.padres:hover{ background: url(home/imagenes/bot_padres_on.gif)  85% 50%  no-repeat;}

.ddsmoothmenu ul li a.dirigentes{ background: url(home/imagenes/bot_dirigentes_off.gif)  70% 50%   no-repeat; width:95px; height:37px; padding: 5px 10px 0 40px;}
.ddsmoothmenu ul li a.dirigentes:hover{ background: url(home/imagenes/bot_dirigentes_on.gif)  75% 50%  no-repeat; }

.ddsmoothmenu ul li a.alianzas{ background: url(home/imagenes/bot_alianzas_off.gif)  90% 100%     no-repeat; width:80px; height:37px; padding: 5px 10px 0 55px;}
.ddsmoothmenu ul li a.alianzas:hover{ background: url(home/imagenes/bot_alianzas_on.gif) 95% 100% no-repeat; }

.ddsmoothmenu ul li a.antiguos{ background: url(home/imagenes/bot_antiguos_off.gif)  95% 100%   no-repeat; width:80px; height:37px; padding: 5px 10px 0 40px;}
.ddsmoothmenu ul li a.antiguos:hover{ background: url(home/imagenes/bot_antiguos_on.gif)  100% 100%  no-repeat; }

.ddsmoothmenu ul li a span{ display: none;}
#smoothmenu1 {	width: 778px;	height: 50px;background: url(home/imagenes/menu_fondo-trans.png) no-repeat; /*background of menu bar (default state)*/	float: right;}