/* RULES FOR THE "MENUDIV" OBJECT */

div#tabmenu {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 676px;
	background-image: url(../images/menu_nivel_2_fondo.png);
	background-repeat: no-repeat;
	background-position: 0px 40px;
    height: 112px;
    text-align: left;
    position: relative;
}

.nivel_1 {
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 676px;
	background-image: url(../images/menu_nivel_2_fondo.png);
	background-repeat: no-repeat;
	background-position: 0px 40px;
    height: 60px;
    text-align: left;
    position: relative;
}

.nivel_1 div, .nivel_2 div, .nivel_3 div {
    padding: 0;
    margin: 0;
    float: left;
}

.menu_1_izq {
    background: transparent url(../images/menu_nivel_1_normal.png) top right no-repeat;
    width:  11px;
    height: 60px;
    float: left;
}

.menu_1_select {
    background: transparent url(../images/menu_nivel_1_sel_izq.png) top left no-repeat;
    height: 60px;
    float: left;
}

.menu_1_normal {
    background: transparent;
    height: 60px;
    float: left;
}

a.link_1_activo {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    display: block;
    height: 60px;
    margin: 0;
    line-height: 34px;
    background: transparent url(../images/menu_nivel_1_sel_der.png) top right no-repeat;
}

a.link_1_activo:hover {
    font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}

a.link_1_normal {
    font-family: Verdana,Helvetica,Arial,sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    display: block;
    height: 40px;
    margin: 0;
    line-height: 38px;
    background: transparent url(../images/menu_nivel_1_normal.png) top right no-repeat;
    float: left;
    position: relative;
}


a.link_1_normal:hover, .nivel_1 a.highlighted {
    font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
    line-height: 35px;
    background: transparent url(../images/menu_nivel_1_over.png) top right no-repeat;
}

.nivel_2 {
	margin: 0;
	padding: 0;
	width: 676px;
	height: 36px;
    position: absolute;
    left: 0px;
    top: 40px;
    display:block;
    background: transparent url(../images/menu_nivel_2_div.png) 0 0 no-repeat;
}

.menudiv {
 position: absolute;
 visibility: hidden;
 /*visibility: visible;*/
 z-index: 1000;
 width: 676px;
 height: 36px;
 /*border: 2px solid #f00;
 border: 2px outset #FFFFCC;
  Borders:     Top    Right  Bottom    Left   
 border-color: #FFFFCC #666633 #666633 #FFFFCC;
 background-color: #fff;*/
 /* layer-background-color is non-standard and NS4 only. 
 layer-background-color: #fff;*/
 margin: 0;
 padding: 0;
 background: url(../images/menu_nivel_2_div.png) 0 100% no-repeat;
 /*font: 14px/22px Arial, Helvetica, sans-serif;*/
 /* Here's a cool effect, try uncommenting this, althought it's non-standard:
 filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8  */
}

.menudivActivo {
 position: absolute;
 visibility: visible;
 z-index: 200;
 width: 676px;
 height: 36px;
 /*border: 2px outset #FFFFCC;
 border-color: #FFFFCC #666633 #666633 #FFFFCC;
 background-color: #fff;
 layer-background-color: #fff;*/
 /*padding: 5px;*/
 background: url(../images/menu_nivel_2_div.png) 0 100% no-repeat;
 margin: 0;
 padding: 0;
}

.menudivActivo a, .menudiv a, .menudivActivo_3 a, .menudiv_3 a, .nivel_2 a.highlighted {
    margin: 0;
    padding: 0 6px;
	text-decoration:none;
	font-size:12px;
    line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    display: block;
}

.link_2_activo a, .link_2_activo a:hover {
  background: transparent url(../images/menu_nivel_2_sel.png) top left repeat-x;
  /*border-right: 1px solid #016599;
  border-left: 1px solid #016599;*/
  color:#000;
}

.link_2_normal a {
  color:#000;
  /*background: #fff;*/
}

.link_2_normal a:hover, div.nivel_2 a.highlighted {
    background: transparent url(../images/menu_nivel_2_over.png) top left repeat-x;
    color: #fff;
}

.nivel_3 {
	width: 676px;
    height: 36px;
    background: transparent;
    position: absolute;
    left: 0px;
    top: 76px;
    z-index: 900;
    /*font-size:12px;
    line-height:36px;
    border: 2px solid #f00;*/
}


#menu_3_1 {
	/*padding: 6px 0; 0 225px;*/
}

#menu_3_1 div {
	margin: 0px 0 0 33px;
}

#menu_3_2 {
	/*padding: 6px 0; 0 330px;*/
}

#menu_3_2 div {
	margin: 0px 33px 0 0;
    float: right;
}

#menu_3_3 div {
	margin: 0px 0 0 26px;
}


.menudiv_3 {
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: hidden;
  z-index: 1100;
  width: 676px;
  height: 36px;
  padding: 0;
  margin: 0;
  background: url(../images/menu_nivel_3_fondo.png) 15px 0 no-repeat;
 /*font: 14px/22px Arial, Helvetica, sans-serif;
  Here's a cool effect, try uncommenting this, althought it's non-standard: 
 filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8*/
}

.menudivActivo_3 {
  position: absolute;
  left: 0px;
  top: 0px;
  visibility: visible;
  z-index: 950;
  width: 676px;
  height: 36px;
  background: url(../images/menu_nivel_3_fondo.png) 15px 0 no-repeat;
  margin: 0;
  padding: 0;
}

.menudivActivo_3 a, .menudiv_3 a {
    margin: 0;
    padding: 0 6px;
	text-decoration:none;
	font-size:12px;
    line-height:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    display: block;
}
/*
.link_3_activo a, .link_3_activo a:hover {
  background: #ecfafa;
  border-bottom: 1px solid #b1cfd1;
  color:#000;
}

.link_3_normal a {
  color:#000;
  background: #fff;
}

.link_3_normal a:hover {
    background: #1aab9c;
    color: #fff;
}
*/

/**************************
***************************
**                       **
**      de momento       **
**     voy por aqui      **
**                       **
***************************
**************************/




/* Formatting to apply to the elements inside the "menudiv" class elements. */
/* Of course, you can put whatever you want within the menu divs, these are just examples. 

.menudiv .header {
 width: 100%;
 font-weight: bold;
 text-align: center;
 border-bottom: 2px dashed #999966;
 margin-bottom: 5px;
}*/

/*.menudiv a {
 display: block;
  I've specified borders for each side individually so NS4 ignores this setting 
 border-top: 1px solid #CCCC99;
 border-right: 1px solid #CCCC99;
 border-bottom: 1px solid #CCCC99;
 border-left: 1px solid #CCCC99;
 color: #003333;
 text-indent: 5px;
 text-decoration: none;
}*/

/* I'm using :hover and :active pseudo-classes for link mouse effects. 
.menudiv a:hover {
 border: 1px solid #336699;
 border-color: #6699CC #003366 #003366 #6699CC;
 background-color: #336699;
 color: #FFFFFF;
}
.menudiv a:active {
 border: 1px solid #003366;
 border-color: #000000 #3366CC #3366CC #000000;
 background-color: #003366;
 color: #FFFFFF;
}*/

/*
The script will automatically assign a class of "highlighted" to elements that currently
have an active submenu, so here's a little CSS to format links within a .menudiv element.

.menudiv .highlighted {
 background-color: #336699;
 border-color: #336699;
 color: #FFFFFF;
}*/

/* The links in the upper-left that pop out 'divMenu' menus. 
.trigger a {
 font: Bold 14px Arial, Helvetica, sans-serif;
 color: #003366;
 text-decoration: none;
}*/

/* Likewise, style active trigger links 
.trigger a.highlighted {
 color: #CC9966;
}*/