/*++++++++++++++++++++ caja  +++++++++++++++++++++++++++++++++++++++++*/



#iconosHome {
	background-image: url(../imagenes/iconos.gif);
	background-repeat: no-repeat;



}


#iconosPrograma{
	background-image: url(../imagenes/icono_programa_on.gif);
	background-repeat: no-repeat;


}



 #iconosCeas{
	background-image: url(../imagenes/icono_ceas_on.gif);
	background-repeat: no-repeat;


}


#iconosConsejos {
	background-image: url(../imagenes/icono_consejos_on.gif);
	background-repeat: no-repeat;


}



 #iconosContacto {
	background-image: url(../imagenes/icono_contacto_on.gif);
	background-repeat: no-repeat;


}



/*++++++++++++++++++++ listas y enlaces +++++++++++++++++++++++++++++++++++++++++*/




#icono_programa li, #icono_cea li, #icono_consejos li, #icono_contacto li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#icono_programa a, #icono_cea a, #icono_consejos a, #icono_contacto a {display: block;}








#icono_programa { left: 0px; top: 0px;  width: 150px; height: 58px; }
#icono_cea {left: 0px; top: 62px; width: 150px; height: 54px;  }
#icono_consejos {left: 0px; top: 115px; width: 150px; height: 53px;  }
#icono_contacto {left: 0px; top: 150px; width: 150px; height: 54px; }




#icono_programa a {height: 58px;}
#icono_cea a {height: 54px;}
#icono_consejos a {height: 53px;}
#icono_contacto a {height: 54px;}






#icono_programa a:hover{
	background-image: url(../imagenes/iconos_botonera.gif);
	background-repeat: no-repeat;
	background-position: -1px -231px ;
}
	
#icono_cea a:hover{background-image: url(../imagenes/iconos_botonera.gif);
	background-repeat: no-repeat;
	background-position: -1px -289px; }
	
#icono_consejos a:hover{background-image: url(../imagenes/iconos_botonera.gif);
	background-repeat: no-repeat;
	background-position: -1px -343px;}
	
	
#icono_contacto a:hover{background-image: url(../imagenes/iconos_botonera.gif);
	background-repeat: no-repeat;
	background-position: -1px -397px;}