/* CSS Document */

body, div, ul{
    margin: 0px;
    padding: 0px;
    border: 0px;
}


div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}

	/* MENU ------------------------------ */
	
	/* SPRITE NAVIGATION */ 
	#menu {
		background: url(menu.jpg) 0 0 no-repeat;
		width: 370px;		/* Width of entire image */ 
		height: 42px;		/* Height of buttons */
	}
	#menu span {
		display: none;
	}
	#menu li, #menu a {
		height: 42px;		/* Each button must have the same height, define it here */
		display: block;
	
	}
	
	
	/* margin-left - you will need to adjust this value to "center" your nav, if needed */ 
	/* width - width of each button, they will each most likely be unique */ 
	#menu-primaria        { width: 122px; }
	#menu-secundaria 	  { width: 123px; }
	#menu-bachillerato 	  { width: 125px; }
	
	#menu-primaria  a:hover, #primaria #menu-primaria { background: transparent url(menu.jpg) -0px -54px no-repeat; }
	#menu-secundaria  a:hover, #secundaria #menu-secundaria { background: transparent url(menu.jpg) -122px -54px no-repeat; }
	#menu-bachillerato a:hover, #bachillerato #menu-bachillerato { background: transparent url(menu.jpg) -245px -54px no-repeat; }
	
	
	#intro {
		width: 370px;
		float: left;
	}