/*
  This stylesheet uses relative values for sizes in almost all cases.
  This means the screen can be resized, and all elements will resize as well
  not only fonts and texts.
*/


/*
  Start with some global parameters
*/
html{
}


body{
  background-color: #FFFcec;}

.logoFondo { background-color:  #003399 ;} 
.enlace {background-color: #FFF9D7 ; font-size: 9px; color: #FFFFFF; text-decoration: none; font-weight: normal;}
.enlace a{color: #FFFFFF;text-decoration: underline:}
.Contenido { 
  background-color:  #FFF7CE;
  background-image: url("../../Z_Incluido/Graficas/logoTrans.gif");
  background-repeat: no-repeat;  
  background-position: center center;   
  }


/*
  Following part deals with the navigation in div with id "navContainer"
*/

.navigationBorder{  /* Start and End of Navigation with gradient */
  width: 150px;
  text-align: center;
}

.navigationBorder#naviHead{  /* Header */
  height: 30px;
  background-image: url("../../Z_Incluido/Graficas/NavOben.jpg");
  }

.navigationBorder#naviFoot{  /* Footer */
  height: 30px;
  background-image: url("../../Z_Incluido/Graficas/NavOben.jpg");
}

#navContainer{  /* contains the menu */
  clear: both;
  width: 150px;
}

/*
  navigation level 1
*/
#navContainer ul{
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  font-size: 12px;
}

#navContainer ul li{
height: 20px;

  background-color: #191970;
  border-bottom:1px groove;
}

#navContainer ul li#li_nav1_open{  /* special layout for open links */
  background-color: #047FE9;
  }


#navContainer ul li a{  
  display: block;
  background-repeat: no-repeat;
  color: #FFFFFF;
  padding-left: 1em;
  text-decoration: none;
  font-weight: normal;
  background-image: url("../../Z_Incluido/Graficas/Flecha1.gif");
  background-position:left center;
}

#navContainer ul li a:hover{
background-color: #CEE8EE;
}

#navContainer ul li a:focus{
background-color: #CEE8EE;
}
  
#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open{
 border-bottom:1px groove;   
}

/*
/*
  Design for submenu
*/
#navContainer li li{
  line-height: 1.1em;
  background-color: #047FE9;
  border-bottom:2px groove #FFFFFF;}

#navContainer ul ul a{
  display: block;
  background-repeat: no-repeat;
  height: 1.6em;
  padding-left: 2em;
  padding-top: 0.21em;
  color: #FFFFFF;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: normal;
  background-image: none;
  font-style:italic;
   }

#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{
  color: #FFFFFF;
  background-image: url("../../Z_Incluido/Graficas/Flecha_activa.gif");
}