/* 
    Document   : prueba
    Created on : 15/06/2010, 10:33:51 PM
    Author     : zoombaro
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}

a {
    color:yellow;
}

.topmenul3 {
    display:none;
    position:absolute;			/* We position absolute (relative to l1) */
    width:200px;				/* Default width for sub-menu's */
    /*border:1px solid black;			/* Border around the sub-menu's */
    z-index:10;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
    left:198px;				/* Left to 0 and for IE we move one extra pixel down */
    top:1px !important;
    top:2px;
}

.topmenul1, .topmenul2, .topmenul3 {
    list-style:none;			/* Default styles for all menu's */
    margin:0px;
    padding:0px 0px;
}

.topmenul1 li {
    background-color: #E79518;/* transparent; */
    padding:1px 0px;
    float:left;				/* First level menu's needs to float left */
    position:relative;			/* Relative positiong because lower level menu's needs to be absolute */
}

/* First level colors for link tags */
.topmenul1 a {
    color:black;
    padding:0px 15px 0px 5px;		/* Seperate menu's a bit aswell, some extra space for the arrow on the right */
    /* border:1px solid #E79518; 		/* Same as BG color so total width is always the same */
}

.topmenul1 a:hover {
    background-color:#FEB103;		/* On hover for a alements, */
    /* border:1px solid black; */
}


/* Start second level and lower menu's */
.topmenul1 .topmenul2 {
    display:none;
    position:absolute;			/* We position absolute (relative to l1) */
    width:200px;				/* Default width for sub-menu's */
    /*border:1px solid black;			/* Border around the sub-menu's */
    z-index:10;				/* We set a z-index these menu's will show up above other menu items, works in non IE */
    left:0px;				/* Left to 0 and for IE we move one extra pixel down */
    top:20px !important;
    top:21px;
}

.topmenul2, .topmenul3 {
    background-color: #2A4F83;
    font-size: 10px;
}

.topmenul1 .topmenul2 .topmenul2, .topmenul1 .topmenul2 .topmenul2 .topmenul2 {
    left:200px;				/* Move away from second level menu for second level and lower */
    top:-1px !important; 			/* Border = 1px so we need to move one up aswell !important to overrule the !important above*/
}

.topmenul1 .topmenul2 li {
    padding:2px 0px;  			/* Controls the height per menu item on second level and lower */
    border-bottom:1px solid #f0f0f0;	/* little color seperator */
    background-color:#FEB103;
    width:100%;
}

.topmenul1 .topmenul2 a {
    border:none;				/* no border, remove the style from level1 a tags */
    display:block;				/* Display block, so teh whole menu will lite up (if bg used)*/
    padding:0px 2px;
}

.topmenul1 .topmenul2 a:hover {			/* Needed for IE aswell */
                                  color:white;
                                  border:none;				/* no border, remove the style from level1 a tags */
}

/* Little arrows for the menus */
.topmenul1-ifsub,.topmenul2-ifsub {
    background-image:url(../images/arrow-b-d.gif);
    background-position:right top;
    background-repeat:no-repeat;
}
.topmenul2-ifsub {
    background-image:url(../images/arrow-b-r.gif);
}


.topmenul1 .hoveratag {
    background-color:#FEB103;		/* Hack in javascript, this will highlite teh a tag of the menu above */
    /* border:1px solid black;			/* We could do this with CSS (.topmenul1 li:hover > a) But IE doesn't support that */
}








ul#yacbddm  {
    font:14px verdana,arial,sans-serif;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0;
    text-transform:none;
    text-align:center;
}
ul#yacbddm li {
    background-color:transparent;
    color:#780D0A;
    /* float:right; */
    margin:2px 2px 0;
}
ul#yacbddm a:link, ul#yacbddm a:visited {
    background-color:transparent;
    color:#FFFFFF;
    display:inline;
    padding:2px 22px;
    text-decoration:none;
    text-shadow:1px 1px 1px #000000;
}
ul#yacbddm a:hover {
    color:#FFFFFF;
    border-bottom:medium solid #B86500;
    text-decoration:none;
    text-shadow:none;
}


#menu_foot {
    /* background:url("bk-menu-top.png") repeat-x scroll 0 0 #2B5182; */
    clear:both;
    height:128px;
    margin:0;
    padding:8px 0 0;
    width:999px;
}

ul#css3menu,ul#css3menu ul{
    margin:0;
    list-style:none;
}
ul#css3menu ul{
    display:block;
    padding:0 10px 10px;
}
ul#css3menu li:hover>*{
    display:block;
}
ul#css3menu li:hover{
    position:relative;
}
ul#css3menu ul ul{
    position:absolute;
    left:98%;
    top:-2px;
}
ul#css3menu{
    font-size:0;
    position:relative;   /* era - absolute*/
    left:35px;
}
ul#css3menu li{
    display:block;
    white-space:nowrap;
    font-size:0;
    float:left;
}
ul#css3menu>li,ul#css3menu li{
    margin:0;
}
ul#css3menu a:active, ul#css3menu a:focus{
    outline-style:none;
}
ul#css3menu a{
    color:#FFFFFF;
    cursor:pointer;
    font:bold 14px Trebuchet MS,sans-serif;
    padding:14px;
    text-align:justify;
    text-decoration:none;
    text-shadow:0 0 1px #999999;
    vertical-align:middle;
}
ul#css3menu ul li{
    float:none;
    margin:4px 0 0;
}
ul#css3menu ul a{
    color:#DDDDDD;
    font:11px Tahoma,serif;
    padding:6px;
    text-align:center;
    text-decoration:none;
}
ul#css3menu li:hover>a{
    font:bold 14px Trebuchet MS,sans-serif;
    color:#ffffff;
    text-decoration:none;
    text-shadow:#FFF 0 0 1px;
}
ul#css3menu img{
    border:none;
    vertical-align:middle;
    margin-right:20px;
    width:16px;
    height:16px;
}
ul#css3menu ul img{
    width:16px;
    height:16px;
}
ul#css3menu img.over{
    display:none;
}
ul#css3menu li:hover > a img.def{
    display:none;
}
ul#css3menu li:hover > a img.over{
    display:inline;
}
ul#css3menu span{
    display:block;
    overflow:visible;
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:0px;
}
ul#css3menu ul span{
    padding-right:1px;
}
ul#css3menu ul li:hover>a{
    background-color:#f2f3fc;
    background-image:none;
    font:14px Tahoma,serif;
    color:#0978b3;
    text-decoration:none;
}











ul#css3Lmenu,ul#css3Lmenu ul{
    margin:0;
    list-style:none;
}
ul#css3Lmenu ul{
    display:block;
    padding:2px 0px 2px 20px;
    margin:0;
}
ul#css3Lmenu li:hover>*{
    display:block;
}
ul#css3menu li:hover{
    position:relative;
}
ul#css3Lmenu ul ul{
    position:relative;
    left:1%;
    font-size: 11px;
}
ul#css3Lmenu{
    font-size:0;
    left:1px;
    margin:10px 14px 10px 40px;
    padding:0;
    position:relative;
}
ul#css3Lmenu li{
    display:block;
    text-align: left;

}
ul#css3Lmenu a{
    color:#FFFFFF;
    cursor:pointer;
    font:bold 14px Trebuchet MS,sans-serif;
    text-decoration:none;
}
ul#css3Lmenu li:hover>a{
    font:bold 14px Trebuchet MS,sans-serif;
    color:#DE9131;
    text-decoration:none;
}
ul#css3Lmenu ul li{
    float:none;
}
ul#css3Lmenu ul a{
    color:#FFFFFF;
    font:12px Trebuchet MS;
    margin:0;
    padding:0;
    text-align:left;
    text-decoration:none;
}
ul#css3Lmenu ul a:hover{
    color:#DE9131;
}