/* CSS Document */
#cabecera1 {
float:left;
display:inline;

}

#cabecera2{
float:left;
display:inline;
width:655px;
height:64px;}

#menu {
      float:left;
	  position:relative;
	  height:57px;
	  width:654px;
  	  left:0px;
	  display:block;
	  overflow:hidden;
      }
    #menu ul {
	float:right;

	  margin:0;
	  padding:0px 0px 0 0px;
	  list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;

      }
    #menu a {
      float:left;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
	  height:54px;
      }



 #integral{
	  background:url(imagenes/menufamilias/integral1.gif) no-repeat right top;
  	  width:159px;
	  	border: 2px solid #FFFFFF;
      }
 #tra{
	  background:url(imagenes/menufamilias/TRADICIONAL1.gif) no-repeat right  top;
  	  width:159px;
	  	border: 2px solid #FFFFFF;
      }
 #sina{
	  background:url(imagenes/menufamilias/Sinazucar1.gif) no-repeat right  top;
	  width:159px;
	  	border: 2px solid #FFFFFF;
      }
 #sana{
	  background:url(imagenes/menufamilias/massana1.gif) no-repeat right  top;
	  width:159px;
	  	border: 2px solid #FFFFFF;
      }
   /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menu a span {float:none;}
    /* End IE5-Mac hack */
	#menu #integral:hover{
	  background:url(imagenes/menufamilias/integral2.gif) no-repeat right  top;


      }
    #menu #tra:hover {
  	  background:url(imagenes/menufamilias/TRADICIONAL2.gif) no-repeat right  top;


      }
    #menu  #sina:hover{
	  background:url(imagenes/menufamilias/Sinazucar2.gif) no-repeat right  top;

      }
    #menu  #sana:hover{
	  background:url(imagenes/menufamilias/massana2.gif) no-repeat right  top;

      }