* { margin:0; padding:0; }
body { background:url(pared.png) repeat; }
ol, ul, li { list-style:none; }
#intropremios {
		position: fixed ; 
		left: 30px;
		top: 50px; 
		}
#premiotictac {
		position: fixed ; 
		left: 60px;
		top: 200px; 
		}
#premiocortocortito {
		position: fixed ; 
		left: 60px;
		top: 350px; 
		}
#premio3r {
		position: fixed ; 
		left: 60px;
		top: 500px; 
		}
#premiobelen {
		position: fixed ; 
		left: 60px;
		top: 650px; 
		}

#introproyectos {
		position: fixed ; 
		right: 30px;
		top: 50px; 
		}

#proyecto3r {
		position: fixed ; 
		right: 50px;
		top: 300px; 
		}
#proyectocogersa {
		position: fixed ; 
		right: 50px;
		top: 600px; 
		}

div {
	position:fixed;
    	left: 10%;
	top: 0%;
	width:100%;
	height:100%;
	background-image:url(blackboard.png);
	background-repeat:no-repeat;
}
#logo { position:absolute; left:103px; top:26px; }
#logo span { display:none; }

#menu li a { position:absolute; display:block; background-image:url(menu-items.png); }
#menu li a span { display:none; }

#tablon { left:53px; top:95px; width:115px; height:100px; background-position:0 0; }
#documentacion { left:175px; top:101px; width:170px; height:97px; background-position:0 -104px; }
#horarios { left:371px; top:102px; width:104px; height:96px; background-position:0 -205px; }
#escuela { left:501px; top:99px; width:99px; height:103px; background-position:0 -306px; }
#organigrama { left:627px; top:101px; width:154px; height:95px; background-position:0 -413px; }
#clases { left:53px; top:229px; width:82px; height:89px; background-position:0 -515px; }
#proyectos { left:156px; top:225px; width:118px; height:95px; background-position:0 -608px; }
#celebraciones { left:297px; top:227px; width:162px; height:92px; background-position:0 -704px; }
#extraescolares { left:481px; top:227px; width:170px; height:91px; background-position:0 -801px; }
#peliculas { left:679px; top:228px; width:102px; height:90px; background-position:0 -896px; }
#juegos { left:53px; top:365px; width:94px; height:103px; background-position:0 -991px; }
#weblogs { left:200px; top:372px; width:104px; height:98px; background-position:0 -1097px; }
#enlaces { left:357px; top:370px; width:94px; height:98px; background-position:0 -1195px; }
#album { left:505px; top:373px; width:120px; height:91px; background-position:0 -1297px; }
#contacto { left:674px; top:372px; width:107px; height:92px; background-position:0 -1392px; }

#tablon:hover { background-position:-171px 0; }
#documentacion:hover { background-position:-171px -104px; }
#horarios:hover { background-position:-171px -205px; }
#escuela:hover { background-position:-171px -306px; }
#organigrama:hover { background-position:-171px -413px; }
#clases:hover { background-position:-171px -515px; }
#proyectos:hover { background-position:-171px -608px; }
#celebraciones:hover { background-position:-171px -704px; }
#extraescolares:hover { background-position:-171px -801px; }
#peliculas:hover { background-position:-171px -896px; }
#juegos:hover { background-position:-171px -991px; }
#weblogs:hover { background-position:-171px -1097px; }
#enlaces:hover { background-position:-171px -1195px; }
#album:hover { background-position:-171px -1297px; }
#contacto:hover { background-position:-171px -1392px; }